@syncfusion/ej2-vue-layouts 25.2.3 → 26.1.38

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 (123) hide show
  1. package/dist/ej2-vue-layouts.umd.min.js +2 -2
  2. package/dist/ej2-vue-layouts.umd.min.js.map +1 -1
  3. package/dist/es6/ej2-vue-layouts.es2015.js +8 -14
  4. package/dist/es6/ej2-vue-layouts.es2015.js.map +1 -1
  5. package/dist/es6/ej2-vue-layouts.es5.js +8 -14
  6. package/dist/es6/ej2-vue-layouts.es5.js.map +1 -1
  7. package/package.json +9 -9
  8. package/styles/avatar/bootstrap-dark.css +48 -1
  9. package/styles/avatar/bootstrap.css +48 -1
  10. package/styles/avatar/bootstrap4.css +48 -1
  11. package/styles/avatar/bootstrap5-dark.css +63 -1
  12. package/styles/avatar/bootstrap5.css +63 -1
  13. package/styles/avatar/fabric-dark.css +48 -1
  14. package/styles/avatar/fabric.css +48 -1
  15. package/styles/avatar/fluent-dark.css +61 -1
  16. package/styles/avatar/fluent.css +61 -1
  17. package/styles/avatar/fluent2.css +1097 -0
  18. package/styles/avatar/fluent2.scss +1 -0
  19. package/styles/avatar/highcontrast-light.css +48 -1
  20. package/styles/avatar/highcontrast.css +48 -1
  21. package/styles/avatar/material-dark.css +48 -1
  22. package/styles/avatar/material.css +48 -1
  23. package/styles/avatar/material3-dark.css +171 -1
  24. package/styles/avatar/material3.css +283 -1
  25. package/styles/avatar/tailwind-dark.css +61 -1
  26. package/styles/avatar/tailwind.css +61 -1
  27. package/styles/bootstrap-dark.css +1752 -1
  28. package/styles/bootstrap.css +1753 -1
  29. package/styles/bootstrap4.css +1757 -1
  30. package/styles/bootstrap5-dark.css +1770 -1
  31. package/styles/bootstrap5.css +1770 -1
  32. package/styles/card/bootstrap-dark.css +556 -1
  33. package/styles/card/bootstrap.css +557 -1
  34. package/styles/card/bootstrap4.css +563 -1
  35. package/styles/card/bootstrap5-dark.css +556 -1
  36. package/styles/card/bootstrap5.css +556 -1
  37. package/styles/card/fabric-dark.css +556 -1
  38. package/styles/card/fabric.css +567 -1
  39. package/styles/card/fluent-dark.css +579 -1
  40. package/styles/card/fluent.css +579 -1
  41. package/styles/card/fluent2.css +1593 -0
  42. package/styles/card/fluent2.scss +1 -0
  43. package/styles/card/highcontrast-light.css +556 -1
  44. package/styles/card/highcontrast.css +568 -1
  45. package/styles/card/material-dark.css +556 -1
  46. package/styles/card/material.css +557 -1
  47. package/styles/card/material3-dark.css +667 -1
  48. package/styles/card/material3.css +779 -1
  49. package/styles/card/tailwind-dark.css +557 -1
  50. package/styles/card/tailwind.css +557 -1
  51. package/styles/dashboard-layout/bootstrap-dark.css +295 -1
  52. package/styles/dashboard-layout/bootstrap.css +295 -1
  53. package/styles/dashboard-layout/bootstrap4.css +295 -1
  54. package/styles/dashboard-layout/bootstrap5-dark.css +306 -1
  55. package/styles/dashboard-layout/bootstrap5.css +306 -1
  56. package/styles/dashboard-layout/fabric-dark.css +295 -1
  57. package/styles/dashboard-layout/fabric.css +295 -1
  58. package/styles/dashboard-layout/fluent-dark.css +300 -1
  59. package/styles/dashboard-layout/fluent.css +300 -1
  60. package/styles/dashboard-layout/fluent2.css +1336 -0
  61. package/styles/dashboard-layout/fluent2.scss +1 -0
  62. package/styles/dashboard-layout/highcontrast-light.css +232 -1
  63. package/styles/dashboard-layout/highcontrast.css +293 -1
  64. package/styles/dashboard-layout/material-dark.css +295 -1
  65. package/styles/dashboard-layout/material.css +295 -1
  66. package/styles/dashboard-layout/material3-dark.css +412 -1
  67. package/styles/dashboard-layout/material3.css +524 -1
  68. package/styles/dashboard-layout/tailwind-dark.css +319 -1
  69. package/styles/dashboard-layout/tailwind.css +319 -1
  70. package/styles/fabric-dark.css +1752 -1
  71. package/styles/fabric.css +1763 -1
  72. package/styles/fluent-dark.css +1785 -1
  73. package/styles/fluent.css +1785 -1
  74. package/styles/fluent2.css +6939 -0
  75. package/styles/fluent2.scss +5 -0
  76. package/styles/highcontrast-light.css +1689 -1
  77. package/styles/highcontrast.css +1762 -1
  78. package/styles/material-dark.css +1750 -1
  79. package/styles/material.css +1752 -1
  80. package/styles/material3-dark.css +2315 -1
  81. package/styles/material3.css +2875 -1
  82. package/styles/splitter/bootstrap-dark.css +552 -1
  83. package/styles/splitter/bootstrap.css +552 -1
  84. package/styles/splitter/bootstrap4.css +550 -1
  85. package/styles/splitter/bootstrap5-dark.css +544 -1
  86. package/styles/splitter/bootstrap5.css +544 -1
  87. package/styles/splitter/fabric-dark.css +552 -1
  88. package/styles/splitter/fabric.css +552 -1
  89. package/styles/splitter/fluent-dark.css +544 -1
  90. package/styles/splitter/fluent.css +544 -1
  91. package/styles/splitter/fluent2.css +1578 -0
  92. package/styles/splitter/fluent2.scss +1 -0
  93. package/styles/splitter/highcontrast-light.css +552 -1
  94. package/styles/splitter/highcontrast.css +552 -1
  95. package/styles/splitter/material-dark.css +550 -1
  96. package/styles/splitter/material.css +551 -1
  97. package/styles/splitter/material3-dark.css +654 -1
  98. package/styles/splitter/material3.css +766 -1
  99. package/styles/splitter/tailwind-dark.css +544 -1
  100. package/styles/splitter/tailwind.css +544 -1
  101. package/styles/tailwind-dark.css +1782 -1
  102. package/styles/tailwind.css +1782 -1
  103. package/styles/timeline/bootstrap-dark.css +298 -1
  104. package/styles/timeline/bootstrap.css +298 -1
  105. package/styles/timeline/bootstrap4.css +298 -1
  106. package/styles/timeline/bootstrap5-dark.css +298 -1
  107. package/styles/timeline/bootstrap5.css +298 -1
  108. package/styles/timeline/fabric-dark.css +298 -1
  109. package/styles/timeline/fabric.css +298 -1
  110. package/styles/timeline/fluent-dark.css +298 -1
  111. package/styles/timeline/fluent.css +298 -1
  112. package/styles/timeline/fluent2.css +1332 -0
  113. package/styles/timeline/fluent2.scss +1 -0
  114. package/styles/timeline/highcontrast-light.css +298 -1
  115. package/styles/timeline/highcontrast.css +298 -1
  116. package/styles/timeline/material-dark.css +298 -1
  117. package/styles/timeline/material.css +298 -1
  118. package/styles/timeline/material3-dark.css +408 -1
  119. package/styles/timeline/material3.css +520 -1
  120. package/styles/timeline/tailwind-dark.css +298 -1
  121. package/styles/timeline/tailwind.css +298 -1
  122. package/CHANGELOG.md +0 -591
  123. package/dist/global/ej2-vue-layouts.min.js +0 -10
