@syncfusion/ej2-react-layouts 20.1.47 → 20.1.61

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 (80) hide show
  1. package/CHANGELOG.md +14 -0
  2. package/dist/ej2-react-layouts.umd.min.js +1 -1
  3. package/package.json +8 -8
  4. package/src/dashboard-layout/panels-directive.d.ts +3 -1
  5. package/src/splitter/panesettings-directive.d.ts +3 -1
  6. package/styles/avatar/bootstrap-dark.css +1 -7
  7. package/styles/avatar/bootstrap.css +1 -7
  8. package/styles/avatar/bootstrap4.css +1 -7
  9. package/styles/avatar/bootstrap5-dark.css +1 -7
  10. package/styles/avatar/bootstrap5.css +1 -7
  11. package/styles/avatar/fabric-dark.css +1 -7
  12. package/styles/avatar/fabric.css +1 -7
  13. package/styles/avatar/fluent-dark.css +1 -7
  14. package/styles/avatar/fluent.css +1 -7
  15. package/styles/avatar/highcontrast-light.css +1 -7
  16. package/styles/avatar/highcontrast.css +1 -7
  17. package/styles/avatar/material-dark.css +1 -7
  18. package/styles/avatar/material.css +1 -7
  19. package/styles/avatar/tailwind-dark.css +1 -7
  20. package/styles/avatar/tailwind.css +1 -7
  21. package/styles/bootstrap-dark.css +43 -312
  22. package/styles/bootstrap.css +43 -312
  23. package/styles/bootstrap4.css +43 -314
  24. package/styles/bootstrap5-dark.css +41 -309
  25. package/styles/bootstrap5.css +41 -309
  26. package/styles/card/bootstrap-dark.css +1 -85
  27. package/styles/card/bootstrap.css +1 -85
  28. package/styles/card/bootstrap4.css +1 -87
  29. package/styles/card/bootstrap5-dark.css +1 -85
  30. package/styles/card/bootstrap5.css +1 -85
  31. package/styles/card/fabric-dark.css +1 -85
  32. package/styles/card/fabric.css +1 -87
  33. package/styles/card/fluent-dark.css +1 -85
  34. package/styles/card/fluent.css +1 -85
  35. package/styles/card/highcontrast-light.css +1 -85
  36. package/styles/card/highcontrast.css +1 -87
  37. package/styles/card/material-dark.css +1 -85
  38. package/styles/card/material.css +1 -85
  39. package/styles/card/tailwind-dark.css +1 -87
  40. package/styles/card/tailwind.css +1 -87
  41. package/styles/dashboard-layout/bootstrap-dark.css +28 -116
  42. package/styles/dashboard-layout/bootstrap.css +28 -116
  43. package/styles/dashboard-layout/bootstrap4.css +28 -116
  44. package/styles/dashboard-layout/bootstrap5-dark.css +28 -117
  45. package/styles/dashboard-layout/bootstrap5.css +28 -117
  46. package/styles/dashboard-layout/fabric-dark.css +28 -116
  47. package/styles/dashboard-layout/fabric.css +28 -116
  48. package/styles/dashboard-layout/fluent-dark.css +28 -117
  49. package/styles/dashboard-layout/fluent.css +28 -117
  50. package/styles/dashboard-layout/highcontrast-light.css +16 -85
  51. package/styles/dashboard-layout/highcontrast.css +28 -115
  52. package/styles/dashboard-layout/material-dark.css +28 -116
  53. package/styles/dashboard-layout/material.css +28 -116
  54. package/styles/dashboard-layout/tailwind-dark.css +28 -119
  55. package/styles/dashboard-layout/tailwind.css +28 -119
  56. package/styles/fabric-dark.css +43 -312
  57. package/styles/fabric.css +43 -314
  58. package/styles/fluent-dark.css +41 -309
  59. package/styles/fluent.css +41 -309
  60. package/styles/highcontrast-light.css +31 -281
  61. package/styles/highcontrast.css +43 -313
  62. package/styles/material-dark.css +53 -322
  63. package/styles/material.css +43 -312
  64. package/styles/splitter/bootstrap-dark.css +16 -107
  65. package/styles/splitter/bootstrap.css +16 -107
  66. package/styles/splitter/bootstrap4.css +16 -107
  67. package/styles/splitter/bootstrap5-dark.css +14 -103
  68. package/styles/splitter/bootstrap5.css +14 -103
  69. package/styles/splitter/fabric-dark.css +16 -107
  70. package/styles/splitter/fabric.css +16 -107
  71. package/styles/splitter/fluent-dark.css +14 -103
  72. package/styles/splitter/fluent.css +14 -103
  73. package/styles/splitter/highcontrast-light.css +16 -107
  74. package/styles/splitter/highcontrast.css +16 -107
  75. package/styles/splitter/material-dark.css +26 -117
  76. package/styles/splitter/material.css +16 -107
  77. package/styles/splitter/tailwind-dark.css +14 -103
  78. package/styles/splitter/tailwind.css +14 -103
  79. package/styles/tailwind-dark.css +41 -313
  80. package/styles/tailwind.css +41 -313
