@syncfusion/ej2-react-layouts 19.4.52 → 20.1.58

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 +1 -11
  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
@@ -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),
@@ -178,12 +155,10 @@
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;
@@ -191,41 +166,33 @@
191
166
  padding: 12px;
192
167
  min-height: 34px;
193
168
  }
194
-
195
169
  .e-card > .e-card-header-title + :not(.e-card-header-title) {
196
170
  margin-top: 0;
197
171
  padding-top: 0;
198
172
  }
199
-
200
173
  .e-card > .e-card-title {
201
174
  font-size: 17px;
202
175
  line-height: normal;
203
176
  padding: 12px;
204
177
  }
205
-
206
178
  .e-card > .e-card-title + :not(.e-card-title) {
207
179
  margin-top: 0;
208
180
  padding-top: 0;
209
181
  }
210
-
211
182
  .e-card > .e-card-header-title,
212
183
  .e-card > .e-card-title {
213
184
  overflow: hidden;
214
185
  text-overflow: ellipsis;
215
186
  }
216
-
217
187
  .e-card .e-card-header-caption {
218
188
  line-height: normal;
219
189
  }
220
-
221
190
  .e-card .e-card-header-caption .e-card-header-title {
222
191
  font-size: 14px;
223
192
  }
224
-
225
193
  .e-card .e-card-header-caption .e-card-sub-title {
226
194
  font-size: 14px;
227
195
  }
228
-
229
196
  .e-card .e-card-stacked {
230
197
  display: -ms-flexbox;
231
198
  display: flex;
@@ -235,7 +202,6 @@
235
202
  justify-content: center;
236
203
  overflow: hidden;
237
204
  }
238
-
239
205
  .e-card.e-card-horizontal,
240
206
  .e-card .e-card-horizontal {
241
207
  display: -ms-flexbox;
@@ -245,24 +211,20 @@
245
211
  -ms-flex-pack: center;
246
212
  justify-content: center;
247
213
  }
248
-
249
214
  .e-card.e-card-horizontal .e-card-image,
250
215
  .e-card.e-card-horizontal img,
251
216
  .e-card .e-card-horizontal .e-card-image,
252
217
  .e-card .e-card-horizontal img {
253
218
  margin: 2px;
254
219
  }
255
-
256
220
  .e-card .e-card-horizontal {
257
221
  line-height: normal;
258
222
  padding: 2px;
259
223
  }
260
-
261
224
  .e-card.e-card-horizontal > * {
262
225
  -ms-flex: 1;
263
226
  flex: 1;
264
227
  }
265
-
266
228
  .e-card.e-card-horizontal .e-card-stacked {
267
229
  display: -ms-flexbox;
268
230
  display: flex;
@@ -272,20 +234,16 @@
272
234
  flex-direction: column;
273
235
  overflow: hidden;
274
236
  }
275
-
276
237
  .e-card.e-card-horizontal .e-card-stacked > :first-child {
277
238
  -ms-flex-positive: 1;
278
239
  flex-grow: 1;
279
240
  }
280
-
281
241
  .e-card .e-card-separator {
282
242
  display: block;
283
243
  }
284
-
285
244
  .e-card .e-card-corner {
286
245
  border-radius: 50%;
287
246
  }
288
-
289
247
  .e-card .e-card-header {
290
248
  box-sizing: border-box;
291
249
  display: -ms-flexbox;
@@ -299,24 +257,20 @@
299
257
  padding: 12px;
300
258
  width: inherit;
301
259
  }
302
-
303
260
  .e-card .e-card-header .e-card-content {
304
261
  padding-left: 0;
305
262
  padding-right: 0;
306
263
  }
307
-
308
264
  .e-card .e-card-header .e-card-actions {
309
265
  -ms-flex-pack: start;
310
266
  justify-content: flex-start;
311
267
  }
312
-
313
268
  .e-card .e-card-header .e-card-header-image {
314
269
  -ms-flex-item-align: center;
315
270
  align-self: center;
316
271
  display: -ms-flexbox;
317
272
  display: flex;
318
273
  }
319
-
320
274
  .e-card .e-card-header .e-card-header-caption {
321
275
  -ms-flex-item-align: center;
322
276
  align-self: center;
@@ -329,11 +283,9 @@
329
283
  overflow: hidden;
330
284
  padding: 0 0 0 7.5px;
331
285
  }
