@syncfusion/ej2-layouts 22.2.9 → 23.2.4

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 (107) hide show
  1. package/CHANGELOG.md +0 -46
  2. package/dist/ej2-layouts.min.js +2 -2
  3. package/dist/ej2-layouts.umd.min.js +2 -2
  4. package/dist/global/ej2-layouts.min.js +2 -2
  5. package/dist/global/index.d.ts +2 -2
  6. package/package.json +7 -8
  7. package/src/dashboard-layout/dashboard-layout-model.d.ts +1 -1
  8. package/styles/avatar/bootstrap-dark.scss +1 -1
  9. package/styles/avatar/bootstrap.scss +1 -1
  10. package/styles/avatar/bootstrap4.scss +1 -1
  11. package/styles/avatar/bootstrap5-dark.scss +1 -1
  12. package/styles/avatar/bootstrap5.scss +1 -1
  13. package/styles/avatar/fabric-dark.scss +1 -1
  14. package/styles/avatar/fabric.scss +1 -1
  15. package/styles/avatar/fluent-dark.scss +1 -1
  16. package/styles/avatar/fluent.scss +1 -1
  17. package/styles/avatar/highcontrast-light.scss +1 -1
  18. package/styles/avatar/highcontrast.scss +1 -1
  19. package/styles/avatar/material-dark.css +0 -1
  20. package/styles/avatar/material-dark.scss +1 -1
  21. package/styles/avatar/material.css +0 -1
  22. package/styles/avatar/material.scss +1 -1
  23. package/styles/avatar/material3-dark.css +0 -1
  24. package/styles/avatar/material3-dark.scss +1 -1
  25. package/styles/avatar/material3.css +0 -1
  26. package/styles/avatar/material3.scss +1 -1
  27. package/styles/avatar/tailwind-dark.css +0 -1
  28. package/styles/avatar/tailwind-dark.scss +1 -1
  29. package/styles/avatar/tailwind.css +0 -1
  30. package/styles/avatar/tailwind.scss +1 -1
  31. package/styles/card/bootstrap-dark.scss +1 -1
  32. package/styles/card/bootstrap.scss +1 -1
  33. package/styles/card/bootstrap4.scss +1 -1
  34. package/styles/card/bootstrap5-dark.scss +1 -1
  35. package/styles/card/bootstrap5.scss +1 -1
  36. package/styles/card/fabric-dark.scss +1 -1
  37. package/styles/card/fabric.scss +1 -1
  38. package/styles/card/fluent-dark.scss +1 -1
  39. package/styles/card/fluent.scss +1 -1
  40. package/styles/card/highcontrast-light.scss +1 -1
  41. package/styles/card/highcontrast.scss +1 -1
  42. package/styles/card/material-dark.css +0 -1
  43. package/styles/card/material-dark.scss +1 -1
  44. package/styles/card/material.css +0 -1
  45. package/styles/card/material.scss +1 -1
  46. package/styles/card/material3-dark.css +0 -1
  47. package/styles/card/material3-dark.scss +1 -1
  48. package/styles/card/material3.css +0 -1
  49. package/styles/card/material3.scss +1 -1
  50. package/styles/card/tailwind-dark.css +0 -1
  51. package/styles/card/tailwind-dark.scss +1 -1
  52. package/styles/card/tailwind.css +0 -1
  53. package/styles/card/tailwind.scss +1 -1
  54. package/styles/dashboard-layout/bootstrap-dark.scss +1 -1
  55. package/styles/dashboard-layout/bootstrap.scss +1 -1
  56. package/styles/dashboard-layout/bootstrap4.scss +1 -1
  57. package/styles/dashboard-layout/bootstrap5-dark.scss +1 -1
  58. package/styles/dashboard-layout/bootstrap5.scss +1 -1
  59. package/styles/dashboard-layout/fabric-dark.scss +1 -1
  60. package/styles/dashboard-layout/fabric.scss +1 -1
  61. package/styles/dashboard-layout/fluent-dark.scss +1 -1
  62. package/styles/dashboard-layout/fluent.scss +1 -1
  63. package/styles/dashboard-layout/highcontrast-light.scss +1 -1
  64. package/styles/dashboard-layout/highcontrast.scss +1 -1
  65. package/styles/dashboard-layout/material-dark.css +0 -1
  66. package/styles/dashboard-layout/material-dark.scss +1 -1
  67. package/styles/dashboard-layout/material.css +0 -1
  68. package/styles/dashboard-layout/material.scss +1 -1
  69. package/styles/dashboard-layout/material3-dark.css +0 -1
  70. package/styles/dashboard-layout/material3-dark.scss +1 -1
  71. package/styles/dashboard-layout/material3.css +0 -1
  72. package/styles/dashboard-layout/material3.scss +1 -1
  73. package/styles/dashboard-layout/tailwind-dark.css +0 -1
  74. package/styles/dashboard-layout/tailwind-dark.scss +1 -1
  75. package/styles/dashboard-layout/tailwind.css +0 -1
  76. package/styles/dashboard-layout/tailwind.scss +1 -1
  77. package/styles/material-dark.css +0 -1
  78. package/styles/material.css +0 -1
  79. package/styles/material3-dark.css +0 -1
  80. package/styles/material3-dark.scss +1 -1
  81. package/styles/material3.css +0 -1
  82. package/styles/material3.scss +1 -1
  83. package/styles/splitter/bootstrap-dark.scss +1 -1
  84. package/styles/splitter/bootstrap.scss +1 -1
  85. package/styles/splitter/bootstrap4.scss +1 -1
  86. package/styles/splitter/bootstrap5-dark.scss +1 -1
  87. package/styles/splitter/bootstrap5.scss +1 -1
  88. package/styles/splitter/fabric-dark.scss +1 -1
  89. package/styles/splitter/fabric.scss +1 -1
  90. package/styles/splitter/fluent-dark.scss +1 -1
  91. package/styles/splitter/fluent.scss +1 -1
  92. package/styles/splitter/highcontrast-light.scss +1 -1
  93. package/styles/splitter/highcontrast.scss +1 -1
  94. package/styles/splitter/material-dark.css +0 -1
  95. package/styles/splitter/material-dark.scss +1 -1
  96. package/styles/splitter/material.css +0 -1
  97. package/styles/splitter/material.scss +1 -1
  98. package/styles/splitter/material3-dark.css +0 -1
  99. package/styles/splitter/material3-dark.scss +1 -1
  100. package/styles/splitter/material3.css +0 -1
  101. package/styles/splitter/material3.scss +1 -1
  102. package/styles/splitter/tailwind-dark.css +0 -1
  103. package/styles/splitter/tailwind-dark.scss +1 -1
  104. package/styles/splitter/tailwind.css +0 -1
  105. package/styles/splitter/tailwind.scss +1 -1
  106. package/styles/tailwind-dark.css +0 -4
  107. package/styles/tailwind.css +0 -4
