@syncfusion/ej2-react-layouts 19.4.48 → 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 (90) hide show
  1. package/CHANGELOG.md +0 -16
  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 +3 -7
  10. package/styles/avatar/bootstrap5.css +3 -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 +55 -0
  14. package/styles/avatar/fluent-dark.scss +1 -0
  15. package/styles/avatar/fluent.css +55 -0
  16. package/styles/avatar/fluent.scss +1 -0
  17. package/styles/avatar/highcontrast-light.css +1 -7
  18. package/styles/avatar/highcontrast.css +1 -7
  19. package/styles/avatar/material-dark.css +1 -7
  20. package/styles/avatar/material.css +1 -7
  21. package/styles/avatar/tailwind-dark.css +1 -7
  22. package/styles/avatar/tailwind.css +1 -7
  23. package/styles/bootstrap-dark.css +47 -316
  24. package/styles/bootstrap.css +47 -316
  25. package/styles/bootstrap4.css +47 -318
  26. package/styles/bootstrap5-dark.css +55 -319
  27. package/styles/bootstrap5.css +55 -319
  28. package/styles/card/bootstrap-dark.css +1 -85
  29. package/styles/card/bootstrap.css +1 -85
  30. package/styles/card/bootstrap4.css +1 -87
  31. package/styles/card/bootstrap5-dark.css +6 -88
  32. package/styles/card/bootstrap5.css +6 -88
  33. package/styles/card/fabric-dark.css +1 -85
  34. package/styles/card/fabric.css +1 -87
  35. package/styles/card/fluent-dark.css +518 -0
  36. package/styles/card/fluent-dark.scss +1 -0
  37. package/styles/card/fluent.css +518 -0
  38. package/styles/card/fluent.scss +1 -0
  39. package/styles/card/highcontrast-light.css +1 -85
  40. package/styles/card/highcontrast.css +1 -87
  41. package/styles/card/material-dark.css +1 -85
  42. package/styles/card/material.css +1 -85
  43. package/styles/card/tailwind-dark.css +9 -95
  44. package/styles/card/tailwind.css +9 -95
  45. package/styles/dashboard-layout/bootstrap-dark.css +28 -116
  46. package/styles/dashboard-layout/bootstrap.css +28 -116
  47. package/styles/dashboard-layout/bootstrap4.css +28 -116
  48. package/styles/dashboard-layout/bootstrap5-dark.css +29 -118
  49. package/styles/dashboard-layout/bootstrap5.css +29 -118
  50. package/styles/dashboard-layout/fabric-dark.css +28 -116
  51. package/styles/dashboard-layout/fabric.css +28 -116
  52. package/styles/dashboard-layout/fluent-dark.css +299 -0
  53. package/styles/dashboard-layout/fluent-dark.scss +1 -0
  54. package/styles/dashboard-layout/fluent.css +299 -0
  55. package/styles/dashboard-layout/fluent.scss +1 -0
  56. package/styles/dashboard-layout/highcontrast-light.css +16 -85
  57. package/styles/dashboard-layout/highcontrast.css +28 -115
  58. package/styles/dashboard-layout/material-dark.css +28 -116
  59. package/styles/dashboard-layout/material.css +28 -116
  60. package/styles/dashboard-layout/tailwind-dark.css +42 -130
  61. package/styles/dashboard-layout/tailwind.css +40 -128
  62. package/styles/fabric-dark.css +47 -316
  63. package/styles/fabric.css +47 -318
  64. package/styles/fluent-dark.css +1360 -0
  65. package/styles/fluent-dark.scss +4 -0
  66. package/styles/fluent.css +1360 -0
  67. package/styles/fluent.scss +4 -0
  68. package/styles/highcontrast-light.css +35 -285
  69. package/styles/highcontrast.css +47 -317
  70. package/styles/material-dark.css +57 -326
  71. package/styles/material.css +47 -316
  72. package/styles/splitter/bootstrap-dark.css +20 -111
  73. package/styles/splitter/bootstrap.css +20 -111
  74. package/styles/splitter/bootstrap4.css +20 -111
  75. package/styles/splitter/bootstrap5-dark.css +20 -109
  76. package/styles/splitter/bootstrap5.css +20 -109
  77. package/styles/splitter/fabric-dark.css +20 -111
  78. package/styles/splitter/fabric.css +20 -111
  79. package/styles/splitter/fluent-dark.css +485 -0
  80. package/styles/splitter/fluent-dark.scss +1 -0
  81. package/styles/splitter/fluent.css +485 -0
  82. package/styles/splitter/fluent.scss +1 -0
  83. package/styles/splitter/highcontrast-light.css +20 -111
  84. package/styles/splitter/highcontrast.css +20 -111
  85. package/styles/splitter/material-dark.css +30 -121
  86. package/styles/splitter/material.css +20 -111
  87. package/styles/splitter/tailwind-dark.css +20 -117
  88. package/styles/splitter/tailwind.css +20 -117
  89. package/styles/tailwind-dark.css +69 -346
  90. package/styles/tailwind.css +67 -344