332
-
333
286
  .e-card .e-card-header .e-card-header-caption:first-child {
334
287
  padding: 0;
335
288
  }
336
-
337
289
  .e-card .e-card-header .e-card-header-caption .e-card-header-title,
338
290
  .e-card .e-card-header .e-card-header-caption .e-card-sub-title {
339
291
  display: inline-block;
@@ -341,38 +293,32 @@
341
293
  text-overflow: ellipsis;
342
294
  white-space: nowrap;
343
295
  }
344
-
345
296
  .e-card .e-card-header .e-card-header-caption .e-card-header-title {
346
297
  font-size: 14px;
347
298
  font-weight: 400;
348
299
  line-height: normal;
349
300
  }
350
-
351
301
  .e-card .e-card-header .e-card-header-caption .e-card-sub-title {
352
302
  font-size: 14px;
353
303
  font-weight: 400;
354
304
  line-height: normal;
355
305
  padding: 6px 0 0;
356
306
  }
357
-
358
307
  .e-card .e-card-header .e-card-header-image {
359
308
  background-repeat: no-repeat;
360
309
  background-size: cover;
361
310
  height: 30px;
362
311
  width: 30px;
363
312
  }
364
-
365
313
  .e-card .e-card-header .e-card-corner {
366
314
  border-radius: 50%;
367
315
  }
368
-
369
316
  .e-card .e-card-image {
370
317
  background-size: cover;
371
318
  min-height: 112.5px;
372
319
  position: relative;
373
320
  width: 100%;
374
321
  }
375
-
376
322
  .e-card .e-card-image .e-card-title {
377
323
  bottom: 0;
378
324
  box-sizing: border-box;
@@ -385,20 +331,16 @@
385
331
  text-overflow: ellipsis;
386
332
  width: inherit;
387
333
  }
388
-
389
334
  .e-card .e-card-image .e-card-title.e-card-top-left, .e-card .e-card-image .e-card-title.e-card-top-right {
390
335
  bottom: auto;
391
336
  top: 0;
392
337
  }
393
-
394
338
  .e-card .e-card-image .e-card-title.e-card-top-right {
395
339
  text-align: right;
396
340
  }
397
-
398
341
  .e-card .e-card-image .e-card-title.e-card-bottom-right {
399
342
  text-align: right;
400
343
  }
401
-
402
344
  .e-card .e-card-actions {
403
345
  box-sizing: border-box;
404
346
  display: inline-block;
@@ -406,7 +348,6 @@
406
348
  justify-content: flex-start;
407
349
  padding: 6px;
408
350
  }
409
-
410
351
  .e-card .e-card-actions.e-card-vertical {
411
352
  display: -ms-flexbox;
412
353
  display: flex;
@@ -414,7 +355,6 @@
414
355
  flex-direction: column;
415
356
  padding: 12px;
416
357
  }
417
-
418
358
  .e-card .e-card-actions.e-card-vertical .e-card-btn,
419
359
  .e-card .e-card-actions.e-card-vertical a {
420
360
  -ms-flex-item-align: initial;
@@ -428,12 +368,10 @@
428
368
  text-align: center;
429
369
  width: 100%;
430
370
  }
431
-
432
371
  .e-card .e-card-actions.e-card-vertical .e-card-btn:last-child,
433
372
  .e-card .e-card-actions.e-card-vertical a:last-child {
434
373
  margin-bottom: 0;
435
374
  }
436
-
437
375
  .e-card .e-card-actions button,
438
376
  .e-card .e-card-actions a {
439
377
  -ms-flex-align: center;
@@ -447,7 +385,6 @@
447
385
  vertical-align: middle;
448
386
  white-space: nowrap;
449
387
  }
450
-
451
388
  .e-card .e-card-actions .e-card-btn span,
452
389
  .e-card .e-card-actions .e-card-btn span.e-icons {
453
390
  display: -ms-flexbox;
@@ -456,7 +393,6 @@
456
393
  height: 24px;
457
394
  width: 24px;
458
395
  }
459
-
460
396
  .e-card .e-card-actions .e-card-btn span::before,