package/CHANGELOG.md CHANGED
@@ -2,52 +2,6 @@
2
2
 
3
3
  ## [Unreleased]
4
4
 
5
- ### Splitter
6
-
7
- #### Bug Fixes
8
-
9
- - `#I483293` - Fixed memory leak issue in Splitter component.
10
-
11
- ## 22.1.37 (2023-07-04)
12
-
13
- ### Splitter
14
-
15
- #### Bug Fixes
16
-
17
- - `#I466016` - The issue with "The Horizontal pane does not retain its size when the window is resized" has been resolved.
18
-
19
- - `#I466016` - The issue with "When including pane background colour, the Splitter resize button disappears" has been resolved.
20
-
21
- ## 22.1.36 (2023-06-28)
22
-
23
- ### Dashboard Layout
24
-
25
- #### Bug Fixes
26
-
27
- - `#I474181` - The issue with Dashboard Layout component while setting panels in row 1 and none at row 0 has been resolved.
28
-
29
- ## 21.2.9 (2023-06-06)
30
-
31
- ### Dashboard Layout
32
-
33
- #### Bug Fixes
34
-
35
- - `#F182339` - Resolved the panel overlapping issue, when resize it after continuously performing drag and drop actions in Dashboard Layout component.
36
-
37
- ### Splitter
38
-
39
- #### Bug Fixes
40
-
41
- - `#I463883` - The issue of "updating the pane setting dynamically with the same value despite manually resizing the pane" has been resolved.
42
-
43
- ## 21.2.6 (2023-05-23)
44
-
45
- ### Splitter
46
-
47
- #### Bug Fixes
48
-
49
- - `#I451526` - The issue with the "Pane resizing would not works properly" has been resolved.
50
-
51
5
  ## 20.4.48 (2023-02-01)
52
6
 
53
7
  ### Splitter
