@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
@@ -1,6 +1,6 @@
1
1
  /*!
2
2
  * filename: ej2-react-layouts.umd.min.js
3
- * version : 20.1.47
3
+ * version : 20.1.55
4
4
  * Copyright Syncfusion Inc. 2001 - 2020. All rights reserved.
5
5
  * Use of this code is subject to the terms of our license.
6
6
  * A copy of the current license can be obtained at any time by e-mailing
package/package.json CHANGED
@@ -1,8 +1,8 @@
1
1
  {
2
2
  "_from": "@syncfusion/ej2-react-layouts@*",
3
- "_id": "@syncfusion/ej2-react-layouts@19.6.9",
3
+ "_id": "@syncfusion/ej2-react-layouts@20.1.47",
4
4
  "_inBundle": false,
5
- "_integrity": "sha512-EKgnfjh2RRZZarTh0fcBhtYtwJWThZjIGBedOQEsAUKHzTRYn7M+E+lfEB1ipXiAvH+rqJrf9TpQPjg2Q/BNnA==",
5
+ "_integrity": "sha512-I6kk5NbHudSklBXhj69Df3+3n3evfyQVLuPzPcXkSUE/k9y1212/kKcfkDuzlTEkCO8mTsbfdeoDzh4BE4IWKQ==",
6
6
  "_location": "/@syncfusion/ej2-react-layouts",
7
7
  "_phantomChildren": {},
8
8
  "_requested": {
@@ -19,8 +19,8 @@
19
19
  "_requiredBy": [
20
20
  "/"
21
21
  ],
22
- "_resolved": "http://nexus.syncfusion.com/repository/ej2-release/@syncfusion/ej2-react-layouts/-/ej2-react-layouts-19.6.9.tgz",
23
- "_shasum": "78f55430db4604c0eae573ada99efaf96c22e1d4",
22
+ "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-react-layouts/-/ej2-react-layouts-20.1.47.tgz",
23
+ "_shasum": "f44ad37518da7cd884c5bf8c250fd3821173cd08",
24
24
  "_spec": "@syncfusion/ej2-react-layouts@*",
25
25
  "_where": "/jenkins/workspace/automation_release_19.1.0.1-ZPMUBNQ6AUYH6YGEFBPVYMEQLRRW2SLD4XCZ6GATNZJFYJ3RIAOA/packages/included",
26
26
  "author": {
@@ -31,9 +31,9 @@
31
31
  },
32
32
  "bundleDependencies": false,
33
33
  "dependencies": {
34
- "@syncfusion/ej2-base": "~20.1.47",
35
- "@syncfusion/ej2-layouts": "20.1.47",
36
- "@syncfusion/ej2-react-base": "~20.1.47"
34
+ "@syncfusion/ej2-base": "~20.1.55",
35
+ "@syncfusion/ej2-layouts": "20.1.55",
36
+ "@syncfusion/ej2-react-base": "~20.1.55"
37
37
  },
38
38
  "deprecated": false,
39
39
  "description": "A package of Essential JS 2 layout pure CSS components such as card and avatar. The card is used as small container to show content in specific structure, whereas the avatars are icons, initials or figures representing particular person. for React",
@@ -65,6 +65,6 @@
65
65
  "type": "git",
66
66
  "url": "git+https://github.com/syncfusion/ej2-react-ui-components.git"
67
67
  },
68
- "version": "20.1.47",
68
+ "version": "20.1.55",
69
69
  "sideEffects": false
70
70
  }
@@ -18,7 +18,9 @@ export interface PanelDirTypecast {
18
18
  * </DashBoardLayoutComponent>
19
19
  * ```
20
20
  */