@@ -5,31 +5,26 @@
5
5
  line-height: 48px;
6
6
  min-height: 48px;
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: 1.5;
12
11
  padding: 24px 24px 16px 24px;
13
12
  }
14
-
15
13
  .e-bigger .e-card > .e-card-header-title + :not(.e-card-header-title),
16
14
  .e-bigger.e-card > .e-card-header-title + :not(.e-card-header-title) {
17
15
  margin-top: 0;
18
16
  padding-top: 0;
19
17
  }
20
-
21
18
  .e-bigger .e-card > .e-card-title,
22
19
  .e-bigger.e-card > .e-card-title {
23
20
  line-height: 1.5;
24
21
  padding: 8px 24px 16px 24px;
25
22
  }
26
-
27
23
  .e-bigger .e-card > .e-card-title + :not(.e-card-title),
28
24
  .e-bigger.e-card > .e-card-title + :not(.e-card-title) {
29
25
  margin-top: 0;
30
26
  padding-top: 0;
31
27
  }
32
-
33
28
  .e-bigger .e-card.e-card-horizontal .e-card-image,
34
29
  .e-bigger .e-card.e-card-horizontal img,
35
30
  .e-bigger .e-card .e-card-horizontal .e-card-image,
@@ -40,54 +35,45 @@
40
35
  .e-bigger.e-card .e-card-horizontal img {
41
36
  margin: 2px;
42
37
  }
43
-
44
38
  .e-bigger .e-card .e-card-header,
45
39
  .e-bigger.e-card .e-card-header {
46
40
  min-height: 30px;
47
41
  padding: 24px 24px 16px 24px;
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 24px;
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: 14px;
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: 4px 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: 50px;
83
71
  width: 46px;
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: 24px 24px;
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: 12px 24px 24px 24px;
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 8px 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 6px;
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: 0 24px 16px 24px;
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: 14px;
189
164
  line-height: 1.25;
190
165
  padding: 18px;
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: 16px;
200
173
  line-height: 1.5;
201
174
  padding: 18px;
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: 14px;
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;
@@ -297,24 +255,20 @@
297
255
  padding: 18px 18px 12px 18px;
298
256
  width: inherit;
299
257
  }
300
-
301
258
  .e-card .e-card-header .e-card-content {
302
259
  padding-left: 0;
303
260
  padding-right: 0;
304
261
  }
305
-
306
262
  .e-card .e-card-header .e-card-actions {
307
263
  -ms-flex-pack: start;
308
264
  justify-content: flex-start;
309
265
  }
310
-
311
266
  .e-card .e-card-header .e-card-header-image {
312
267
  -ms-flex-item-align: center;
313
268
  align-self: center;
314
269
  display: -ms-flexbox;
315
270
  display: flex;
316
271
  }
317
-
318
272
  .e-card .e-card-header .e-card-header-caption {
319
273
  -ms-flex-item-align: center;
320
274
  align-self: center;
@@ -327,11 +281,9 @@
327
281
  overflow: hidden;
328
282
  padding: 0 0 0 18px;
329
283
  }
330
-
331
284
  .e-card .e-card-header .e-card-header-caption:first-child {
332
285
  padding: 0;
333
286
  }
334
-
335
287
  .e-card .e-card-header .e-card-header-caption .e-card-header-title,
