@syncfusion/ej2-react-layouts 25.2.3 → 26.1.35
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.
- package/dist/ej2-react-layouts.min.js +2 -2
- package/dist/ej2-react-layouts.umd.min.js +2 -2
- package/dist/ej2-react-layouts.umd.min.js.map +1 -1
- package/dist/es6/ej2-react-layouts.es2015.js +5 -5
- package/dist/es6/ej2-react-layouts.es2015.js.map +1 -1
- package/package.json +16 -12
- package/styles/avatar/bootstrap-dark.css +48 -1
- package/styles/avatar/bootstrap.css +48 -1
- package/styles/avatar/bootstrap4.css +48 -1
- package/styles/avatar/bootstrap5-dark.css +63 -1
- package/styles/avatar/bootstrap5.css +63 -1
- package/styles/avatar/fabric-dark.css +48 -1
- package/styles/avatar/fabric.css +48 -1
- package/styles/avatar/fluent-dark.css +61 -1
- package/styles/avatar/fluent.css +61 -1
- package/styles/avatar/fluent2.css +1094 -0
- package/styles/avatar/fluent2.scss +1 -0
- package/styles/avatar/highcontrast-light.css +48 -1
- package/styles/avatar/highcontrast.css +48 -1
- package/styles/avatar/material-dark.css +48 -1
- package/styles/avatar/material.css +48 -1
- package/styles/avatar/material3-dark.css +171 -1
- package/styles/avatar/material3.css +283 -1
- package/styles/avatar/tailwind-dark.css +61 -1
- package/styles/avatar/tailwind.css +61 -1
- package/styles/bootstrap-dark.css +1752 -1
- package/styles/bootstrap.css +1753 -1
- package/styles/bootstrap4.css +1757 -1
- package/styles/bootstrap5-dark.css +1770 -1
- package/styles/bootstrap5.css +1770 -1
- package/styles/card/bootstrap-dark.css +556 -1
- package/styles/card/bootstrap.css +557 -1
- package/styles/card/bootstrap4.css +563 -1
- package/styles/card/bootstrap5-dark.css +556 -1
- package/styles/card/bootstrap5.css +556 -1
- package/styles/card/fabric-dark.css +556 -1
- package/styles/card/fabric.css +567 -1
- package/styles/card/fluent-dark.css +579 -1
- package/styles/card/fluent.css +579 -1
- package/styles/card/fluent2.css +1588 -0
- package/styles/card/fluent2.scss +1 -0
- package/styles/card/highcontrast-light.css +556 -1
- package/styles/card/highcontrast.css +568 -1
- package/styles/card/material-dark.css +556 -1
- package/styles/card/material.css +557 -1
- package/styles/card/material3-dark.css +667 -1
- package/styles/card/material3.css +779 -1
- package/styles/card/tailwind-dark.css +557 -1
- package/styles/card/tailwind.css +557 -1
- package/styles/dashboard-layout/bootstrap-dark.css +295 -1
- package/styles/dashboard-layout/bootstrap.css +295 -1
- package/styles/dashboard-layout/bootstrap4.css +295 -1
- package/styles/dashboard-layout/bootstrap5-dark.css +306 -1
- package/styles/dashboard-layout/bootstrap5.css +306 -1
- package/styles/dashboard-layout/fabric-dark.css +295 -1
- package/styles/dashboard-layout/fabric.css +295 -1
- package/styles/dashboard-layout/fluent-dark.css +300 -1
- package/styles/dashboard-layout/fluent.css +300 -1
- package/styles/dashboard-layout/fluent2.css +1336 -0
- package/styles/dashboard-layout/fluent2.scss +1 -0
- package/styles/dashboard-layout/highcontrast-light.css +232 -1
- package/styles/dashboard-layout/highcontrast.css +293 -1
- package/styles/dashboard-layout/material-dark.css +295 -1
- package/styles/dashboard-layout/material.css +295 -1
- package/styles/dashboard-layout/material3-dark.css +412 -1
- package/styles/dashboard-layout/material3.css +524 -1
- package/styles/dashboard-layout/tailwind-dark.css +319 -1
- package/styles/dashboard-layout/tailwind.css +319 -1
- package/styles/fabric-dark.css +1752 -1
- package/styles/fabric.css +1763 -1
- package/styles/fluent-dark.css +1785 -1
- package/styles/fluent.css +1785 -1
- package/styles/fluent2.css +6931 -0
- package/styles/fluent2.scss +5 -0
- package/styles/highcontrast-light.css +1689 -1
- package/styles/highcontrast.css +1762 -1
- package/styles/material-dark.css +1750 -1
- package/styles/material.css +1752 -1
- package/styles/material3-dark.css +2315 -1
- package/styles/material3.css +2875 -1
- package/styles/splitter/bootstrap-dark.css +552 -1
- package/styles/splitter/bootstrap.css +552 -1
- package/styles/splitter/bootstrap4.css +550 -1
- package/styles/splitter/bootstrap5-dark.css +544 -1
- package/styles/splitter/bootstrap5.css +544 -1
- package/styles/splitter/fabric-dark.css +552 -1
- package/styles/splitter/fabric.css +552 -1
- package/styles/splitter/fluent-dark.css +544 -1
- package/styles/splitter/fluent.css +544 -1
- package/styles/splitter/fluent2.css +1578 -0
- package/styles/splitter/fluent2.scss +1 -0
- package/styles/splitter/highcontrast-light.css +552 -1
- package/styles/splitter/highcontrast.css +552 -1
- package/styles/splitter/material-dark.css +550 -1
- package/styles/splitter/material.css +551 -1
- package/styles/splitter/material3-dark.css +654 -1
- package/styles/splitter/material3.css +766 -1
- package/styles/splitter/tailwind-dark.css +544 -1
- package/styles/splitter/tailwind.css +544 -1
- package/styles/tailwind-dark.css +1782 -1
- package/styles/tailwind.css +1782 -1
- package/styles/timeline/bootstrap-dark.css +298 -1
- package/styles/timeline/bootstrap.css +298 -1
- package/styles/timeline/bootstrap4.css +298 -1
- package/styles/timeline/bootstrap5-dark.css +298 -1
- package/styles/timeline/bootstrap5.css +298 -1
- package/styles/timeline/fabric-dark.css +298 -1
- package/styles/timeline/fabric.css +298 -1
- package/styles/timeline/fluent-dark.css +298 -1
- package/styles/timeline/fluent.css +298 -1
- package/styles/timeline/fluent2.css +1332 -0
- package/styles/timeline/fluent2.scss +1 -0
- package/styles/timeline/highcontrast-light.css +298 -1
- package/styles/timeline/highcontrast.css +298 -1
- package/styles/timeline/material-dark.css +298 -1
- package/styles/timeline/material.css +298 -1
- package/styles/timeline/material3-dark.css +408 -1
- package/styles/timeline/material3.css +520 -1
- package/styles/timeline/tailwind-dark.css +298 -1
- package/styles/timeline/tailwind.css +298 -1
- package/CHANGELOG.md +0 -593
@@ -1 +1,61 @@
|
|
1
|
-
|
1
|
+
.e-avatar {
|
2
|
+
-ms-flex-line-pack: center;
|
3
|
+
align-content: center;
|
4
|
+
-webkit-box-align: center;
|
5
|
+
-ms-flex-align: center;
|
6
|
+
align-items: center;
|
7
|
+
background-color: #4b5563;
|
8
|
+
background-position: center;
|
9
|
+
background-repeat: no-repeat;
|
10
|
+
background-size: cover;
|
11
|
+
border-radius: 4px;
|
12
|
+
color: #9ca3af;
|
13
|
+
display: -webkit-inline-box;
|
14
|
+
display: -ms-inline-flexbox;
|
15
|
+
display: inline-flex;
|
16
|
+
font-family: "Inter";
|
17
|
+
font-size: 14px;
|
18
|
+
font-weight: 500;
|
19
|
+
height: 40px;
|
20
|
+
-webkit-box-pack: center;
|
21
|
+
-ms-flex-pack: center;
|
22
|
+
justify-content: center;
|
23
|
+
overflow: hidden;
|
24
|
+
position: relative;
|
25
|
+
width: 40px;
|
26
|
+
line-height: 22px;
|
27
|
+
}
|
28
|
+
.e-avatar img {
|
29
|
+
height: 100%;
|
30
|
+
width: auto;
|
31
|
+
}
|
32
|
+
.e-avatar.e-avatar-circle {
|
33
|
+
border-radius: 50%;
|
34
|
+
}
|
35
|
+
.e-avatar.e-avatar-circle.e-avatar-large, .e-avatar.e-avatar-circle.e-avatar-xlarge {
|
36
|
+
border-radius: 50%;
|
37
|
+
}
|
38
|
+
.e-avatar.e-avatar-xsmall {
|
39
|
+
font-size: 10px;
|
40
|
+
height: 24px;
|
41
|
+
width: 24px;
|
42
|
+
line-height: 16px;
|
43
|
+
}
|
44
|
+
.e-avatar.e-avatar-small {
|
45
|
+
font-size: 12px;
|
46
|
+
height: 32px;
|
47
|
+
width: 32px;
|
48
|
+
line-height: 18px;
|
49
|
+
}
|
50
|
+
.e-avatar.e-avatar-large {
|
51
|
+
font-size: 18px;
|
52
|
+
height: 48px;
|
53
|
+
width: 48px;
|
54
|
+
line-height: 28px;
|
55
|
+
}
|
56
|
+
.e-avatar.e-avatar-xlarge {
|
57
|
+
font-size: 20px;
|
58
|
+
height: 56px;
|
59
|
+
width: 56px;
|
60
|
+
line-height: 28px;
|
61
|
+
}
|
@@ -1 +1,61 @@
|
|
1
|
-
|
1
|
+
.e-avatar {
|
2
|
+
-ms-flex-line-pack: center;
|
3
|
+
align-content: center;
|
4
|
+
-webkit-box-align: center;
|
5
|
+
-ms-flex-align: center;
|
6
|
+
align-items: center;
|
7
|
+
background-color: #e5e7eb;
|
8
|
+
background-position: center;
|
9
|
+
background-repeat: no-repeat;
|
10
|
+
background-size: cover;
|
11
|
+
border-radius: 4px;
|
12
|
+
color: #6b7280;
|
13
|
+
display: -webkit-inline-box;
|
14
|
+
display: -ms-inline-flexbox;
|
15
|
+
display: inline-flex;
|
16
|
+
font-family: "Inter";
|
17
|
+
font-size: 14px;
|
18
|
+
font-weight: 500;
|
19
|
+
height: 40px;
|
20
|
+
-webkit-box-pack: center;
|
21
|
+
-ms-flex-pack: center;
|
22
|
+
justify-content: center;
|
23
|
+
overflow: hidden;
|
24
|
+
position: relative;
|
25
|
+
width: 40px;
|
26
|
+
line-height: 22px;
|
27
|
+
}
|
28
|
+
.e-avatar img {
|
29
|
+
height: 100%;
|
30
|
+
width: auto;
|
31
|
+
}
|
32
|
+
.e-avatar.e-avatar-circle {
|
33
|
+
border-radius: 50%;
|
34
|
+
}
|
35
|
+
.e-avatar.e-avatar-circle.e-avatar-large, .e-avatar.e-avatar-circle.e-avatar-xlarge {
|
36
|
+
border-radius: 50%;
|
37
|
+
}
|
38
|
+
.e-avatar.e-avatar-xsmall {
|
39
|
+
font-size: 10px;
|
40
|
+
height: 24px;
|
41
|
+
width: 24px;
|
42
|
+
line-height: 16px;
|
43
|
+
}
|
44
|
+
.e-avatar.e-avatar-small {
|
45
|
+
font-size: 12px;
|
46
|
+
height: 32px;
|
47
|
+
width: 32px;
|
48
|
+
line-height: 18px;
|
49
|
+
}
|
50
|
+
.e-avatar.e-avatar-large {
|
51
|
+
font-size: 18px;
|
52
|
+
height: 48px;
|
53
|
+
width: 48px;
|
54
|
+
line-height: 28px;
|
55
|
+
}
|
56
|
+
.e-avatar.e-avatar-xlarge {
|
57
|
+
font-size: 20px;
|
58
|
+
height: 56px;
|
59
|
+
width: 56px;
|
60
|
+
line-height: 28px;
|
61
|
+
}
|