@syncfusion/ej2-layouts 19.4.52 → 20.1.47

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 (101) hide show
  1. package/CHANGELOG.md +0 -16
  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 +1 -1
  5. package/dist/es6/ej2-layouts.es2015.js.map +1 -1
  6. package/dist/es6/ej2-layouts.es5.js +1 -1
  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 +1 -1
  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/bootstrap5-dark.css +2 -0
  17. package/styles/avatar/bootstrap5.css +2 -0
  18. package/styles/avatar/fluent-dark.css +61 -0
  19. package/styles/avatar/fluent-dark.scss +3 -0
  20. package/styles/avatar/fluent.css +61 -0
  21. package/styles/avatar/fluent.scss +3 -0
  22. package/styles/bootstrap-dark.css +4 -4
  23. package/styles/bootstrap.css +4 -4
  24. package/styles/bootstrap4.css +4 -4
  25. package/styles/bootstrap5-dark.css +14 -10
  26. package/styles/bootstrap5.css +14 -10
  27. package/styles/card/_bootstrap5-definition.scss +5 -4
  28. package/styles/card/_fluent-dark-definition.scss +1 -0
  29. package/styles/card/_layout.scss +8 -0
  30. package/styles/card/_tailwind-definition.scss +8 -8
  31. package/styles/card/bootstrap5-dark.css +5 -3
  32. package/styles/card/bootstrap5.css +5 -3
  33. package/styles/card/fluent-dark.css +602 -0
  34. package/styles/card/fluent-dark.scss +3 -0
  35. package/styles/card/fluent.css +602 -0
  36. package/styles/card/fluent.scss +3 -0
  37. package/styles/card/tailwind-dark.css +8 -8
  38. package/styles/card/tailwind.css +8 -8
  39. package/styles/dashboard-layout/_bootstrap5-definition.scss +1 -1
  40. package/styles/dashboard-layout/_fluent-dark-definition.scss +1 -0
  41. package/styles/dashboard-layout/_fluent-definition.scss +1 -1
  42. package/styles/dashboard-layout/_layout.scss +19 -2
  43. package/styles/dashboard-layout/_tailwind-definition.scss +3 -1
  44. package/styles/dashboard-layout/bootstrap5-dark.css +1 -1
  45. package/styles/dashboard-layout/bootstrap5.css +1 -1
  46. package/styles/dashboard-layout/fluent-dark.css +388 -0
  47. package/styles/dashboard-layout/fluent-dark.scss +4 -0
  48. package/styles/dashboard-layout/fluent.css +388 -0
  49. package/styles/dashboard-layout/fluent.scss +4 -0
  50. package/styles/dashboard-layout/icons/_fluent-dark.scss +1 -0
  51. package/styles/dashboard-layout/icons/_fluent.scss +2 -2
  52. package/styles/dashboard-layout/icons/_tailwind-dark.scss +8 -8
  53. package/styles/dashboard-layout/icons/_tailwind.scss +8 -8
  54. package/styles/dashboard-layout/tailwind-dark.css +18 -15
  55. package/styles/dashboard-layout/tailwind.css +16 -13
  56. package/styles/fabric-dark.css +4 -4
  57. package/styles/fabric.css +4 -4
  58. package/styles/fluent-dark.css +1628 -0
  59. package/styles/fluent-dark.scss +4 -0
  60. package/styles/fluent.css +1628 -0
  61. package/styles/fluent.scss +4 -0
  62. package/styles/highcontrast-light.css +4 -4
  63. package/styles/highcontrast.css +4 -4
  64. package/styles/material-dark.css +4 -4
  65. package/styles/material.css +4 -4
  66. package/styles/splitter/_bootstrap-dark-definition.scss +1 -0
  67. package/styles/splitter/_bootstrap-definition.scss +1 -0
  68. package/styles/splitter/_bootstrap4-definition.scss +1 -0
  69. package/styles/splitter/_bootstrap5-definition.scss +5 -4
  70. package/styles/splitter/_fabric-dark-definition.scss +1 -0
  71. package/styles/splitter/_fabric-definition.scss +1 -0
  72. package/styles/splitter/_fluent-dark-definition.scss +1 -0
  73. package/styles/splitter/_fluent-definition.scss +2 -1
  74. package/styles/splitter/_highcontrast-definition.scss +1 -0
  75. package/styles/splitter/_highcontrast-light-definition.scss +1 -0
  76. package/styles/splitter/_layout.scss +4 -4
  77. package/styles/splitter/_material-dark-definition.scss +1 -0
  78. package/styles/splitter/_material-definition.scss +1 -0
  79. package/styles/splitter/_tailwind-definition.scss +2 -1
  80. package/styles/splitter/bootstrap-dark.css +4 -4
  81. package/styles/splitter/bootstrap.css +4 -4
  82. package/styles/splitter/bootstrap4.css +4 -4
  83. package/styles/splitter/bootstrap5-dark.css +6 -6
  84. package/styles/splitter/bootstrap5.css +6 -6
  85. package/styles/splitter/fabric-dark.css +4 -4
  86. package/styles/splitter/fabric.css +4 -4
  87. package/styles/splitter/fluent-dark.css +574 -0
  88. package/styles/splitter/fluent-dark.scss +4 -0
  89. package/styles/splitter/fluent.css +574 -0
  90. package/styles/splitter/fluent.scss +4 -0
  91. package/styles/splitter/highcontrast-light.css +4 -4
  92. package/styles/splitter/highcontrast.css +4 -4
  93. package/styles/splitter/icons/_fluent-dark.scss +1 -0
  94. package/styles/splitter/icons/_fluent.scss +3 -3
  95. package/styles/splitter/icons/_tailwind.scss +2 -14
  96. package/styles/splitter/material-dark.css +4 -4
  97. package/styles/splitter/material.css +4 -4
  98. package/styles/splitter/tailwind-dark.css +8 -16
  99. package/styles/splitter/tailwind.css +8 -16
  100. package/styles/tailwind-dark.css +34 -39
  101. package/styles/tailwind.css +32 -37
