@syncfusion/ej2-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 (130) hide show
  1. package/CHANGELOG.md +1 -11
  2. package/dist/ej2-layouts.umd.min.js +2 -2
  3. package/dist/ej2-layouts.umd.min.js.map +1 -1
  4. package/dist/es6/ej2-layouts.es2015.js +17 -16
  5. package/dist/es6/ej2-layouts.es2015.js.map +1 -1
  6. package/dist/es6/ej2-layouts.es5.js +17 -16
  7. package/dist/es6/ej2-layouts.es5.js.map +1 -1
  8. package/dist/global/ej2-layouts.min.js +2 -2
  9. package/dist/global/ej2-layouts.min.js.map +1 -1
  10. package/dist/global/index.d.ts +1 -1
  11. package/package.json +6 -6
  12. package/src/splitter/splitter.js +17 -16
  13. package/styles/avatar/_bootstrap5-definition.scss +1 -0
  14. package/styles/avatar/_fluent-dark-definition.scss +1 -0
  15. package/styles/avatar/_layout.scss +6 -0
  16. package/styles/avatar/bootstrap-dark.css +1 -7
  17. package/styles/avatar/bootstrap.css +1 -7
  18. package/styles/avatar/bootstrap4.css +1 -7
  19. package/styles/avatar/bootstrap5-dark.css +3 -7
  20. package/styles/avatar/bootstrap5.css +3 -7
  21. package/styles/avatar/fabric-dark.css +1 -7
  22. package/styles/avatar/fabric.css +1 -7
  23. package/styles/avatar/fluent-dark.css +55 -0
  24. package/styles/avatar/fluent-dark.scss +3 -0
  25. package/styles/avatar/fluent.css +55 -0
  26. package/styles/avatar/fluent.scss +3 -0
  27. package/styles/avatar/highcontrast-light.css +1 -7
  28. package/styles/avatar/highcontrast.css +1 -7
  29. package/styles/avatar/material-dark.css +1 -7
  30. package/styles/avatar/material.css +1 -7
  31. package/styles/avatar/tailwind-dark.css +1 -7
  32. package/styles/avatar/tailwind.css +1 -7
  33. package/styles/bootstrap-dark.css +47 -316
  34. package/styles/bootstrap.css +47 -316
  35. package/styles/bootstrap4.css +47 -318
  36. package/styles/bootstrap5-dark.css +55 -319
  37. package/styles/bootstrap5.css +55 -319
  38. package/styles/card/_bootstrap5-definition.scss +5 -4
  39. package/styles/card/_fluent-dark-definition.scss +1 -0
  40. package/styles/card/_layout.scss +8 -0
  41. package/styles/card/_tailwind-definition.scss +8 -8
  42. package/styles/card/bootstrap-dark.css +1 -85
  43. package/styles/card/bootstrap.css +1 -85
  44. package/styles/card/bootstrap4.css +1 -87
  45. package/styles/card/bootstrap5-dark.css +6 -88
  46. package/styles/card/bootstrap5.css +6 -88
  47. package/styles/card/fabric-dark.css +1 -85
  48. package/styles/card/fabric.css +1 -87
  49. package/styles/card/fluent-dark.css +518 -0
  50. package/styles/card/fluent-dark.scss +3 -0
  51. package/styles/card/fluent.css +518 -0
  52. package/styles/card/fluent.scss +3 -0
  53. package/styles/card/highcontrast-light.css +1 -85
  54. package/styles/card/highcontrast.css +1 -87
  55. package/styles/card/material-dark.css +1 -85
  56. package/styles/card/material.css +1 -85
  57. package/styles/card/tailwind-dark.css +9 -95
  58. package/styles/card/tailwind.css +9 -95
  59. package/styles/dashboard-layout/_bootstrap5-definition.scss +1 -1
  60. package/styles/dashboard-layout/_fluent-dark-definition.scss +1 -0
  61. package/styles/dashboard-layout/_fluent-definition.scss +1 -1
  62. package/styles/dashboard-layout/_layout.scss +19 -2
  63. package/styles/dashboard-layout/_tailwind-definition.scss +3 -1
  64. package/styles/dashboard-layout/bootstrap-dark.css +28 -116
  65. package/styles/dashboard-layout/bootstrap.css +28 -116
  66. package/styles/dashboard-layout/bootstrap4.css +28 -116
  67. package/styles/dashboard-layout/bootstrap5-dark.css +29 -118
  68. package/styles/dashboard-layout/bootstrap5.css +29 -118
  69. package/styles/dashboard-layout/fabric-dark.css +28 -116
  70. package/styles/dashboard-layout/fabric.css +28 -116
  71. package/styles/dashboard-layout/fluent-dark.css +299 -0
  72. package/styles/dashboard-layout/fluent-dark.scss +4 -0
  73. package/styles/dashboard-layout/fluent.css +299 -0
  74. package/styles/dashboard-layout/fluent.scss +4 -0
  75. package/styles/dashboard-layout/highcontrast-light.css +16 -85
  76. package/styles/dashboard-layout/highcontrast.css +28 -115
  77. package/styles/dashboard-layout/icons/_fluent-dark.scss +1 -0
  78. package/styles/dashboard-layout/icons/_fluent.scss +2 -2
  79. package/styles/dashboard-layout/icons/_tailwind-dark.scss +8 -8
  80. package/styles/dashboard-layout/icons/_tailwind.scss +8 -8
  81. package/styles/dashboard-layout/material-dark.css +28 -116
  82. package/styles/dashboard-layout/material.css +28 -116
  83. package/styles/dashboard-layout/tailwind-dark.css +42 -130
  84. package/styles/dashboard-layout/tailwind.css +40 -128
  85. package/styles/fabric-dark.css +47 -316
  86. package/styles/fabric.css +47 -318
  87. package/styles/fluent-dark.css +1360 -0
  88. package/styles/fluent-dark.scss +4 -0
  89. package/styles/fluent.css +1360 -0
  90. package/styles/fluent.scss +4 -0
  91. package/styles/highcontrast-light.css +35 -285
  92. package/styles/highcontrast.css +47 -317
  93. package/styles/material-dark.css +57 -326
  94. package/styles/material.css +47 -316
  95. package/styles/splitter/_bootstrap-dark-definition.scss +1 -0
  96. package/styles/splitter/_bootstrap-definition.scss +1 -0
  97. package/styles/splitter/_bootstrap4-definition.scss +1 -0
  98. package/styles/splitter/_bootstrap5-definition.scss +5 -4
  99. package/styles/splitter/_fabric-dark-definition.scss +1 -0
  100. package/styles/splitter/_fabric-definition.scss +1 -0
  101. package/styles/splitter/_fluent-dark-definition.scss +1 -0
  102. package/styles/splitter/_fluent-definition.scss +2 -1
  103. package/styles/splitter/_highcontrast-definition.scss +1 -0
  104. package/styles/splitter/_highcontrast-light-definition.scss +1 -0
  105. package/styles/splitter/_layout.scss +4 -4
  106. package/styles/splitter/_material-dark-definition.scss +1 -0
  107. package/styles/splitter/_material-definition.scss +1 -0
  108. package/styles/splitter/_tailwind-definition.scss +2 -1
  109. package/styles/splitter/bootstrap-dark.css +20 -111
  110. package/styles/splitter/bootstrap.css +20 -111
  111. package/styles/splitter/bootstrap4.css +20 -111
  112. package/styles/splitter/bootstrap5-dark.css +20 -109
  113. package/styles/splitter/bootstrap5.css +20 -109
  114. package/styles/splitter/fabric-dark.css +20 -111
  115. package/styles/splitter/fabric.css +20 -111
  116. package/styles/splitter/fluent-dark.css +485 -0
  117. package/styles/splitter/fluent-dark.scss +4 -0
  118. package/styles/splitter/fluent.css +485 -0
  119. package/styles/splitter/fluent.scss +4 -0
  120. package/styles/splitter/highcontrast-light.css +20 -111
  121. package/styles/splitter/highcontrast.css +20 -111
  122. package/styles/splitter/icons/_fluent-dark.scss +1 -0
  123. package/styles/splitter/icons/_fluent.scss +3 -3
  124. package/styles/splitter/icons/_tailwind.scss +2 -14
  125. package/styles/splitter/material-dark.css +30 -121
  126. package/styles/splitter/material.css +20 -111
  127. package/styles/splitter/tailwind-dark.css +20 -117
  128. package/styles/splitter/tailwind.css +20 -117
  129. package/styles/tailwind-dark.css +69 -346
  130. package/styles/tailwind.css +67 -344