336
288
  .e-card .e-card-header .e-card-header-caption .e-card-sub-title {
337
289
  display: inline-block;
@@ -339,38 +291,32 @@
339
291
  text-overflow: ellipsis;
340
292
  white-space: nowrap;
341
293
  }
342
-
343
294
  .e-card .e-card-header .e-card-header-caption .e-card-header-title {
344
295
  font-size: 14px;
345
296
  font-weight: 400;
346
297
  line-height: 1.5;
347
298
  }
348
-
349
299
  .e-card .e-card-header .e-card-header-caption .e-card-sub-title {
350
300
  font-size: 14px;
351
301
  font-weight: 400;
352
302
  line-height: 1.5;
353
303
  padding: 2px 0 0;
354
304
  }
355
-
356
305
  .e-card .e-card-header .e-card-header-image {
357
306
  background-repeat: no-repeat;
358
307
  background-size: cover;
359
308
  height: 46px;
360
309
  width: 46px;
361
310
  }
362
-
363
311
  .e-card .e-card-header .e-card-corner {
364
312
  border-radius: 50%;
365
313
  }
366
-
367
314
  .e-card .e-card-image {
368
315
  background-size: cover;
369
316
  min-height: 112.5px;
370
317
  position: relative;
371
318
  width: 100%;
372
319
  }
373
-
374
320
  .e-card .e-card-image .e-card-title {
375
321
  bottom: 0;
376
322
  box-sizing: border-box;
@@ -383,20 +329,16 @@
383
329
  text-overflow: ellipsis;
384
330
  width: inherit;
385
331
  }
386
-
387
332
  .e-card .e-card-image .e-card-title.e-card-top-left, .e-card .e-card-image .e-card-title.e-card-top-right {
388
333
  bottom: auto;
389
334
  top: 0;
390
335
  }
391
-
392
336
  .e-card .e-card-image .e-card-title.e-card-top-right {
393
337
  text-align: right;
394
338
  }
395
-
396
339
  .e-card .e-card-image .e-card-title.e-card-bottom-right {
397
340
  text-align: right;
398
341
  }
399
-
400
342
  .e-card .e-card-actions {
401
343
  box-sizing: border-box;
402
344
  display: inline-block;
@@ -404,7 +346,6 @@
404
346
  justify-content: flex-start;
405
347
  padding: 18px 18px;
406
348
  }
407
-
408
349
  .e-card .e-card-actions.e-card-vertical {
409
350
  display: -ms-flexbox;
410
351
  display: flex;
@@ -412,7 +353,6 @@
412
353
  flex-direction: column;
413
354
  padding: 18px 18px;
414
355
  }
415
-
416
356
  .e-card .e-card-actions.e-card-vertical .e-card-btn,
417
357
  .e-card .e-card-actions.e-card-vertical a {
418
358
  -ms-flex-item-align: initial;
@@ -426,12 +366,10 @@
426
366
  text-align: center;
427
367
  width: 100%;
428
368
  }
429
-
430
369
  .e-card .e-card-actions.e-card-vertical .e-card-btn:last-child,
431
370
  .e-card .e-card-actions.e-card-vertical a:last-child {
432
371
  margin-bottom: 0;
433
372
  }
434
-
435
373
  .e-card .e-card-actions button,
436
374
  .e-card .e-card-actions a {
437
375
  -ms-flex-align: center;
@@ -445,7 +383,6 @@
445
383
  vertical-align: middle;
446
384
  white-space: nowrap;
447
385
  }
448
-
449
386
  .e-card .e-card-actions .e-card-btn span,
450
387
  .e-card .e-card-actions .e-card-btn span.e-icons {
451
388
  display: -ms-flexbox;
@@ -454,7 +391,6 @@
454
391
  height: 24px;
455
392
  width: 24px;
456
393
  }
457
-
458
394
  .e-card .e-card-actions .e-card-btn span::before,
459
395
  .e-card .e-card-actions .e-card-btn span.e-icons::before {
460
396
  -ms-flex-item-align: center;
@@ -465,23 +401,19 @@
465
401
  justify-content: center;
466
402
  width: inherit;
467
403
  }