21
- export declare class PanelDirective extends ComplexBase<PanelModel | PanelDirTypecast, PanelModel | PanelDirTypecast> {
21
+ export declare class PanelDirective extends ComplexBase<PanelModel | PanelDirTypecast & {
22
+ children?: React.ReactNode;
23
+ }, PanelModel | PanelDirTypecast> {
22
24
  static moduleName: string;
23
25
  static complexTemplate: Object;
24
26
  }
@@ -15,7 +15,9 @@ export interface PanePropertiesDirTypecast {
15
15
  * </SplitterComponent>
16
16
  * ```
17
17
  */
18
- export declare class PaneDirective extends ComplexBase<PanePropertiesModel | PanePropertiesDirTypecast, PanePropertiesModel | PanePropertiesDirTypecast> {
18
+ export declare class PaneDirective extends ComplexBase<PanePropertiesModel | PanePropertiesDirTypecast & {
19
+ children?: React.ReactNode;
20
+ }, PanePropertiesModel | PanePropertiesDirTypecast> {
19
21
  static moduleName: string;
20
22
  }
21
23
  export declare class PanesDirective extends ComplexBase<{}, {}> {
@@ -21,28 +21,22 @@
21
21
  position: relative;
22
22
  width: 3em;
23
23
  }
24
-
25
24
  .e-avatar img {
26
25
  height: 100%;
27
26
  width: auto;
28
27
  }
29
-
30
28
  .e-avatar.e-avatar-circle {
31
29
  border-radius: 50%;
32
30
  }
33
-
34
31
  .e-avatar.e-avatar-xsmall {
35
32
  font-size: 0.6em;
36
33
  }
37
-
38
34
  .e-avatar.e-avatar-small {
39
35
  font-size: 0.8em;
40
36
  }
41
-
42
37
  .e-avatar.e-avatar-large {
43
38
  font-size: 1.2em;
44
39
  }
45
-
46
40
  .e-avatar.e-avatar-xlarge {
47
41
  font-size: 1.4em;
48
- }
42
+ }
@@ -21,28 +21,22 @@
21
21
  position: relative;
22
22
  width: 3em;
23
23
  }
24
-
25
24
  .e-avatar img {
26
25
  height: 100%;
27
26
  width: auto;
28
27
  }
29
-
30
28
  .e-avatar.e-avatar-circle {
31
29
  border-radius: 50%;
32
30
  }
33
-
34
31
  .e-avatar.e-avatar-xsmall {
35
32
  font-size: 0.6em;
36
33
  }
37
-
38
34
  .e-avatar.e-avatar-small {
39
35
  font-size: 0.8em;
40
36
  }
41
-
42
37
  .e-avatar.e-avatar-large {
43
38
  font-size: 1.2em;
44
39
  }
45
-
46
40
  .e-avatar.e-avatar-xlarge {
47
41
  font-size: 1.4em;
48
- }
42
+ }
@@ -21,28 +21,22 @@
21
21
  position: relative;
22
22
  width: 2.5em;
23
23
  }
24
-
25
24
  .e-avatar img {
26
25
  height: 100%;
27
26
  width: auto;
28
27
  }
29
-
30
28
  .e-avatar.e-avatar-circle {
31
29
  border-radius: 50%;
32
30
  }
33
-
34
31
  .e-avatar.e-avatar-xsmall {
35
32
  font-size: 0.65em;
36
33
  }
37
-
38
34
  .e-avatar.e-avatar-small {
39
35
  font-size: 0.85em;
40
36
  }
41
-
42
37
  .e-avatar.e-avatar-large {
43
38
  font-size: 1.25em;
44
39
  }
45
-
46
40
  .e-avatar.e-avatar-xlarge {
47
41
  font-size: 1.45em;
48
- }
42
+ }
@@ -22,30 +22,25 @@
22
22
  width: 40px;
23
23
  line-height: 22px;
24
24
  }
25
-
26
25
  .e-avatar img {
27
26
  height: 100%;
28
27
  width: auto;
29
28
  }
30
-
31
29
  .e-avatar.e-avatar-circle {
32
30
  border-radius: 50%;
33
31
  }
34
-
35
32
  .e-avatar.e-avatar-xsmall {
36
33
  font-size: 10px;
37
34
  height: 24px;
38
35
  line-height: 16px;
39
36
  width: 24px;
40
37
  }
41
-
42
38
  .e-avatar.e-avatar-small {
43
39
  font-size: 12px;
44
40
  height: 32px;
45
41
  line-height: 18px;
46
42
  width: 32px;
47
43
  }
48
-
49
44
  .e-avatar.e-avatar-large {
50
45
  font-size: 18px;
51
46
  border-radius: 4px;
@@ -53,11 +48,10 @@
53
48
  line-height: 28px;
54
49
  width: 48px;
55
50
  }
56
-
57
51
  .e-avatar.e-avatar-xlarge {
58
52
  font-size: 20px;
59
53
  border-radius: 4px;
60
54
  height: 56px;
61
55
  line-height: 28px;
62
56
  width: 56px;
63
- }
57
+ }
@@ -22,30 +22,25 @@
22
22
  width: 40px;
23
23
  line-height: 22px;
24
24
  }
25
-
26
25
  .e-avatar img {
27
26
  height: 100%;
28
27
  width: auto;
29
28
  }
30
-
31
29
  .e-avatar.e-avatar-circle {
32
30
  border-radius: 50%;
33
31
  }
34
-
35
32
  .e-avatar.e-avatar-xsmall {
36
33
  font-size: 10px;
37
34
  height: 24px;
38
35
  line-height: 16px;
39
36
  width: 24px;
40
37
  }
41
-
42
38
  .e-avatar.e-avatar-small {
43
39
  font-size: 12px;
44
40
  height: 32px;
45
41
  line-height: 18px;
46
42
  width: 32px;
47
43
  }
48
-
49
44
  .e-avatar.e-avatar-large {
50
45
  font-size: 18px;
51
46
  border-radius: 4px;
@@ -53,11 +48,10 @@
53
48
  line-height: 28px;
54
49
  width: 48px;
55
50
  }
56
-
57
51
  .e-avatar.e-avatar-xlarge {
58
52
  font-size: 20px;
59
53
  border-radius: 4px;
60
54
  height: 56px;
61
55
  line-height: 28px;
62
56
  width: 56px;
63
- }
57
+ }
@@ -21,28 +21,22 @@
21
21
  position: relative;
22
22
  width: 3em;
23
23
  }
24
-
25
24
  .e-avatar img {
26
25
  height: 100%;
27
26
  width: auto;
28
27
  }
29
-
30
28
  .e-avatar.e-avatar-circle {
31
29
  border-radius: 50%;
32
30
  }
33
-
34
31
  .e-avatar.e-avatar-xsmall {
35
32
  font-size: 0.6em;
36
33
  }
37
-
38
34
  .e-avatar.e-avatar-small {
39
35
  font-size: 0.8em;
40
36
  }
41
-
42
37
  .e-avatar.e-avatar-large {
43
38
  font-size: 1.2em;
44
39
  }
45
-
46
40
  .e-avatar.e-avatar-xlarge {
47
41
  font-size: 1.4em;
48
- }
42
+ }
@@ -21,28 +21,22 @@
21
21
  position: relative;
22
22
  width: 3em;
23
23
  }
24
-
25
24
  .e-avatar img {
26
25
  height: 100%;
27
26
  width: auto;
28
27
  }
29
-
30
28
  .e-avatar.e-avatar-circle {
31
29
  border-radius: 50%;
32
30
  }
33
-
34
31
  .e-avatar.e-avatar-xsmall {
35
32
  font-size: 0.6em;
36
33
  }
37
-
38
34
  .e-avatar.e-avatar-small {
39
35
  font-size: 0.8em;
40
36
  }
41
-
42
37
  .e-avatar.e-avatar-large {
43
38
  font-size: 1.2em;
44
39
  }
45
-
46
40
  .e-avatar.e-avatar-xlarge {
47
41
  font-size: 1.4em;
48
- }
42
+ }
@@ -22,40 +22,34 @@
22
22
  width: 40px;
23
23
  line-height: 24px;
24
24
  }
25
-
26
25
  .e-avatar img {
27
26
  height: 100%;
28
27
  width: auto;
29
28
  }
30
-
31
29
  .e-avatar.e-avatar-circle {
32
30
  border-radius: 50%;
33
31
  }
34
-
35
32
  .e-avatar.e-avatar-xsmall {
36
33
  font-size: 10px;
37
34
  height: 24px;
38
35
  line-height: 16px;
39
36
  width: 24px;
40
37
  }
41
-
42
38
  .e-avatar.e-avatar-small {
43
39
  font-size: 12px;
44
40
  height: 32px;
45
41
  line-height: 18px;
46
42
  width: 32px;
47
43
  }
48
-
49
44
  .e-avatar.e-avatar-large {
50
45
  font-size: 20px;
51
46
  height: 48px;
52
47
  line-height: 28px;
53
48
  width: 48px;
54
49
  }
55
-
56
50
  .e-avatar.e-avatar-xlarge {
57
51
  font-size: 24px;
58
52
  height: 56px;
59
53
  line-height: 28px;
60
54
  width: 56px;
61
- }
55
+ }
@@ -22,40 +22,34 @@
22
22
  width: 40px;
23
23
  line-height: 24px;
24
24
  }
25
-
26
25
  .e-avatar img {
27
26
  height: 100%;
28
27
  width: auto;
29
28
  }
30
-
31
29
  .e-avatar.e-avatar-circle {
32
30
  border-radius: 50%;
33
31
  }
34
-
35
32
  .e-avatar.e-avatar-xsmall {
36
33
  font-size: 10px;
37
34
  height: 24px;
38
35
  line-height: 16px;
39
36
  width: 24px;
40
37
  }
41
-
42
38
  .e-avatar.e-avatar-small {
43
39
  font-size: 12px;
44
40
  height: 32px;
45
41
  line-height: 18px;
46
42
  width: 32px;
47
43
  }
48
-
49
44
  .e-avatar.e-avatar-large {
50
45
  font-size: 20px;
51
46
  height: 48px;
52
47
  line-height: 28px;
53
48
  width: 48px;
54
49
  }
55
-
56
50
  .e-avatar.e-avatar-xlarge {
57
51
  font-size: 24px;
58
52
  height: 56px;
59
53
  line-height: 28px;
60
54
  width: 56px;
61
- }
55
+ }
@@ -21,28 +21,22 @@
21
21
  position: relative;
22
22
  width: 3em;
23
23
  }
24
-
25
24
  .e-avatar img {
26
25
  height: 100%;
27
26
  width: auto;
28
27
  }
29
-
30
28
  .e-avatar.e-avatar-circle {
31
29
  border-radius: 50%;
32
30
  }
33
-
34
31
  .e-avatar.e-avatar-xsmall {
35
32
  font-size: 0.6em;
36
33
  }
37
-
38
34
  .e-avatar.e-avatar-small {
39
35
  font-size: 0.8em;
40
36
  }
41
-
42
37
  .e-avatar.e-avatar-large {
43
38
  font-size: 1.2em;
44
39
  }
45
-
46
40
  .e-avatar.e-avatar-xlarge {
47
41
  font-size: 1.4em;
48
- }
42
+ }
@@ -21,28 +21,22 @@
21
21
  position: relative;
22
22
  width: 3em;
23
23
  }
24
-
25
24
  .e-avatar img {
26
25
  height: 100%;
27
26
  width: auto;
28
27
  }
29
-
30
28
  .e-avatar.e-avatar-circle {
31
29
  border-radius: 50%;
32
30
  }
33
-
34
31
  .e-avatar.e-avatar-xsmall {
35
32
  font-size: 0.6em;
36
33
  }
37
-
38
34
  .e-avatar.e-avatar-small {
39
35
  font-size: 0.8em;
40
36
  }
41
-
42
37
  .e-avatar.e-avatar-large {
43
38
  font-size: 1.2em;
44
39
  }
45
-
46
40
  .e-avatar.e-avatar-xlarge {
47
41
  font-size: 1.4em;
48
- }
42
+ }
@@ -22,28 +22,22 @@
22
22
  position: relative;
23
23
  width: 3em;
24
24
  }
25
-
26
25
  .e-avatar img {
27
26
  height: 100%;
28
27
  width: auto;
29
28
  }
30
-
31
29
  .e-avatar.e-avatar-circle {
32
30
  border-radius: 50%;
33
31
  }
34
-
35
32
  .e-avatar.e-avatar-xsmall {
36
33
  font-size: 0.6em;
37
34
  }
38
-
39
35
  .e-avatar.e-avatar-small {
40
36
  font-size: 0.8em;
41
37
  }
42
-
43
38
  .e-avatar.e-avatar-large {
44
39
  font-size: 1.2em;
45
40
  }
46
-
47
41
  .e-avatar.e-avatar-xlarge {
48
42
  font-size: 1.4em;
49
- }
43
+ }
@@ -22,28 +22,22 @@
22
22
  position: relative;
23
23
  width: 3em;
24
24
  }
25
-
26
25
  .e-avatar img {
27
26
  height: 100%;
28
27
  width: auto;
29
28
  }
30
-
31
29
  .e-avatar.e-avatar-circle {
32
30
  border-radius: 50%;
33
31
  }
34
-
35
32
  .e-avatar.e-avatar-xsmall {
36
33
  font-size: 0.6em;
37
34
  }
38
-
39
35
  .e-avatar.e-avatar-small {
40
36
  font-size: 0.8em;
41
37
  }
42
-
43
38
  .e-avatar.e-avatar-large {
44
39
  font-size: 1.2em;
45
40
  }
46
-
47
41
  .e-avatar.e-avatar-xlarge {
48
42
  font-size: 1.4em;
49
- }
43
+ }
@@ -23,40 +23,34 @@
23
23
  width: 40px;
24
24
  line-height: 22px;
25
25
  }
26
-
27
26
  .e-avatar img {
28
27
  height: 100%;
29
28
  width: auto;
30
29
  }
31
-
32
30
  .e-avatar.e-avatar-circle {
33
31
  border-radius: 50%;
34
32
  }
35
-
36
33
  .e-avatar.e-avatar-xsmall {
37
34
  font-size: 10px;
38
35
  height: 24px;
39
36
  line-height: 16px;
40
37
  width: 24px;
41
38
  }
42
-
43
39
  .e-avatar.e-avatar-small {
44
40
  font-size: 12px;
45
41
  height: 32px;
46
42
  line-height: 18px;
47
43
  width: 32px;
48
44
  }
49
-
50
45
  .e-avatar.e-avatar-large {
51
46
  font-size: 18px;
52
47
  height: 48px;
53
48
  line-height: 28px;
54
49
  width: 48px;
55
50
  }
56
-
57
51
  .e-avatar.e-avatar-xlarge {
58
52
  font-size: 20px;
59
53
  height: 56px;
60
54
  line-height: 28px;
61
55
  width: 56px;
62
- }
56
+ }
@@ -23,40 +23,34 @@
23
23
  width: 40px;
24
24
  line-height: 22px;
25
25
  }
26
-
27
26
  .e-avatar img {
28
27
  height: 100%;
29
28
  width: auto;
30
29
  }
31
-
32
30
  .e-avatar.e-avatar-circle {
33
31
  border-radius: 50%;
34
32
  }
35
-
36
33
  .e-avatar.e-avatar-xsmall {
37
34
  font-size: 10px;
38
35
  height: 24px;
39
36
  line-height: 16px;
40
37
  width: 24px;
41
38
  }
42
-
43
39
  .e-avatar.e-avatar-small {
44
40
  font-size: 12px;
45
41
  height: 32px;
46
42
  line-height: 18px;
47
43
  width: 32px;
48
44
  }
49
-
50
45
  .e-avatar.e-avatar-large {
51
46
  font-size: 18px;
52
47
  height: 48px;
53
48
  line-height: 28px;
54
49
  width: 48px;
55
50
  }
56
-
57
51
  .e-avatar.e-avatar-xlarge {
58
52
  font-size: 20px;
59
53
  height: 56px;
60
54
  line-height: 28px;
61
55
  width: 56px;
62
- }
56
+ }