461
397
  .e-card .e-card-actions .e-card-btn span.e-icons::before {
462
398
  -ms-flex-item-align: center;
@@ -467,18 +403,15 @@
467
403
  justify-content: center;
468
404
  width: inherit;
469
405
  }
470
-
471
406
  .e-card .e-card-actions .e-card-btn > * {
472
407
  overflow: hidden;
473
408
  text-overflow: ellipsis;
474
409
  width: inherit;
475
410
  }
476
-
477
411
  .e-card .e-card-actions .e-card-btn else,
478
412
  .e-card .e-card-actions a else {
479
413
  border-radius: 2px;
480
414
  }
481
-
482
415
  .e-card .e-card-actions .e-card-btn,
483
416
  .e-card .e-card-actions a {
484
417
  font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif, "-apple-system", "BlinkMacSystemFont";
@@ -490,24 +423,20 @@
490
423
  text-decoration: none;
491
424
  text-transform: none;
492
425
  }
493
-
494
426
  .e-card .e-card-actions .e-card-btn:first-child,
495
427
  .e-card .e-card-actions a:first-child {
496
428
  margin-left: 0;
497
429
  }
498
-
499
430
  .e-card .e-card-content {
500
431
  font-size: 14px;
501
432
  line-height: normal;
502
433
  padding: 12px;
503
434
  }
504
-
505
435
  .e-card .e-card-content + :not(.e-card-content),
506
436
  .e-card .e-card-content + .e-card-actions.e-card-vertical {
507
437
  margin-top: 0;
508
438
  padding-top: 0;
509
439
  }
510
-
511
440
  .e-card .e-card-content,
512
441
  .e-card .e-card-content p {
513
442
  line-height: normal;
@@ -524,44 +453,35 @@
524
453
  color: #333;
525
454
  outline: none;
526
455
  }
527
-
528
456
  .e-card:hover {
529
457
  background-color: #fff;
530
458
  border-color: #adadad;
531
459
  }
532
-
533
460
  .e-card:focus {
534
461
  background-color: #fff;
535
462
  border-color: #adadad;
536
463
  }
537
-
538
464
  .e-card:active {
539
465
  background-color: #fff;
540
466
  border-color: #317ab9;
541
467
  }
542
-
543
468
  .e-card .e-card-separator {
544
469
  border-bottom: 1px solid #ddd;
545
470
  }
546
-
547
471
  .e-card .e-card-header-caption .e-card-header-title {
548
472
  color: #333;
549
473
  }
550
-
551
474
  .e-card .e-card-header-caption .e-card-sub-title {
552
475
  color: #333;
553
476
  }
554
-
555
477
  .e-card .e-card-image .e-card-title {
556
478
  background-color: rgba(0, 0, 0, 0.35);
557
479
  color: #fff;
558
480
  }
559
-
560
481
  .e-card .e-card-actions .e-card-btn span,
561
482
  .e-card .e-card-actions .e-card-btn span.e-icons {
562
483
  color: #333;
563
484
  }
564
-
565
485
  .e-card .e-card-actions .e-card-btn,
566
486
  .e-card .e-card-actions a {
567
487
  background-color: #317ab9;
@@ -569,28 +489,24 @@
569
489
  color: #fff;
570
490
  outline: 0;
571
491
  }
572
-
573
492
  .e-card .e-card-actions .e-card-btn:hover,
574
493
  .e-card .e-card-actions a:hover {
575
494
  background-color: #2a6496;
576
495
  border: 1px solid #1f496e;
577
496
  color: #fff;
578
497
  }
579
-
580
498
  .e-card .e-card-actions .e-card-btn:focus,
581
499
  .e-card .e-card-actions a:focus {
582
500
  background-color: #2a6496;
583
501
  border: 1px solid #142f46;
584
502
  color: #fff;
585
503
  }
586
-
587
504
  .e-card .e-card-actions .e-card-btn:active,
588
505
  .e-card .e-card-actions a:active {
589
506
  background-color: #2a6496;
590
507
  border: 1px solid #1f496e;
591
508
  color: #fff;
592
509
  }
593
-
594
510
  .e-card .e-card-content {
595
511
  color: #333;
596
- }
512
+ }