package/styles/card/_tailwind-definition.scss CHANGED
@@ -14,7 +14,7 @@ $card-header-title-font: $text-sm !default;
14
14
  $card-header-sub-title-font: $text-sm !default;
15
15
  // Mouse
16
16
  $card-content-line-height: $leading-normal !default;
17
- $card-nrml-lheight: 36px !default;
17
+ $card-nrml-lheight: 24px !default;
18
18
  $card-nrml-mheight: 36px !default;
19
19
  $card-header-padding: 18px !default;
20
20
  $card-header-lheight: $leading-tight !default;
@@ -23,7 +23,7 @@ $card-title-nrml-lheight: $leading-normal !default;
23
23
  $card-hor-image-margin: 2px !default;
24
24
  $card-sep-margin: 12px 0 !default;
25
25
  $card-header-minheight: 22.5px !default;
26
- $card-header-nrml-padding: 18px !default;
26
+ $card-header-nrml-padding: 18px 18px 12px 18px !default;
27
27
  $card-header-txt-nrml-padding: 0 0 0 18px !default;
28
28
  $card-header-txt-title-lheight: $leading-normal !default;
29
29
  $card-header-txt-title-nrml-padding: 2px 0 0 !default;
@@ -33,12 +33,12 @@ $card-header-image-height: 46px !default;
33
33
  $card-image-mheight: 112.5px !default;
34
34
  $card-image-title-lheight: 30px !default;
35
35
  $card-image-title-mheight: 30px !default;
36
- $card-action-nrml-vertical-padding: 8px 18px !default;
36
+ $card-action-nrml-vertical-padding: 18px 18px !default;
37
37
  $card-action-nrml-btn-vertical-margin: 0 0 6px 0 !default;
38
38
  $card-action-btn-nrml-height: 30px !default;
39
39
  $card-action-btn-nrml-margin: 0 0 0 6px !default;
40
40
  $card-action-btn-nrml-padding: 0 6px !default;
41
- $card-nrml-content-padding: 12px 18px !default;
41
+ $card-nrml-content-padding: 0 18px 12px 18px !default;
42
42
  $card-header-txt-nrml-title-font: $text-sm !default;
43
43
  $card-header-txt-nrml-subtitle-font: $text-sm !default;
44
44
  $card-image-title-font: $text-base !default;
@@ -65,20 +65,20 @@ $card-image-bigger-mheight: 150px !default;
65
65
  $card-image-title-bigger-lheight: $leading-tight !default; //Need to check UI
66
66
  $card-image-title-bigger-mheight: 40px !default; //Need to check UI
67
67
  $card-img-title-bigger-padding: 12px 16px !default;
68
- $card-action-bigger-padding: 12px 24px !default;
69
- $card-action-bigger-vertical-padding: 12px 24px 12px 24px !default;
68
+ $card-action-bigger-padding: 24px 24px !default;
69
+ $card-action-bigger-vertical-padding: 12px 24px 24px 24px !default;
70
70
  $card-action-bigger-btn-vertical-margin: 0 0 8px 0 !default;//Need to check UI