package/styles/splitter/_bootstrap-dark-definition.scss CHANGED
@@ -10,6 +10,7 @@ $splitpane-font-family: $font-family !default;
10
10
  $splitpane-font-color: $grey-dark-font !default;
11
11
  $splitbar-border-color: $grey-88 !default;
12
12
  $splitbar-hover-border-color: $brand-primary !default;
13
+ $resize-icon-hover-color: $splitbar-hover-border-color !default;
13
14
  $splitbar-icon-color: $grey-dark-font !default;
14
15
  $splitbar-icon-size: 14px !default;
15
16
  $collapse-icon-bg-color: $grey-base !default;
package/styles/splitter/_bootstrap-definition.scss CHANGED
@@ -10,6 +10,7 @@ $splitpane-font-family: $font-family !default;
10
10
  $splitpane-font-color: $grey !default;
11
11
  $splitbar-border-color: $grey-dd !default;
12
12
  $splitbar-hover-border-color: $brand-primary !default;
13
+ $resize-icon-hover-color: $splitbar-hover-border-color !default;
13
14
  $splitbar-icon-color: $grey-light-font !default;
14
15
  $splitbar-icon-size: 14px !default;
15
16
  $collapse-icon-bg-color: $grey-white !default;
package/styles/splitter/_bootstrap4-definition.scss CHANGED
@@ -10,6 +10,7 @@ $splitpane-font-family: $font-family !default;
10
10
  $splitpane-font-color: $gray-900 !default;