package/styles/avatar/fluent-dark.css CHANGED
@@ -1 +1,61 @@
1
- @import '@syncfusion/ej2-layouts/styles/avatar/fluent-dark.css';
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: #292827;
8
+ background-position: center;
9
+ background-repeat: no-repeat;
10
+ background-size: cover;
11
+ border-radius: 4px;
12
+ color: #a19f9d;
13
+ display: -webkit-inline-box;
14
+ display: -ms-inline-flexbox;
15
+ display: inline-flex;
16
+ font-family: "Segoe UI", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", sans-serif;
17
+ font-size: 16px;
18
+ font-weight: 400;
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: 24px;
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: 20px;
52
+ height: 48px;
53
+ width: 48px;
54
+ line-height: 28px;
55
+ }
56
+ .e-avatar.e-avatar-xlarge {
57
+ font-size: 24px;
58
+ height: 56px;
59
+ width: 56px;
60
+ line-height: 28px;
61
+ }
package/styles/avatar/fluent.css CHANGED
@@ -1 +1,61 @@
1
- @import '@syncfusion/ej2-layouts/styles/avatar/fluent.css';
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: #edebe9;
8
+ background-position: center;
9
+ background-repeat: no-repeat;
10
+ background-size: cover;
11
+ border-radius: 4px;
12
+ color: #605e5c;
13
+ display: -webkit-inline-box;
14
+ display: -ms-inline-flexbox;
15
+ display: inline-flex;
16
+ font-family: "Segoe UI", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", sans-serif;
17
+ font-size: 16px;
18
+ font-weight: 400;
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: 24px;
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: 20px;
52
+ height: 48px;
53
+ width: 48px;
54
+ line-height: 28px;
55
+ }
56
+ .e-avatar.e-avatar-xlarge {
57
+ font-size: 24px;
58
+ height: 56px;
59
+ width: 56px;
60
+ line-height: 28px;
61
+ }