@@ -1,7 +1,7 @@
1
1
  /*!
2
2
  * filename: ej2-layouts.min.js
3
- * version : 22.2.9
4
- * Copyright Syncfusion Inc. 2001 - 2020. All rights reserved.
3
+ * version : 23.2.4
4
+ * Copyright Syncfusion Inc. 2001 - 2023. 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
7
7
  * licensing@syncfusion.com. Any infringement will be prosecuted under
@@ -1,7 +1,7 @@
1
1
  /*!
2
2
  * filename: ej2-layouts.umd.min.js
3
- * version : 22.2.9
4
- * Copyright Syncfusion Inc. 2001 - 2020. All rights reserved.
3
+ * version : 23.2.4
4
+ * Copyright Syncfusion Inc. 2001 - 2023. 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
7
7
  * licensing@syncfusion.com. Any infringement will be prosecuted under
@@ -1,7 +1,7 @@
1
1
  /*!
2
2
  * filename: ej2-layouts.min.js
3
- * version : 22.2.9
4
- * Copyright Syncfusion Inc. 2001 - 2020. All rights reserved.
3
+ * version : 23.2.4
4
+ * Copyright Syncfusion Inc. 2001 - 2023. 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
7
7
  * licensing@syncfusion.com. Any infringement will be prosecuted under
@@ -1,7 +1,7 @@
1
1
  /*!
2
2
  * filename: index.d.ts
3
- * version : 22.2.9
4
- * Copyright Syncfusion Inc. 2001 - 2020. All rights reserved.
3
+ * version : 23.2.4
4
+ * Copyright Syncfusion Inc. 2001 - 2023. 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
7
7
  * licensing@syncfusion.com. Any infringement will be prosecuted under
package/package.json CHANGED
@@ -1,8 +1,8 @@
1
1
  {
2
2
  "_from": "@syncfusion/ej2-layouts@*",
3
- "_id": "@syncfusion/ej2-layouts@22.2.5",
3
+ "_id": "@syncfusion/ej2-layouts@23.1.36",
4
4
  "_inBundle": false,
5
- "_integrity": "sha512-OyzO8/MzGX/g6C1gh1Uki6PyZbPS4lTonTHV6x1VbHITpv5lqHxonC26N1chcfAh0nAoBABb8To0CK+Mn9nCzQ==",
5
+ "_integrity": "sha512-R6V0KqVPvc/pYqXIeii65ZCZ9fjjmuq5v3shneY50YCzgX+qtClvjpqMfy9+9lD1LXbiu0pItf1pjfumS162Hg==",
6
6
  "_location": "/@syncfusion/ej2-layouts",
7
7
  "_phantomChildren": {},
8
8
  "_requested": {
@@ -23,20 +23,19 @@
23
23
  "/@syncfusion/ej2-filemanager",
24
24
  "/@syncfusion/ej2-gantt",
25
25
  "/@syncfusion/ej2-kanban",
26
- "/@syncfusion/ej2-pdfviewer",
27
26
  "/@syncfusion/ej2-react-layouts",
28
27
  "/@syncfusion/ej2-vue-layouts"
29
28
  ],
30
- "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-layouts/-/ej2-layouts-22.2.5.tgz",
31
- "_shasum": "64a543608955308497163760cc8143318e769909",
29
+ "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-layouts/-/ej2-layouts-23.1.36.tgz",
30
+ "_shasum": "343fcd7d05fa9b7f97936fa810fb4a307715eef3",
32
31
  "_spec": "@syncfusion/ej2-layouts@*",
33
- "_where": "/jenkins/workspace/elease-automation_release_21.1.1/packages/included",
32
+ "_where": "/jenkins/workspace/elease-automation_release_23.1.1/packages/included",
34
33
  "author": {
35
34
  "name": "Syncfusion Inc."
36
35
  },
37
36
  "bundleDependencies": false,
38
37
  "dependencies": {
39
- "@syncfusion/ej2-base": "~22.2.9"
38
+ "@syncfusion/ej2-base": "~23.2.4"
40
39
  },
41
40
  "deprecated": false,
42
41
  "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.",
@@ -76,7 +75,7 @@
76
75
  "url": "https://github.com/syncfusion/ej2-javascript-ui-controls/tree/master/controls/layouts"
77
76
  },
78
77
  "typings": "index.d.ts",
79
- "version": "22.2.9",
78
+ "version": "23.2.4",
80
79
  "sideEffects": false,
81
80
  "homepage": "https://www.syncfusion.com/javascript-ui-controls"
82
81
  }
@@ -23,7 +23,7 @@ export interface PanelModel {
23
23
 
24
24
  /**
25
25
  * Defines the template value that should be displayed as the panel's header.
26
- *
26
+ *
27
27
  * @aspType string
28
28
  */
29
29
  header?: string | HTMLElement | Function;
@@ -1,3 +1,3 @@
1
- @import 'ej2-base/styles/bootstrap-dark-definition.scss';
1
+ @import 'ej2-base/styles/definition/bootstrap-dark.scss';
2
2
  @import 'bootstrap-dark-definition.scss';
3
3
  @import 'all.scss';
@@ -1,3 +1,3 @@
1
- @import 'ej2-base/styles/bootstrap-definition.scss';
1
+ @import 'ej2-base/styles/definition/bootstrap.scss';
2
2
  @import 'bootstrap-definition.scss';
3
3
  @import 'all.scss';
@@ -1,3 +1,3 @@
1
- @import 'ej2-base/styles/bootstrap4-definition.scss';
1
+ @import 'ej2-base/styles/definition/bootstrap4.scss';
2
2
  @import 'bootstrap4-definition.scss';
3
3
  @import 'all.scss';
@@ -1,3 +1,3 @@
1
- @import 'ej2-base/styles/bootstrap5-dark-definition.scss';
1
+ @import 'ej2-base/styles/definition/bootstrap5-dark.scss';
2
2
  @import 'bootstrap5-dark-definition.scss';
3
3
  @import 'all.scss';
@@ -1,3 +1,3 @@
1
- @import 'ej2-base/styles/bootstrap5-definition.scss';
1
+ @import 'ej2-base/styles/definition/bootstrap5.scss';
2
2
  @import 'bootstrap5-definition.scss';
3
3
  @import 'all.scss';
@@ -1,3 +1,3 @@
1
- @import 'ej2-base/styles/fabric-dark-definition.scss';
1
+ @import 'ej2-base/styles/definition/fabric-dark.scss';
2
2
  @import 'fabric-dark-definition.scss';
3
3
  @import 'all.scss';
@@ -1,3 +1,3 @@
1
- @import 'ej2-base/styles/fabric-definition.scss';
1
+ @import 'ej2-base/styles/definition/fabric.scss';
2
2
  @import 'fabric-definition.scss';
3
3
  @import 'all.scss';
@@ -1,3 +1,3 @@
1
- @import 'ej2-base/styles/fluent-dark-definition.scss';
1
+ @import 'ej2-base/styles/definition/fluent-dark.scss';
2
2
  @import 'fluent-dark-definition.scss';