11
11
  $splitbar-border-color: $gray-300 !default;
12
12
  $splitbar-hover-border-color: $primary !default;
13
+ $resize-icon-hover-color: $splitbar-hover-border-color !default;
13
14
  $splitbar-icon-color: $gray-700 !default;
14
15
  $splitbar-icon-size: 14px !default;
15
16
  $collapse-icon-bg-color: $white !default;
package/styles/splitter/_bootstrap5-definition.scss CHANGED
@@ -11,14 +11,15 @@ $bigger-splitbar-icon-size: 16px !default;
11
11
  //Layout Variables End
12
12
 
13
13
  //Theme Variables Start
14
- $navigation-arrow-background: $primary-text-color !default; // Ask UI Team
15
- $navigation-icon-background-hover: $primary !default;// Ask UI Team
16
- $navigation-icon-border-hover: $primary !default;// Ask UI Team
14
+ $navigation-arrow-background: $transparent !default;
15
+ $navigation-icon-background-hover: $primary !default;
16
+ $navigation-icon-border-hover: $primary !default;
17
17
  $splitter-border-color: $border-light !default;
18
18
  $splitter-background-color: $primary-text-color !default;
19
19
  $splitpane-font-color: $content-text-color !default;
20
- $splitbar-border-color: $border-light !default;// Ask UI Team
20
+ $splitbar-border-color: $border-light !default;
21
21
  $splitbar-hover-border-color: $primary !default;
22
+ $resize-icon-hover-color: $splitbar-hover-border-color !default;
22
23
  $splitbar-icon-color: $icon-color !default;
23
24
  $collapse-icon-bg-color: $primary-text-color !default;
24
25
  $resize-icon-bg-color: $content-bg-color !default;
package/styles/splitter/_fabric-dark-definition.scss CHANGED
@@ -10,6 +10,7 @@ $splitpane-font-family: $font-family !default;
10
10
  $splitpane-font-color: $neutral-light-font !default;
11
11
  $splitbar-border-color: $neutral-light !default;
12
12
  $splitbar-hover-border-color: $theme-tertiary !default;
13
+ $resize-icon-hover-color: $splitbar-hover-border-color !default;
13
14
  $splitbar-icon-color: $neutral-light-font !default;
14
15
  $splitbar-icon-size: 14px !default;
15
16
  $collapse-icon-bg-color: $neutral-white !default;
package/styles/splitter/_fabric-definition.scss CHANGED
@@ -10,6 +10,7 @@ $splitpane-font-family: $font-family !default;
10
10
  $splitpane-font-color: $neutral-light-font !default;
11
11
  $splitbar-border-color: $neutral-quintenaryalt !default;
12
12
  $splitbar-hover-border-color: $theme-primary !default;
13
+ $resize-icon-hover-color: $splitbar-hover-border-color !default;
13
14
  $splitbar-icon-color: $neutral-light-font !default;
14
15
  $splitbar-icon-size: 14px !default;
15
16
  $collapse-icon-bg-color: $neutral-white !default;
package/styles/splitter/_fluent-dark-definition.scss ADDED
@@ -0,0 +1 @@
1
+ @import './fluent-definition.scss';
package/styles/splitter/_fluent-definition.scss CHANGED
@@ -10,7 +10,7 @@ $bigger-splitbar-icon-size: 16px !default;
10
10
  //Layout Variables End
11
11
 
12
12
  //Theme Variables Start
13
- $navigation-arrow-background: $primary-text-color !default;
13
+ $navigation-arrow-background: $transparent !default;
14
14
  $navigation-icon-background-hover: $primary !default;
15
15
  $navigation-icon-border-hover: $primary !default;
16
16
  $splitter-border-color: $border-light !default;
@@ -21,6 +21,7 @@ $splitbar-hover-border-color: $primary !default;
21
21
  $splitbar-icon-color: $icon-color !default;
22
22
  $collapse-icon-bg-color: $primary-text-color !default;
23
23
  $resize-icon-bg-color: $content-bg-color !default;
24
+ $resize-icon-hover-color: $primary-text-color !default;
24
25
  $split-bar-border-left: 1px solid $border-light !default;
25
26
  $split-bar-border-right: 1px solid $border-light !default;