@@ -6,31 +6,26 @@
6
6
  line-height: 36px;
7
7
  min-height: 36px;
8
8
  }
9
-
10
9
  .e-bigger .e-card > .e-card-header-title,
11
10
  .e-bigger.e-card > .e-card-header-title {
12
11
  line-height: 12px;
13
12
  padding: 12px;
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: 13px;
25
22
  padding: 18px 12px 12px;
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: 22.5px;
48
42
  padding: 12px;
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 12px;
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: 15px;
70
60
  line-height: 13.5px;
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: 10.5px;
77
66
  padding: 0 0 6px;
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: 30px;
84
72
  width: 30px;
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: 112.5px;
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: 24px;
@@ -96,31 +82,26 @@
96
82
  min-height: 30px;
97
83
  padding: 6px;
98
84
  }
99
-
100
85
  .e-bigger .e-card .e-card-actions,
101
86
  .e-bigger.e-card .e-card-actions {
102
87
  padding: 6px;
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: 0 6px;
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 6px 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: 27px;
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: 12px;
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),
@@ -178,53 +155,43 @@
178
155
  vertical-align: middle;
179
156
  width: 100%;
180
157
  }
181
-
182
158
  .e-card > * {
183
159
  -ms-flex-pack: center;
184
160
  justify-content: center;
185
161
  }
186
-
187
162
  .e-card > .e-card-header-title {
188
163
  box-sizing: border-box;
189
164
  font-size: 15px;
190
165
  line-height: 16px;
191
166
  padding: 16px;
192
167
  }
193
-
194
168
  .e-card > .e-card-header-title + :not(.e-card-header-title) {
195
169
  margin-top: 0;
196
170
  padding-top: 0;
197
171
  }
198
-
199
172
  .e-card > .e-card-title {
200
173
  font-size: 18px;
201
174
  line-height: 12px;
202
175
  padding: 8px;
203
176
  }
204
-
205
177
  .e-card > .e-card-title + :not(.e-card-title) {
206
178
  margin-top: 0;
207
179
  padding-top: 0;
208
180
  }
209
-
210
181
  .e-card > .e-card-header-title,
211
182
  .e-card > .e-card-title {
212
183
  overflow: hidden;
213
184
  text-overflow: ellipsis;
214
185
  }
215
-
216
186
  .e-card .e-card-header-caption {
217
187
  line-height: normal;
218
188
  }
219
-
220
189
  .e-card .e-card-header-caption .e-card-header-title {
221
190
  font-size: 15px;
222
191
  }
223
-
224
192
  .e-card .e-card-header-caption .e-card-sub-title {
225
193
  font-size: 14px;
226
194
  }
227
-
228
195
  .e-card .e-card-stacked {
229
196
  display: -ms-flexbox;
230
197
  display: flex;
@@ -234,7 +201,6 @@
234
201
  justify-content: center;
235
202
  overflow: hidden;
236
203
  }
