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