26
27
  $split-bar-hover-border-left: 1px solid $splitbar-hover-border-color !default;
package/styles/splitter/_highcontrast-definition.scss CHANGED
@@ -10,6 +10,7 @@ $splitpane-font-family: $font-family !default;
10
10
  $splitpane-font-color: $content-font !default;
11
11
  $splitbar-border-color: $border-fg !default;
12
12
  $splitbar-hover-border-color: $selection-bg !default;
13
+ $resize-icon-hover-color: $splitbar-hover-border-color !default;
13
14
  $splitbar-icon-color: $content-font !default;
14
15
  $splitbar-icon-size: 14px !default;
15
16
  $collapse-icon-bg-color: $bg-base-0 !default;
package/styles/splitter/_highcontrast-light-definition.scss CHANGED
@@ -10,6 +10,7 @@ $splitpane-font-family: $font-family !default;
10
10
  $splitpane-font-color: $content-font !default;
11
11
  $splitbar-border-color: $border-fg !default;
12
12
  $splitbar-hover-border-color: $selection-bg !default;
13
+ $resize-icon-hover-color: $splitbar-hover-border-color !default;
13
14
  $splitbar-icon-color: $content-font !default;
14
15
  $splitbar-icon-size: 14px !default;
15
16
  $collapse-icon-bg-color: $bg-base-0 !default;
package/styles/splitter/_layout.scss CHANGED
@@ -90,7 +90,7 @@
90
90
  .e-navigate-arrow {
91
91
  &:not(.e-arrow-down) {
92
92
  border-radius: 50%;
93
- bottom: 18px;
93
+ bottom: 20px;
94
94
  right: 22px;
95
95
  }
96
96
 
@@ -98,7 +98,7 @@
98
98
  border-radius: 50%;
99
99
  left: 22px;
100
100
  right: auto;
101
- top: 18px;
101
+ top: 20px;
102
102
 
103
103
  &::after {
104
104
  right: auto;
@@ -310,14 +310,14 @@
310
310
 
311
311
  &:not(.e-arrow-down) {
312
312
  border-radius: 50%;
313
- bottom: 18px;
313
+ bottom: 20px;
314
314
  left: 22px;
315
315
  }
316
316
 
317
317
  &.e-arrow-down {
318
318
  border-radius: 50%;
319
319
  right: 22px;
320
- top: 18px;
320
+ top: 20px;
321
321
  }
322
322
 
323
323
  &.e-arrow-down::before,
package/styles/splitter/_material-dark-definition.scss CHANGED
@@ -10,6 +10,7 @@ $splitpane-font-family: $font-family !default;
10
10
  $splitpane-font-color: $grey-dark-font !default;
11
11
  $splitbar-border-color: $grey-700 !default;
12
12
  $splitbar-hover-border-color: $accent !default;
13
+ $resize-icon-hover-color: $splitbar-hover-border-color !default;
13
14
  $splitbar-icon-color: rgba($grey-dark-font, .7) !default;
14
15
  $splitbar-icon-size: 14px !default;
15
16
  $collapse-icon-bg-color: $grey-dark !default;
package/styles/splitter/_material-definition.scss CHANGED
@@ -11,6 +11,7 @@ $splitpane-font-family: $font-family !default;
11
11
  $splitpane-font-color: rgba($grey-light-font, .87) !default;
12
12
  $splitbar-border-color: $grey-300 !default;
13
13
  $splitbar-hover-border-color: $accent !default;
14
+ $resize-icon-hover-color: $splitbar-hover-border-color !default;
14
15
  $splitbar-icon-color: rgba($grey-light-font, .54) !default;
15
16
  $splitbar-icon-size: 14px !default;
16
17
  $collapse-icon-bg-color: $grey-white !default;
package/styles/splitter/_tailwind-definition.scss CHANGED
@@ -11,7 +11,7 @@ $bigger-splitbar-icon-size: 16px !default;
11
11
  //Layout Variables End
12
12
 
13
13
  //Theme Variables Start
14
- $navigation-arrow-background: $primary-text-color !default;
14
+ $navigation-arrow-background: $transparent !default;
15
15
  $navigation-icon-background-hover: $primary !default;
16
16
  $navigation-icon-border-hover: $primary !default;
17
17
  $splitter-border-color: $border-light !default;
@@ -19,6 +19,7 @@ $splitter-background-color: $primary-text-color !default;
19
19
  $splitpane-font-color: $content-text-color !default;
20
20
  $splitbar-border-color: $border-light !default;
21
21
  $splitbar-hover-border-color: $primary !default;
22
+ $resize-icon-hover-color: $splitbar-hover-border-color !default;
22
23
  $splitbar-icon-color: $icon-color !default;
23
24
  $collapse-icon-bg-color: $primary-text-color !default;
24
25
  $resize-icon-bg-color: $content-bg-color !default;