3
3
  @import 'all.scss';
@@ -1,3 +1,3 @@
1
- @import 'ej2-base/styles/fluent-definition.scss';
1
+ @import 'ej2-base/styles/definition/fluent.scss';
2
2
  @import 'fluent-definition.scss';
3
3
  @import 'all.scss';
@@ -1,3 +1,3 @@
1
- @import 'ej2-base/styles/highcontrast-light-definition.scss';
1
+ @import 'ej2-base/styles/definition/highcontrast-light.scss';
2
2
  @import 'highcontrast-light-definition.scss';
3
3
  @import 'all.scss';
@@ -1,3 +1,3 @@
1
- @import 'ej2-base/styles/highcontrast-definition.scss';
1
+ @import 'ej2-base/styles/definition/highcontrast.scss';
2
2
  @import 'highcontrast-definition.scss';
3
3
  @import 'all.scss';
@@ -1,4 +1,3 @@
1
- @import url("https://fonts.googleapis.com/css?family=Roboto:400,500");
2
1
  .e-avatar {
3
2
  -ms-flex-line-pack: center;
4
3
  align-content: center;
@@ -1,3 +1,3 @@
1
- @import 'ej2-base/styles/material-dark-definition.scss';
1
+ @import 'ej2-base/styles/definition/material-dark.scss';
2
2
  @import 'material-dark-definition.scss';
3
3
  @import 'all.scss';
@@ -1,4 +1,3 @@
1
- @import url("https://fonts.googleapis.com/css?family=Roboto:400,500");
2
1
  .e-avatar {
3
2
  -ms-flex-line-pack: center;
4
3
  align-content: center;
@@ -1,3 +1,3 @@
1
- @import 'ej2-base/styles/material-definition.scss';
1
+ @import 'ej2-base/styles/definition/material.scss';
2
2
  @import 'material-definition.scss';
3
3
  @import 'all.scss';
@@ -1,4 +1,3 @@
1
- @import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,900&display=swap");
2
1
  :root {
3
2
  --color-sf-black: 0, 0, 0;
4
3
  --color-sf-white: 255, 255, 255;
@@ -1,4 +1,4 @@
1
- @import 'ej2-base/styles/material3-dark-definition.scss';
1
+
2
2
 
3
3
  @import 'material3-dark-definition.scss';
4
4
  @import 'all.scss';
@@ -1,4 +1,3 @@
1
- @import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,900&display=swap");
2
1
  :root {
3
2
  --color-sf-black: 0, 0, 0;
4
3
  --color-sf-white: 255, 255, 255;
@@ -1,4 +1,4 @@
1
- @import 'ej2-base/styles/material3-definition.scss';
1
+
2
2
 
3
3
  @import 'material3-definition.scss';
4
4
  @import 'all.scss';
@@ -1,4 +1,3 @@
1
- @import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
2
1
  .e-avatar {
3
2
  -ms-flex-line-pack: center;
4
3
  align-content: center;
@@ -1,3 +1,3 @@
1
- @import 'ej2-base/styles/tailwind-dark-definition.scss';
1
+ @import 'ej2-base/styles/definition/tailwind-dark.scss';
2
2
  @import 'tailwind-dark-definition.scss';
3
3
  @import 'all.scss';
@@ -1,4 +1,3 @@
1
- @import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
2
1
  .e-avatar {
3
2
  -ms-flex-line-pack: center;
4
3
  align-content: center;
@@ -1,3 +1,3 @@
1
- @import 'ej2-base/styles/tailwind-definition.scss';
1
+ @import 'ej2-base/styles/definition/tailwind.scss';
2
2
  @import 'tailwind-definition.scss';
3
3
  @import 'all.scss';
@@ -1,3 +1,3 @@
1
- @import 'ej2-base/styles/bootstrap-dark-definition.scss';
1
+ @import 'ej2-base/styles/definition/bootstrap-dark.scss';
2
2
  @import 'bootstrap-dark-definition.scss';
3
3
  @import 'all.scss';
@@ -1,3 +1,3 @@
1
- @import 'ej2-base/styles/bootstrap-definition.scss';
1
+ @import 'ej2-base/styles/definition/bootstrap.scss';
2
2
  @import 'bootstrap-definition.scss';
3
3
  @import 'all.scss';
@@ -1,3 +1,3 @@
1
- @import 'ej2-base/styles/bootstrap4-definition.scss';
1
+ @import 'ej2-base/styles/definition/bootstrap4.scss';
2
2
  @import 'bootstrap4-definition.scss';
3
3
  @import 'all.scss';
@@ -1,3 +1,3 @@
1
- @import 'ej2-base/styles/bootstrap5-dark-definition.scss';
1
+ @import 'ej2-base/styles/definition/bootstrap5-dark.scss';
2
2
  @import 'bootstrap5-dark-definition.scss';
3
3
  @import 'all.scss';
@@ -1,3 +1,3 @@
1
- @import 'ej2-base/styles/bootstrap5-definition.scss';
1
+ @import 'ej2-base/styles/definition/bootstrap5.scss';
2
2
  @import 'bootstrap5-definition.scss';
3
3
  @import 'all.scss';
@@ -1,3 +1,3 @@
1
- @import 'ej2-base/styles/fabric-dark-definition.scss';
1
+ @import 'ej2-base/styles/definition/fabric-dark.scss';
2
2
  @import 'fabric-dark-definition.scss';
3
3
  @import 'all.scss';
@@ -1,3 +1,3 @@
1
- @import 'ej2-base/styles/fabric-definition.scss';
1
+ @import 'ej2-base/styles/definition/fabric.scss';
2
2
  @import 'fabric-definition.scss';
3
3
  @import 'all.scss';
@@ -1,3 +1,3 @@
1
- @import 'ej2-base/styles/fluent-dark-definition.scss';
1
+ @import 'ej2-base/styles/definition/fluent-dark.scss';
2
2
  @import 'fluent-dark-definition.scss';
3
3
  @import 'all.scss';
@@ -1,3 +1,3 @@
1
- @import 'ej2-base/styles/fluent-definition.scss';
1
+ @import 'ej2-base/styles/definition/fluent.scss';
2
2
  @import 'fluent-definition.scss';
3
3
  @import 'all.scss';
@@ -1,3 +1,3 @@
1
- @import 'ej2-base/styles/highcontrast-light-definition.scss';
1
+ @import 'ej2-base/styles/definition/highcontrast-light.scss';
2
2
  @import 'highcontrast-light-definition.scss';
3
3
  @import 'all.scss';
@@ -1,3 +1,3 @@
1
- @import 'ej2-base/styles/highcontrast-definition.scss';
1
+ @import 'ej2-base/styles/definition/highcontrast.scss';
2
2
  @import 'highcontrast-definition.scss';
3
3
  @import 'all.scss';
@@ -1,4 +1,3 @@
1
- @import url("https://fonts.googleapis.com/css?family=Roboto:400,500");
2
1
  /*! component's default definitions and variables */
3
2
  /*! component's theme wise override material-definitions and variables */
4
3
  /*! card layout */
@@ -1,3 +1,3 @@
1
- @import 'ej2-base/styles/material-dark-definition.scss';
1
+ @import 'ej2-base/styles/definition/material-dark.scss';
2
2
  @import 'material-dark-definition.scss';
3
3
  @import 'all.scss';
@@ -1,4 +1,3 @@
1
- @import url("https://fonts.googleapis.com/css?family=Roboto:400,500");
2
1
  /*! component's theme wise override material-definitions and variables */
3
2
  /*! card layout */
4
3
  .e-bigger .e-card,
@@ -1,3 +1,3 @@
1
- @import 'ej2-base/styles/material-definition.scss';
1
+ @import 'ej2-base/styles/definition/material.scss';
2
2
  @import 'material-definition.scss';
3
3
  @import 'all.scss';
@@ -1,4 +1,3 @@
1
- @import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,900&display=swap");
2
1
  :root {
3
2
  --color-sf-black: 0, 0, 0;
4
3
  --color-sf-white: 255, 255, 255;
@@ -1,4 +1,4 @@
1
- @import 'ej2-base/styles/material3-dark-definition.scss';
1
+
2
2
 
3
3
  @import 'material3-dark-definition.scss';
4
4
  @import 'all.scss';
@@ -1,4 +1,3 @@
1
- @import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,900&display=swap");
2
1
  :root {
3
2
  --color-sf-black: 0, 0, 0;
4
3
  --color-sf-white: 255, 255, 255;
@@ -1,4 +1,4 @@
1
- @import 'ej2-base/styles/material3-definition.scss';
1
+
2
2
 
3
3
  @import 'material3-definition.scss';
4
4
  @import 'all.scss';
@@ -1,4 +1,3 @@
1
- @import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
2
1
  /*! card layout */
3
2
  .e-bigger .e-card,
4
3
  .e-bigger.e-card {
@@ -1,3 +1,3 @@
1
- @import 'ej2-base/styles/tailwind-dark-definition.scss';
1
+ @import 'ej2-base/styles/definition/tailwind-dark.scss';
2
2
  @import 'tailwind-dark-definition.scss';
3
3
  @import 'all.scss';
@@ -1,4 +1,3 @@
1
- @import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
2
1
  /*! card layout */
3
2
  .e-bigger .e-card,
4
3
  .e-bigger.e-card {
@@ -1,3 +1,3 @@
1
- @import 'ej2-base/styles/tailwind-definition.scss';
1
+ @import 'ej2-base/styles/definition/tailwind.scss';
2
2
  @import 'tailwind-definition.scss';
3
3
  @import 'all.scss';
@@ -1,4 +1,4 @@
1
- @import 'ej2-base/styles/bootstrap-dark-definition.scss';
1
+ @import 'ej2-base/styles/definition/bootstrap-dark.scss';
2
2
  @import 'bootstrap-dark-definition.scss';
3
3
  @import 'icons/bootstrap-dark.scss';
4
4
  @import 'all.scss';
@@ -1,4 +1,4 @@
1
- @import 'ej2-base/styles/bootstrap-definition.scss';
1
+ @import 'ej2-base/styles/definition/bootstrap.scss';
2
2
  @import 'bootstrap-definition.scss';
3
3
  @import 'icons/bootstrap.scss';
4
4
  @import 'all.scss';
@@ -1,4 +1,4 @@
1
- @import 'ej2-base/styles/bootstrap4-definition.scss';
1
+ @import 'ej2-base/styles/definition/bootstrap4.scss';
2
2
  @import 'bootstrap4-definition.scss';
3
3
  @import 'icons/bootstrap4.scss';
4
4
  @import 'all.scss';
@@ -1,4 +1,4 @@
1
- @import 'ej2-base/styles/bootstrap5-dark-definition.scss';
1
+ @import 'ej2-base/styles/definition/bootstrap5-dark.scss';
2
2
  @import 'bootstrap5-dark-definition.scss';
3
3
  @import 'icons/bootstrap5-dark.scss';
4
4
  @import 'all.scss';
@@ -1,4 +1,4 @@
1
- @import 'ej2-base/styles/bootstrap5-definition.scss';
1
+ @import 'ej2-base/styles/definition/bootstrap5.scss';
2
2
  @import 'bootstrap5-definition.scss';
3
3
  @import 'icons/bootstrap5.scss';
4
4
  @import 'all.scss';
@@ -1,4 +1,4 @@
1
- @import 'ej2-base/styles/fabric-dark-definition.scss';
1
+ @import 'ej2-base/styles/definition/fabric-dark.scss';
2
2
  @import 'fabric-dark-definition.scss';
3
3
  @import 'icons/fabric-dark.scss';
4
4
  @import 'all.scss';
@@ -1,4 +1,4 @@
1
- @import 'ej2-base/styles/fabric-definition.scss';
1
+ @import 'ej2-base/styles/definition/fabric.scss';
2
2
  @import 'fabric-definition.scss';
3
3
  @import 'icons/fabric.scss';
4
4
  @import 'all.scss';
@@ -1,4 +1,4 @@
1
- @import 'ej2-base/styles/fluent-dark-definition.scss';
1
+ @import 'ej2-base/styles/definition/fluent-dark.scss';
2
2
  @import 'fluent-dark-definition.scss';
3
3
  @import 'icons/fluent-dark.scss';
4
4
  @import 'all.scss';
@@ -1,4 +1,4 @@
1
- @import 'ej2-base/styles/fluent-definition.scss';
1
+ @import 'ej2-base/styles/definition/fluent.scss';
2
2
  @import 'fluent-definition.scss';
3
3
  @import 'icons/fluent.scss';
4
4
  @import 'all.scss';
@@ -1,3 +1,3 @@
1
- @import 'ej2-base/styles/highcontrast-light-definition.scss';
1
+ @import 'ej2-base/styles/definition/highcontrast-light.scss';
2
2
  @import 'highcontrast-light-definition.scss';
3
3
  @import 'all.scss';
@@ -1,4 +1,4 @@
1
- @import 'ej2-base/styles/highcontrast-definition.scss';
1
+ @import 'ej2-base/styles/definition/highcontrast.scss';
2
2
  @import 'highcontrast-definition.scss';
3
3
  @import 'icons/highcontrast.scss';
4
4
  @import 'all.scss';
@@ -1,4 +1,3 @@
1
- @import url("https://fonts.googleapis.com/css?family=Roboto:400,500");
2
1
  /*! component's theme wise override material-definitions and variables */
3
2
  /* stylelint-disable */
4
3
  .e-dashboardlayout.e-control .e-panel .e-resize.e-single.e-east, .e-dashboardlayout.e-control .e-panel .e-resize.e-double.e-east {
@@ -1,4 +1,4 @@
1
- @import 'ej2-base/styles/material-dark-definition.scss';
1
+ @import 'ej2-base/styles/definition/material-dark.scss';
2
2
  @import 'material-dark-definition.scss';
3
3
  @import 'icons/material-dark.scss';
4
4
  @import 'all.scss';
@@ -1,4 +1,3 @@
1
- @import url("https://fonts.googleapis.com/css?family=Roboto:400,500");
2
1
  /*! component's theme wise override material-definitions and variables */
3
2
  /* stylelint-disable */
4
3
  .e-dashboardlayout.e-control .e-panel .e-resize.e-single.e-east, .e-dashboardlayout.e-control .e-panel .e-resize.e-double.e-east {
@@ -1,4 +1,4 @@
1
- @import 'ej2-base/styles/material-definition.scss';
1
+ @import 'ej2-base/styles/definition/material.scss';
2
2
  @import 'material-definition.scss';
3
3
  @import 'icons/material.scss';
4
4
  @import 'all.scss';
@@ -1,4 +1,3 @@
1
- @import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,900&display=swap");
2
1
  :root {
3
2
  --color-sf-black: 0, 0, 0;
4
3
  --color-sf-white: 255, 255, 255;
@@ -1,4 +1,4 @@
1
- @import 'ej2-base/styles/material3-dark-definition.scss';
1
+
2
2
 
3
3
  @import 'material3-dark-definition.scss';
4
4
  @import 'icons/material3-dark.scss';
@@ -1,4 +1,3 @@
1
- @import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,900&display=swap");
2
1
  :root {
3
2
  --color-sf-black: 0, 0, 0;
4
3
  --color-sf-white: 255, 255, 255;
@@ -1,4 +1,4 @@
1
- @import 'ej2-base/styles/material3-definition.scss';
1
+
2
2
 
3
3
  @import 'material3-definition.scss';
4
4
  @import 'icons/material3.scss';
@@ -1,4 +1,3 @@
1
- @import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
2
1
  /*! component's theme wise override tailwind-definitions and variables */
3
2
  /* stylelint-disable */
4
3
  .e-dashboardlayout.e-control .e-panel .e-resize.e-single.e-east, .e-dashboardlayout.e-control .e-panel .e-resize.e-double.e-east {
@@ -1,4 +1,4 @@
1
- @import 'ej2-base/styles/tailwind-dark-definition.scss';
1
+ @import 'ej2-base/styles/definition/tailwind-dark.scss';
2
2
  @import 'tailwind-dark-definition.scss';
3
3
  @import 'icons/tailwind-dark.scss';
4
4
  @import 'all.scss';
@@ -1,4 +1,3 @@
1
- @import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
2
1
  /*! component's theme wise override tailwind-definitions and variables */
3
2
  /* stylelint-disable */
4
3
  .e-dashboardlayout.e-control .e-panel .e-resize.e-single.e-east, .e-dashboardlayout.e-control .e-panel .e-resize.e-double.e-east {
@@ -1,4 +1,4 @@
1
- @import 'ej2-base/styles/tailwind-definition.scss';
1
+ @import 'ej2-base/styles/definition/tailwind.scss';
2
2
  @import 'tailwind-definition.scss';
3
3
  @import 'icons/tailwind.scss';
4
4
  @import 'all.scss';
@@ -1,4 +1,3 @@
1
- @import url("https://fonts.googleapis.com/css?family=Roboto:400,500");
2
1
  .e-avatar {
3
2
  -ms-flex-line-pack: center;
4
3
  align-content: center;
@@ -1,4 +1,3 @@
1
- @import url("https://fonts.googleapis.com/css?family=Roboto:400,500");
2
1
  .e-avatar {
3
2
  -ms-flex-line-pack: center;
4
3
  align-content: center;
@@ -1,4 +1,3 @@
1
- @import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,900&display=swap");
2
1
  :root {
3
2
  --color-sf-black: 0, 0, 0;
4
3
  --color-sf-white: 255, 255, 255;
@@ -1,5 +1,5 @@
1
1
 
2
- @import 'ej2-base/styles/material3-dark-definition.scss';
2
+
3
3
  @import 'avatar/material3-dark.scss';
4
4
  @import 'card/material3-dark.scss';
5
5
  @import 'splitter/material3-dark.scss';
@@ -1,4 +1,3 @@
1
- @import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,900&display=swap");
2
1
  :root {
3
2
  --color-sf-black: 0, 0, 0;
4
3
  --color-sf-white: 255, 255, 255;
@@ -1,5 +1,5 @@
1
1
 
2
- @import 'ej2-base/styles/material3-definition.scss';
2
+
3
3
  @import 'avatar/material3.scss';
4
4
  @import 'card/material3.scss';
5
5
  @import 'splitter/material3.scss';
@@ -1,4 +1,4 @@
1
- @import 'ej2-base/styles/bootstrap-dark-definition.scss';
1
+ @import 'ej2-base/styles/definition/bootstrap-dark.scss';
2
2
  @import 'bootstrap-dark-definition.scss';
3
3
  @import 'icons/bootstrap-dark.scss';
4
4
  @import 'all.scss';
@@ -1,4 +1,4 @@
1
- @import 'ej2-base/styles/bootstrap-definition.scss';
1
+ @import 'ej2-base/styles/definition/bootstrap.scss';
2
2
  @import 'bootstrap-definition.scss';
3
3
  @import 'icons/bootstrap.scss';
4
4
  @import 'all.scss';
@@ -1,4 +1,4 @@
1
- @import 'ej2-base/styles/bootstrap4-definition.scss';
1
+ @import 'ej2-base/styles/definition/bootstrap4.scss';
2
2
  @import 'bootstrap4-definition.scss';
3
3
  @import 'icons/bootstrap4.scss';
4
4
  @import 'all.scss';
@@ -1,4 +1,4 @@
1
- @import 'ej2-base/styles/bootstrap5-dark-definition.scss';
1
+ @import 'ej2-base/styles/definition/bootstrap5-dark.scss';
2
2
  @import 'bootstrap5-dark-definition.scss';
3
3
  @import 'icons/bootstrap5-dark.scss';
4
4
  @import 'all.scss';
@@ -1,4 +1,4 @@
1
- @import 'ej2-base/styles/bootstrap5-definition.scss';
1
+ @import 'ej2-base/styles/definition/bootstrap5.scss';
2
2
  @import 'bootstrap5-definition.scss';
3
3
  @import 'icons/bootstrap5.scss';
4
4
  @import 'all.scss';
@@ -1,4 +1,4 @@
1
- @import 'ej2-base/styles/fabric-dark-definition.scss';
1
+ @import 'ej2-base/styles/definition/fabric-dark.scss';
2
2
  @import 'fabric-dark-definition.scss';
3
3
  @import 'icons/fabric-dark.scss';
4
4
  @import 'all.scss';
@@ -1,4 +1,4 @@
1
- @import 'ej2-base/styles/fabric-definition.scss';
1
+ @import 'ej2-base/styles/definition/fabric.scss';
2
2
  @import 'fabric-definition.scss';
3
3
  @import 'icons/fabric.scss';
4
4
  @import 'all.scss';
@@ -1,4 +1,4 @@
1
- @import 'ej2-base/styles/fluent-dark-definition.scss';
1
+ @import 'ej2-base/styles/definition/fluent-dark.scss';
2
2
  @import 'fluent-dark-definition.scss';
3
3
  @import 'icons/fluent-dark.scss';
4
4
  @import 'all.scss';
@@ -1,4 +1,4 @@
1
- @import 'ej2-base/styles/fluent-definition.scss';
1
+ @import 'ej2-base/styles/definition/fluent.scss';
2
2
  @import 'fluent-definition.scss';
3
3
  @import 'icons/fluent.scss';
4
4
  @import 'all.scss';
@@ -1,4 +1,4 @@
1
- @import 'ej2-base/styles/highcontrast-light-definition.scss';
1
+ @import 'ej2-base/styles/definition/highcontrast-light.scss';
2
2
  @import 'highcontrast-light-definition.scss';
3
3
  @import 'icons/highcontrast-light.scss';
4
4
  @import 'all.scss';
@@ -1,4 +1,4 @@
1
- @import 'ej2-base/styles/highcontrast-definition.scss';
1
+ @import 'ej2-base/styles/definition/highcontrast.scss';
2
2
  @import 'highcontrast-definition.scss';
3
3
  @import 'icons/highcontrast.scss';
4
4
  @import 'all.scss';
@@ -1,4 +1,3 @@
1
- @import url("https://fonts.googleapis.com/css?family=Roboto:400,500");
2
1
  .e-splitter .e-split-bar.e-split-bar-horizontal .e-resize-handler::before {
3
2
  content: "\e984";
4
3
  font-family: "e-icons";
@@ -1,4 +1,4 @@
1
- @import 'ej2-base/styles/material-dark-definition.scss';
1
+ @import 'ej2-base/styles/definition/material-dark.scss';
2
2
  @import 'material-dark-definition.scss';
3
3
  @import 'icons/material-dark.scss';
4
4
  @import 'all.scss';
@@ -1,4 +1,3 @@
1
- @import url("https://fonts.googleapis.com/css?family=Roboto:400,500");
2
1
  /*! component's default definitions and variables */
3
2
  .e-splitter .e-split-bar.e-split-bar-horizontal .e-resize-handler::before {
4
3
  content: "\e984";
@@ -1,4 +1,4 @@
1
- @import 'ej2-base/styles/material-definition.scss';
1
+ @import 'ej2-base/styles/definition/material.scss';
2
2
  @import 'material-definition.scss';
3
3
  @import 'icons/material.scss';
4
4
  @import 'all.scss';
@@ -1,4 +1,3 @@
1
- @import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,900&display=swap");
2
1
  :root {
3
2
  --color-sf-black: 0, 0, 0;
4
3
  --color-sf-white: 255, 255, 255;
@@ -1,4 +1,4 @@
1
- @import 'ej2-base/styles/material3-dark-definition.scss';
1
+
2
2
 
3
3
  @import 'material3-dark-definition.scss';
4
4
  @import 'icons/material3-dark.scss';
@@ -1,4 +1,3 @@
1
- @import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,900&display=swap");
2
1
  :root {
3
2
  --color-sf-black: 0, 0, 0;
4
3
  --color-sf-white: 255, 255, 255;
@@ -1,4 +1,4 @@
1
- @import 'ej2-base/styles/material3-definition.scss';
1
+
2
2
 
3
3
  @import 'material3-definition.scss';
4
4
  @import 'icons/material3.scss';
@@ -1,4 +1,3 @@
1
- @import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
2
1
  .e-splitter .e-split-bar.e-split-bar-horizontal .e-resize-handler::before {
3
2
  content: "\e7e3";
4
3
  font-family: "e-icons";
@@ -1,4 +1,4 @@
1
- @import 'ej2-base/styles/tailwind-dark-definition.scss';
1
+ @import 'ej2-base/styles/definition/tailwind-dark.scss';
2
2
  @import 'tailwind-dark-definition.scss';
3
3
  @import 'icons/tailwind-dark.scss';
4
4
  @import 'all.scss';
@@ -1,4 +1,3 @@
1
- @import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
2
1
  .e-splitter .e-split-bar.e-split-bar-horizontal .e-resize-handler::before {
3
2
  content: "\e7e3";
4
3
  font-family: "e-icons";
@@ -1,4 +1,4 @@
1
- @import 'ej2-base/styles/tailwind-definition.scss';
1
+ @import 'ej2-base/styles/definition/tailwind.scss';
2
2
  @import 'tailwind-definition.scss';
3
3
  @import 'icons/tailwind.scss';
4
4
  @import 'all.scss';
@@ -1,7 +1,3 @@
1
- @import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
2
- @import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
3
- @import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
4
- @import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
5
1
  .e-avatar {
6
2
  -ms-flex-line-pack: center;
7
3
  align-content: center;
@@ -1,7 +1,3 @@
1
- @import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
2
- @import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
3
- @import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
4
- @import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
5
1
  .e-avatar {
6
2
  -ms-flex-line-pack: center;
7
3
  align-content: center;