468
-
469
404
  .e-card .e-card-actions .e-card-btn > * {
470
405
  overflow: hidden;
471
406
  text-overflow: ellipsis;
472
407
  width: inherit;
473
408
  }
474
-
475
409
  .e-card .e-card-actions .e-card-btn,
476
410
  .e-card .e-card-actions a {
477
411
  border-radius: 4px;
478
412
  }
479
-
480
413
  .e-card .e-card-actions .e-card-btn else,
481
414
  .e-card .e-card-actions a else {
482
415
  border-radius: 2px;
483
416
  }
484
-
485
417
  .e-card .e-card-actions .e-card-btn,
486
418
  .e-card .e-card-actions a {
487
419
  font-family: "Inter";
@@ -493,28 +425,23 @@
493
425
  text-decoration: none;
494
426
  text-transform: none;
495
427
  }
496
-
497
428
  .e-card .e-card-actions .e-card-btn:first-child,
498
429
  .e-card .e-card-actions a:first-child {
499
430
  margin-left: 0;
500
431
  }
501
-
502
432
  .e-card .e-card-content {
503
433
  font-size: 14px;
504
434
  line-height: 1.5;
505
435
  padding: 0 18px 12px 18px;
506
436
  }
507
-
508
437
  .e-card .e-card-content + :not(.e-card-content),
509
438
  .e-card .e-card-content + .e-card-actions.e-card-vertical {
510
439
  margin-top: 0;
511
440
  padding-top: 0;
512
441
  }
513
-
514
442
  .e-card .e-card-header .e-card-actions {
515
443
  padding: 0;
516
444
  }
517
-
518
445
  .e-card .e-card-content,
519
446
  .e-card .e-card-content p {
520
447
  line-height: 1.5;
@@ -531,44 +458,35 @@
531
458
  color: #111827;
532
459
  outline: none;
533
460
  }
534
-
535
461
  .e-card:hover {
536
462
  background-color: #f3f4f6;
537
463
  border-color: #e5e7eb;
538
464
  }
539
-
540
465
  .e-card:focus {
541
466
  background-color: #f3f4f6;
542
467
  border-color: #e5e7eb;
543
468
  }
544
-
545
469
  .e-card:active {
546
470
  background-color: #f3f4f6;
547
471
  border-color: #e5e7eb;
548
472
  }
549
-
550
473
  .e-card .e-card-separator {
551
474
  border-bottom: 1px solid #e5e7eb;
552
475
  }
553
-
554
476
  .e-card .e-card-header-caption .e-card-header-title {
555
477
  color: #111827;
556
478
  }
557
-
558
479
  .e-card .e-card-header-caption .e-card-sub-title {
559
480
  color: #6b7280;
560
481
  }
561
-
562
482
  .e-card .e-card-image .e-card-title {
563
483
  background-color: rgba(107, 114, 128, 0.75);
564
484
  color: #111827;
565
485
  }
566
-
567
486
  .e-card .e-card-actions .e-card-btn span,
568
487
  .e-card .e-card-actions .e-card-btn span.e-icons {
569
488
  color: #4f46e5;
570
489
  }
571
-
572
490
  .e-card .e-card-actions .e-card-btn,
573
491
  .e-card .e-card-actions a {
574
492
  background-color: transparent;
@@ -576,28 +494,24 @@
576
494
  color: #4f46e5;
577
495
  outline: 0;
578
496
  }
579
-
580
497
  .e-card .e-card-actions .e-card-btn:hover,
581
498
  .e-card .e-card-actions a:hover {
582
499
  background-color: #4f46e5;
583
500
  border: 1px solid #d1d5db;
584
501
  color: #fff;
585
502
  }
586
-
587
503
  .e-card .e-card-actions .e-card-btn:focus,
588
504
  .e-card .e-card-actions a:focus {
589
505
  background-color: #f3f4f6;
590
506
  border: 1px solid;
591
507
  color: #374151;
592
508
  }
593
-
594
509
  .e-card .e-card-actions .e-card-btn:active,
595
510
  .e-card .e-card-actions a:active {
596
511
  background-color: #e5e7eb;
597
512
  border: 1px solid #d1d5db;
598
513
  color: #374151;
599
514
  }
600
-
601
515
  .e-card .e-card-content {
602
516
  color: #374151;
603
- }
517
+ }