71
71
  $card-action-btn-bigger-height: 38px !default;
72
72
  $card-action-btn-bigger-margin: 0 0 0 8px !default;
73
73
  $card-action-btn-bigger-padding: 0 6px !default;
74
- $card-bigger-content-padding: 16px 24px !default;
74
+ $card-bigger-content-padding: 0 24px 16px 24px !default;
75
75
  $card-header-txt-bigger-title-font: $text-sm !default;
76
76
  $card-header-txt-bigger-subtitle-font: $text-base !default;
77
77
  $card-image-title-bigger-font: 18px !default;
78
78
  $card-action-btn-bigger-icon-width: 24px !default; //Need to chek UI
79
79
  $card-action-btn-bigger-icon-height: 24px !default; //Need to check UI
80
80
  $card-image-title-nrml-padding: 8px 16px !default;
81
- $card-action-nrml-padding: 8px 18px !default;
81
+ $card-action-nrml-padding: 18px 18px !default;
82
82
  $card-highlight-color: $primary !default;
83
83
  //Layout Variables End
84
84
 
package/styles/card/bootstrap5-dark.css CHANGED
@@ -44,6 +44,7 @@
44
44
  .e-bigger.e-card .e-card-header {
45
45
  min-height: 30px;
46
46
  padding: 16px;
47
+ padding-bottom: 0;
47
48
  }
48
49
 
49
50
  .e-bigger .e-card .e-card-header .e-card-content,
@@ -97,7 +98,7 @@
97
98
 
98
99
  .e-bigger .e-card .e-card-actions,
99
100
  .e-bigger.e-card .e-card-actions {
100
- padding: 16px 20px;
101
+ padding: 16px;
101
102
  }
102
103
 
103
104
  .e-bigger .e-card .e-card-actions.e-card-vertical,
@@ -295,6 +296,7 @@
295
296
  min-height: 22.5px;
296
297
  padding: 12px;
297
298
  width: inherit;
299
+ padding-bottom: 0;
298
300
  }
299
301
 
300
302
  .e-card .e-card-header .e-card-content {
@@ -401,7 +403,7 @@
401
403
  display: inline-block;
402
404
  -ms-flex-pack: start;
403
405
  justify-content: flex-start;
404
- padding: 16px 20px;
406
+ padding: 12px;
405
407
  }
406
408
 
407
409
  .e-card .e-card-actions.e-card-vertical {
@@ -516,7 +518,7 @@
516
518
  .e-card {
517
519
  -webkit-tap-highlight-color: #0d6efd;
518
520
  background-color: #212529;
519
- border: 1px solid #ced4da;
521
+ border: 1px solid #444c54;
520
522
  box-shadow: none;
521
523
  color: #fff;
522
524
  outline: none;
package/styles/card/bootstrap5.css CHANGED
@@ -44,6 +44,7 @@
44
44
  .e-bigger.e-card .e-card-header {
45
45
  min-height: 30px;
46
46
  padding: 16px;
47
+ padding-bottom: 0;
47
48
  }
48
49
 
49
50
  .e-bigger .e-card .e-card-header .e-card-content,
@@ -97,7 +98,7 @@
97
98
 
98
99
  .e-bigger .e-card .e-card-actions,
99
100
  .e-bigger.e-card .e-card-actions {
100
- padding: 16px 20px;
101
+ padding: 16px;
101
102
  }
102
103
 
103
104
  .e-bigger .e-card .e-card-actions.e-card-vertical,
@@ -295,6 +296,7 @@
295
296
  min-height: 22.5px;
296
297
  padding: 12px;
297
298
  width: inherit;
299
+ padding-bottom: 0;
298
300
  }
299
301
 
300
302
  .e-card .e-card-header .e-card-content {
@@ -401,7 +403,7 @@
401
403
  display: inline-block;
402
404
  -ms-flex-pack: start;
403
405
  justify-content: flex-start;
404
- padding: 16px 20px;
406
+ padding: 12px;
405
407
  }
406
408
 
407
409
  .e-card .e-card-actions.e-card-vertical {
@@ -516,7 +518,7 @@
516
518
  .e-card {
517
519
  -webkit-tap-highlight-color: #0d6efd;
518
520
  background-color: #fff;
519
- border: 1px solid #ced4da;
521
+ border: 1px solid #dee2e6;
520
522
  box-shadow: none;
521
523
  color: #212529;
522
524
  outline: none;