237
-
238
204
  .e-card.e-card-horizontal,
239
205
  .e-card .e-card-horizontal {
240
206
  display: -ms-flexbox;
@@ -244,24 +210,20 @@
244
210
  -ms-flex-pack: center;
245
211
  justify-content: center;
246
212
  }
247
-
248
213
  .e-card.e-card-horizontal .e-card-image,
249
214
  .e-card.e-card-horizontal img,
250
215
  .e-card .e-card-horizontal .e-card-image,
251
216
  .e-card .e-card-horizontal img {
252
217
  margin: 2px;
253
218
  }
254
-
255
219
  .e-card .e-card-horizontal {
256
220
  line-height: normal;
257
221
  padding: 2px;
258
222
  }
259
-
260
223
  .e-card.e-card-horizontal > * {
261
224
  -ms-flex: 1;
262
225
  flex: 1;
263
226
  }
264
-
265
227
  .e-card.e-card-horizontal .e-card-stacked {
266
228
  display: -ms-flexbox;
267
229
  display: flex;
@@ -271,20 +233,16 @@
271
233
  flex-direction: column;
272
234
  overflow: hidden;
273
235
  }
274
-
275
236
  .e-card.e-card-horizontal .e-card-stacked > :first-child {
276
237
  -ms-flex-positive: 1;
277
238
  flex-grow: 1;
278
239
  }
279
-
280
240
  .e-card .e-card-separator {
281
241
  display: block;
282
242
  }
283
-
284
243
  .e-card .e-card-corner {
285
244
  border-radius: 50%;
286
245
  }
287
-
288
246
  .e-card .e-card-header {
289
247
  box-sizing: border-box;
290
248
  display: -ms-flexbox;
@@ -298,24 +256,20 @@
298
256
  padding: 16px 0 16px 16px;
299
257
  width: inherit;
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 8px;
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: 13px;
346
297
  font-weight: 400;
347
298
  line-height: 18px;
348
299
  }
349
-
350
300
  .e-card .e-card-header .e-card-header-caption .e-card-sub-title {
351
301
  font-size: 12px;
352
302
  font-weight: 400;
353
303
  line-height: 14px;
354
304
  padding: 0 0 8px;
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: 40px;
361
310
  width: 40px;
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: 150px;
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: 8px;
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: 0 8px;
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: "Helvetica Neue", "Helvetica", "Arial", sans-serif, "-apple-system", "BlinkMacSystemFont";
@@ -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: normal;
501
432
  padding: 16px;
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: normal;
@@ -523,44 +452,35 @@
523
452
  color: #fff;
524
453
  outline: none;
525
454
  }
526
-
527
455
  .e-card:hover {
528
456
  background-color: #6e6e6e;
529
457
  border-color: #1a1a1a;
530
458
  }
531
-
532
459
  .e-card:focus {
533
460
  background-color: #6e6e6e;
534
461
  border-color: #1a1a1a;
535
462
  }
536
-
537
463
  .e-card:active {
538
464
  background-color: #6e6e6e;
539
465
  border-color: #1a1a1a;
540
466
  }
541
-
542
467
  .e-card .e-card-separator {
543
468
  border-bottom: 1px solid #1a1a1a;
544
469
  }
545
-
546
470
  .e-card .e-card-header-caption .e-card-header-title {
547
471
  color: #fff;
548
472
  }
549
-
550
473
  .e-card .e-card-header-caption .e-card-sub-title {
551
474
  color: #fff;
552
475
  }
553
-
554
476
  .e-card .e-card-image .e-card-title {
555
477
  background-color: #6e6e6e;
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: #fff;
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: #6e6e6e;
@@ -568,28 +488,24 @@
568
488
  color: #fff;
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: #6e6e6e;
575
494
  border: 0;
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: #6e6e6e;
582
500
  border: 0;
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: #6e6e6e;
589
506
  border: 0;
590
507
  color: #fff;
591
508
  }
592
-
593
509
  .e-card .e-card-content {
594
510
  color: #fff;
595
- }
511
+ }