@syncfusion/ej2-react-layouts 20.2.45 → 20.3.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 (64) hide show
  1. package/CHANGELOG.md +24 -31
  2. package/dist/ej2-react-layouts.min.js +10 -0
  3. package/dist/ej2-react-layouts.umd.min.js +1 -1
  4. package/package.json +8 -8
  5. package/styles/bootstrap-dark.css +11 -9
  6. package/styles/bootstrap.css +11 -9
  7. package/styles/bootstrap4.css +11 -9
  8. package/styles/bootstrap5-dark.css +11 -9
  9. package/styles/bootstrap5.css +11 -9
  10. package/styles/card/bootstrap-dark.css +5 -4
  11. package/styles/card/bootstrap.css +5 -4
  12. package/styles/card/bootstrap4.css +5 -4
  13. package/styles/card/bootstrap5-dark.css +5 -4
  14. package/styles/card/bootstrap5.css +5 -4
  15. package/styles/card/fabric-dark.css +5 -4
  16. package/styles/card/fabric.css +5 -4
  17. package/styles/card/fluent-dark.css +5 -4
  18. package/styles/card/fluent.css +5 -4
  19. package/styles/card/highcontrast-light.css +5 -4
  20. package/styles/card/highcontrast.css +5 -4
  21. package/styles/card/material-dark.css +5 -4
  22. package/styles/card/material.css +5 -4
  23. package/styles/card/tailwind-dark.css +3 -6
  24. package/styles/card/tailwind.css +3 -6
  25. package/styles/dashboard-layout/bootstrap-dark.css +1 -0
  26. package/styles/dashboard-layout/bootstrap.css +1 -0
  27. package/styles/dashboard-layout/bootstrap4.css +1 -0
  28. package/styles/dashboard-layout/bootstrap5-dark.css +1 -0
  29. package/styles/dashboard-layout/bootstrap5.css +1 -0
  30. package/styles/dashboard-layout/fabric-dark.css +1 -0
  31. package/styles/dashboard-layout/fabric.css +1 -0
  32. package/styles/dashboard-layout/fluent-dark.css +1 -0
  33. package/styles/dashboard-layout/fluent.css +1 -0
  34. package/styles/dashboard-layout/highcontrast-light.css +1 -0
  35. package/styles/dashboard-layout/highcontrast.css +1 -0
  36. package/styles/dashboard-layout/material-dark.css +1 -0
  37. package/styles/dashboard-layout/material.css +1 -0
  38. package/styles/dashboard-layout/tailwind-dark.css +1 -0
  39. package/styles/dashboard-layout/tailwind.css +1 -0
  40. package/styles/fabric-dark.css +11 -9
  41. package/styles/fabric.css +11 -9
  42. package/styles/fluent-dark.css +11 -9
  43. package/styles/fluent.css +11 -9
  44. package/styles/highcontrast-light.css +11 -9
  45. package/styles/highcontrast.css +11 -9
  46. package/styles/material-dark.css +11 -9
  47. package/styles/material.css +11 -9
  48. package/styles/splitter/bootstrap-dark.css +7 -5
  49. package/styles/splitter/bootstrap.css +7 -5
  50. package/styles/splitter/bootstrap4.css +7 -5
  51. package/styles/splitter/bootstrap5-dark.css +7 -5
  52. package/styles/splitter/bootstrap5.css +7 -5
  53. package/styles/splitter/fabric-dark.css +7 -5
  54. package/styles/splitter/fabric.css +7 -5
  55. package/styles/splitter/fluent-dark.css +7 -5
  56. package/styles/splitter/fluent.css +7 -5
  57. package/styles/splitter/highcontrast-light.css +7 -5
  58. package/styles/splitter/highcontrast.css +7 -5
  59. package/styles/splitter/material-dark.css +7 -5
  60. package/styles/splitter/material.css +7 -5
  61. package/styles/splitter/tailwind-dark.css +7 -5
  62. package/styles/splitter/tailwind.css +7 -5
  63. package/styles/tailwind-dark.css +9 -11
  64. package/styles/tailwind.css +9 -11
package/CHANGELOG.md CHANGED
@@ -2,6 +2,14 @@
2
2
 
3
3
  ## [Unreleased]
4
4
 
5
+ ## 20.2.46 (2022-08-30)
6
+
7
+ ### Dashboard Layout
8
+
9
+ #### Bug Fixes
10
+
11
+ - `#I396820` - The issue with "minSizeX and minSizeY properties not working while using cellSpacing in Dashboard Layout component" has been resolved.
12
+
5
13
  ## 20.2.39 (2022-07-19)
6
14
 
7
15
  ### Dashboard Layout
@@ -55,7 +63,6 @@
55
63
  ### Splitter
56
64
 
57
65
  - Provided `enablePersistence` property to persists the component's state between page reloads.
58
-
59
66
  - Provided `enableReversePanes` property to reorder the splitter panes.
60
67
 
61
68
  ## 19.1.58 (2021-04-27)
@@ -81,7 +88,6 @@
81
88
  #### Bug Fixes
82
89
 
83
90
  - `#312164` - The issue with "Newly added dashboard panels hide while switch between mobile mode to normal mode" has been resolved.
84
-
85
91
  - `#310199` - The issue "Unable to resize when rendering multiple panels" has been resolved.
86
92
 
87
93
  ### Splitter
@@ -89,7 +95,6 @@
89
95
  #### Bug Fixes
90
96
 
91
97
  - `#315820, #313937, #316711` - The issue with "Console error occurs on resizing when the splitter is rendered" has been resolved.
92
-
93
98
  - `#F163365` - The issue with "When the first pane is collapsed, the size of the second pane is not properly set" has been resolved.
94
99
 
95
100
  ## 18.4.30 (2020-12-17)
@@ -99,7 +104,6 @@
99
104
  #### Bug Fixes
100
105
 
101
106
  - `F159402` - The issue with "The Syncfusion components are not rendered inside the Dashboard Layout while using the selector template" has been resolved.
102
-
103
107
  - `F159797` - Now, the Dashboard Layout component is also available in the Theme studio.
104
108
 
105
109
  ## 18.3.53 (2020-12-08)
@@ -141,9 +145,7 @@
141
145
  #### Bug Fixes
142
146
 
143
147
  - `#284795, #286988, #291408, #291630` - The issue with rendering panels when using angular template has been fixed.
144
-
145
148
  - `#282904` - The issue with the empty space while setting allowFloating as true has been resolved.
146
-
147
149
  - `#271335` - The support for rendering panels with their respective column size in the mobile view has been provided.
148
150
 
149
151
  ## 18.2.58 (2020-09-15)
@@ -160,7 +162,7 @@
160
162
 
161
163
  #### Bug Fixes
162
164
 
163
- - `#278405` - Issue with Dashboard element dimensions not updated properly based on the parent element dimensions has been resolved.
165
+ - `#278405` - Issue with Dashboard element dimensions not updated properly based on the parent element dimensions has been resolved.
164
166
 
165
167
  ## 18.2.44 (2020-07-07)
166
168
 
@@ -168,7 +170,7 @@
168
170
 
169
171
  #### Bug Fixes
170
172
 
171
- - `#276817` - Panel content will now get persisted on page reload with persistence enabled.
173
+ - `#276817` - Panel content will now get persisted on page reload with persistence enabled.
172
174
 
173
175
  ## 18.1.52 (2020-05-13)
174
176
 
@@ -176,14 +178,13 @@
176
178
 
177
179
  #### New Features
178
180
 
179
- - `#269881` - Provided support to restrict the dragging functionality of an individual panel by adding `e-drag-restrict` cssClass to the panel.
181
+ - `#269881` - Provided support to restrict the dragging functionality of an individual panel by adding `e-drag-restrict` cssClass to the panel.
180
182
 
181
183
  ### Splitter
182
184
 
183
185
  #### Bug Fixes
184
186
 
185
187
  - `#273127` - Resolved the issue "Splitter resizing does not work as expected in the internet explorer browser".
186
-
187
188
  - `F153749` - Issue with "Splitter expand and collapse action doesn't work as expected after the pane resize" has been resolved.
188
189
 
189
190
  ## 18.1.48 (2020-05-05)
@@ -210,6 +211,7 @@
210
211
 
211
212
  -`#272515`, `#F153399` - Resolved the issue with nested splitter resizing is not working properly.
212
213
 
214
+
213
215
  - Resolved the alignment issue with expand and collapse icons in the internet explorer browser.
214
216
 
215
217
  ## 18.1.44 (2020-04-14)
@@ -281,7 +283,6 @@
281
283
  #### Bug Fixes
282
284
 
283
285
  - `#261757` - The issue, "cssClass not set into pane when you add the pane using the addPane method" has been resolved.
284
-
285
286
  - `#261829` - Keyboard interaction issue with input components has been resolved.
286
287
 
287
288
  ## 17.4.44 (2021-01-21)
@@ -305,9 +306,7 @@
305
306
  #### Bug Fixes
306
307
 
307
308
  - `#255853` - Resolved the issue "Splitter resizing does not work as expected if it has an iframe element".
308
-
309
309
  - `#259892` - Resolved the issue "Splitter pane is not properly resized when it has percentage pane size".
310
-
311
310
  - `#258254` - Resolved the issue with the public method `addPane` that does not work when rendered a single pane.
312
311
 
313
312
  ## 17.4.41 (2020-01-07)
@@ -328,11 +327,11 @@
328
327
 
329
328
  - Provided `Keyboard navigation support` for splitter. The available keyboard shortcuts are,
330
329
 
331
- - `Up Arrow` - will move separator towards up in vertical splitter.
332
- - `Down Arrow` - will move separator towards down in vertical splitter.
333
- - `Right Arrow` - will move separator towards right in horizontal splitter.
334
- - `Left Arrow` - will move separator towards left in horizontal splitter.
335
- - `Enter key` - will toggle nearest collapsible pane of focused separator.
330
+ - `Up Arrow` - will move separator towards up in vertical splitter.
331
+ - `Down Arrow` - will move separator towards down in vertical splitter.
332
+ - `Right Arrow` - will move separator towards right in horizontal splitter.
333
+ - `Left Arrow` - will move separator towards left in horizontal splitter.
334
+ - `Enter key` - will toggle nearest collapsible pane of focused separator.
336
335
 
337
336
  ## 17.4.40 (2019-12-24)
338
337
 
@@ -363,7 +362,6 @@
363
362
  #### Bug Fixes
364
363
 
365
364
  - `#I255141` -Resolved the issue with separator's visible state when collapsible the last pane .
366
-
367
365
  - `#252195` - The alignment issue with expand and collapse icons in the internet explorer browser has been resolved.
368
366
 
369
367
  ## 17.3.28 (2019-11-19)
@@ -387,11 +385,8 @@
387
385
  #### Bug Fixes
388
386
 
389
387
  - `#253345` - The Console error thrown when navigating from splitter component to another page has been resolved.
390
-
391
388
  - `#252410` - Resolved the issue with collapsing panes when set `collapsed` property as true in Splitter.
392
-
393
389
  - `#252410` - Issue with `Expand` public method not working in the splitter has been resolved.
394
-
395
390
  - `#252410` - Resolved the interaction issue with expand and collapse pane.
396
391
 
397
392
  ## 17.2.48-beta (2019-08-28)
@@ -401,13 +396,9 @@
401
396
  #### Bug Fixes
402
397
 
403
398
  - `#241183` - Issue with "show the expand and collapse arrow on hovering middle of split bar" has been resolved.
404
-
405
399
  - `#242579` - Resolved the issue with "Split-bar rendering while change orientation dynamically"
406
-
407
400
  - `#243003` - Resolved the issue with enabling expand and collapse arrow based on collapsible property.
408
-
409
401
  - `#243007` - The issue "Collapsing and expanding splitter control does not return to original state" has been resolved.
410
-
411
402
  - `#244847` - The issue "Split panes are not resized properly on window resizing" has been resolved.
412
403
 
413
404
  ## 17.1.51 (2019-06-11)
@@ -492,6 +483,7 @@
492
483
 
493
484
  The DashboardLayout is a grid structured layout control that helps create a dashboard with panels. Panels hold the UI components and allow resize, reorder, drag-n-drop, remove and add options. This allows users to easily place the components at the desired position within the grid layout.
494
485
 
486
+
495
487
  - **Drag and Drop**: Allows drag and drop of panels at the desired location within the dashboard.
496
488
  - **Resizing**: Support to resize the panels in any direction as per the requirement.
497
489
  - **Floating**: Floats the panels upward when the dragging option is enabled.
@@ -512,7 +504,6 @@ The DashboardLayout is a grid structured layout control that helps create a dash
512
504
  #### New Features
513
505
 
514
506
  - Provided option to configure the splitter and its pane properties such as size, min, max, resizable through data attributes (`data-`).
515
-
516
507
  - Included the public methods for add and remove splitter panes.
517
508
 
518
509
  ## 16.4.40-beta (2018-12-10)
@@ -521,6 +512,7 @@ The DashboardLayout is a grid structured layout control that helps create a dash
521
512
 
522
513
  The Splitter is the layout user interface (UI) which contains multiple resizable panes and separator bar.
523
514
 
515
+
524
516
  - **Resizable**: By default, all the panes configured with resizable.
525
517
  - **Orientation**: The panes can be oriented horizontally and vertically.
526
518
  - **Nested**: Integrate splitter controls inside split pane to create nested layout.
@@ -532,20 +524,21 @@ The Splitter is the layout user interface (UI) which contains multiple resizable
532
524
 
533
525
  Avatars are icons or figures representing a particular person, used in popular media formats like images, SVG, font icons, and letters.
534
526
 
535
- - **Types** - Provided 2 types of Avatar.
536
527
 
528
+ - **Types** - Provided 2 types of Avatar.
537
529
  - **Sizes** - Supports different sizes to adapt the various application scenario.
538
530
 
539
531
  ### Card
540
532
 
541
533
  The Card is a small container in which user can show defined content in specific structure and it is a flexible and extensible. Card is a pure CSS component built with markup and style.
542
534
 
535
+
543
536
  The available key features are
544
537
 
545
- - **Header**: Header supports to include title, subtitle along with image.
546
538
 
539
+ - **Header**: Header supports to include title, subtitle along with image.
547
540
  - **Images and Title**: Support to include images with customizable caption positions in it.
548
-
549
541
  - **Action Buttons**: Supports to add buttons within the card either in vertical or horizontal alignment.
550
-
551
542
  - **Horizontal Card**: Allows to align card elements horizontally and also allows to stack the content vertically within horizontal alignment.
543
+
544
+
@@ -0,0 +1,10 @@
1
+ /*!
2
+ * filename: ej2-react-layouts.min.js
3
+ * version : 20.3.47
4
+ * Copyright Syncfusion Inc. 2001 - 2020. All rights reserved.
5
+ * Use of this code is subject to the terms of our license.
6
+ * A copy of the current license can be obtained at any time by e-mailing
7
+ * licensing@syncfusion.com. Any infringement will be prosecuted under
8
+ * applicable laws.
9
+ */
10
+ !function(t,n){"object"==typeof exports&&"object"==typeof module?module.exports=n(require("SyncfusionReactBase"),require("SyncfusionLayouts"),require("React")):"function"==typeof define&&define.amd?define(["SyncfusionReactBase","SyncfusionLayouts","React"],n):"object"==typeof exports?exports.SyncfusionReactLayouts=n(require("SyncfusionReactBase"),require("SyncfusionLayouts"),require("React")):t.SyncfusionReactLayouts=n(t.SyncfusionReactBase,t.SyncfusionLayouts,t.React)}(this,function(t,n,e){return function(t){function n(r){if(e[r])return e[r].exports;var o=e[r]={i:r,l:!1,exports:{}};return t[r].call(o.exports,o,o.exports,n),o.l=!0,o.exports}var e={};return n.m=t,n.c=e,n.i=function(t){return t},n.d=function(t,e,r){n.o(t,e)||Object.defineProperty(t,e,{configurable:!1,enumerable:!0,get:r})},n.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return n.d(e,"a",e),e},n.o=function(t,n){return Object.prototype.hasOwnProperty.call(t,n)},n.p="",n(n.s=7)}([function(n,e){n.exports=t},function(t,e){t.exports=n},function(t,n){t.exports=e},function(t,n,e){"use strict";var r=e(6);e.d(n,"a",function(){return r.a}),e.d(n,"b",function(){return r.b});var o=e(5);e.d(n,"c",function(){return o.a})},function(t,n,e){"use strict";var r=e(8);e.d(n,"a",function(){return r.a}),e.d(n,"b",function(){return r.b});var o=e(9);e.d(n,"c",function(){return o.a})},function(t,n,e){"use strict";e.d(n,"a",function(){return c});var r=e(2),o=(e.n(r),e(1)),i=(e.n(o),e(0)),u=(e.n(i),this&&this.__extends||function(){var t=function(n,e){return(t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,n){t.__proto__=n}||function(t,n){for(var e in n)n.hasOwnProperty(e)&&(t[e]=n[e])})(n,e)};return function(n,e){function r(){this.constructor=n}t(n,e),n.prototype=null===e?Object.create(e):(r.prototype=e.prototype,new r)}}()),c=function(t){function n(n){var e=t.call(this,n)||this;return e.initRenderCalled=!1,e.checkInjectedModules=!1,e.directivekeys={panels:"panel"},e.immediateRender=!1,e.portals=[],e}return u(n,t),n.prototype.render=function(){if(!(this.element&&!this.initRenderCalled||this.refreshing)||this.isReactForeceUpdate)return r.createElement("div",this.getDefaultAttributes(),[].concat(this.props.children,this.portals));t.prototype.render.call(this),this.initRenderCalled=!0},n}(o.DashboardLayout);e.i(i.applyMixins)(c,[i.ComponentBase,r.Component])},function(t,n,e){"use strict";e.d(n,"a",function(){return i}),e.d(n,"b",function(){return u});var r=e(0),o=(e.n(r),this&&this.__extends||function(){var t=function(n,e){return(t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,n){t.__proto__=n}||function(t,n){for(var e in n)n.hasOwnProperty(e)&&(t[e]=n[e])})(n,e)};return function(n,e){function r(){this.constructor=n}t(n,e),n.prototype=null===e?Object.create(e):(r.prototype=e.prototype,new r)}}()),i=function(t){function n(){return null!==t&&t.apply(this,arguments)||this}return o(n,t),n.moduleName="panel",n.complexTemplate={panelsHeader:"panels.header",panelsContent:"panels.content"},n}(r.ComplexBase),u=function(t){function n(){return null!==t&&t.apply(this,arguments)||this}return o(n,t),n.propertyName="panels",n.moduleName="panels",n}(r.ComplexBase)},function(t,n,e){"use strict";Object.defineProperty(n,"__esModule",{value:!0});var r=e(4);e.d(n,"PaneDirective",function(){return r.a}),e.d(n,"PanesDirective",function(){return r.b}),e.d(n,"SplitterComponent",function(){return r.c});var o=e(3);e.d(n,"PanelDirective",function(){return o.a}),e.d(n,"PanelsDirective",function(){return o.b}),e.d(n,"DashboardLayoutComponent",function(){return o.c});var i=e(1);e.n(i);for(var u in i)["PaneDirective","PanesDirective","SplitterComponent","PanelDirective","PanelsDirective","DashboardLayoutComponent","default"].indexOf(u)<0&&function(t){e.d(n,t,function(){return i[t]})}(u)},function(t,n,e){"use strict";e.d(n,"a",function(){return i}),e.d(n,"b",function(){return u});var r=e(0),o=(e.n(r),this&&this.__extends||function(){var t=function(n,e){return(t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,n){t.__proto__=n}||function(t,n){for(var e in n)n.hasOwnProperty(e)&&(t[e]=n[e])})(n,e)};return function(n,e){function r(){this.constructor=n}t(n,e),n.prototype=null===e?Object.create(e):(r.prototype=e.prototype,new r)}}()),i=function(t){function n(){return null!==t&&t.apply(this,arguments)||this}return o(n,t),n.moduleName="pane",n}(r.ComplexBase),u=function(t){function n(){return null!==t&&t.apply(this,arguments)||this}return o(n,t),n.propertyName="paneSettings",n.moduleName="panes",n}(r.ComplexBase)},function(t,n,e){"use strict";e.d(n,"a",function(){return c});var r=e(2),o=(e.n(r),e(1)),i=(e.n(o),e(0)),u=(e.n(i),this&&this.__extends||function(){var t=function(n,e){return(t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,n){t.__proto__=n}||function(t,n){for(var e in n)n.hasOwnProperty(e)&&(t[e]=n[e])})(n,e)};return function(n,e){function r(){this.constructor=n}t(n,e),n.prototype=null===e?Object.create(e):(r.prototype=e.prototype,new r)}}()),c=function(t){function n(n){var e=t.call(this,n)||this;return e.initRenderCalled=!1,e.checkInjectedModules=!1,e.directivekeys={panes:"pane"},e.immediateRender=!1,e.portals=[],e}return u(n,t),n.prototype.render=function(){if(!(this.element&&!this.initRenderCalled||this.refreshing)||this.isReactForeceUpdate)return r.createElement("div",this.getDefaultAttributes(),[].concat(this.props.children,this.portals));t.prototype.render.call(this),this.initRenderCalled=!0},n}(o.Splitter);e.i(i.applyMixins)(c,[i.ComponentBase,r.Component])}])});
@@ -1,6 +1,6 @@
1
1
  /*!
2
2
  * filename: ej2-react-layouts.umd.min.js
3
- * version : 20.2.45
3
+ * version : 20.3.47
4
4
  * Copyright Syncfusion Inc. 2001 - 2020. 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
package/package.json CHANGED
@@ -1,8 +1,8 @@
1
1
  {
2
2
  "_from": "@syncfusion/ej2-react-layouts@*",
3
- "_id": "@syncfusion/ej2-react-layouts@20.2.43",
3
+ "_id": "@syncfusion/ej2-react-layouts@19.8.9",
4
4
  "_inBundle": false,
5
- "_integrity": "sha512-qwjILUZh78UkiqB55Zd0HpccsZcqfYvifYJe2jtqDRuMhw01pGlxXWZ8FIQFb594Z0WpwK8HEjGFOWGnBLKW2g==",
5
+ "_integrity": "sha512-QKad6cY1jLlADG2PyyQKQiGeJPvIp/6IM0Leezl3SlHL9VWv2etB6xrmNRBG67tPoyUVHkVVrK8QM0VA05Fz2g==",
6
6
  "_location": "/@syncfusion/ej2-react-layouts",
7
7
  "_phantomChildren": {},
8
8
  "_requested": {
@@ -19,8 +19,8 @@
19
19
  "_requiredBy": [
20
20
  "/"
21
21
  ],
22
- "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-react-layouts/-/ej2-react-layouts-20.2.43.tgz",
23
- "_shasum": "ce9a603f2145822b3ef0848f43099b4dfc41f055",
22
+ "_resolved": "http://nexus.syncfusion.com/repository/ej2-release/@syncfusion/ej2-react-layouts/-/ej2-react-layouts-19.8.9.tgz",
23
+ "_shasum": "94a9933b9c587d35bebf136da0a54541cdfaa940",
24
24
  "_spec": "@syncfusion/ej2-react-layouts@*",
25
25
  "_where": "/jenkins/workspace/automation_release_19.1.0.1-ZPMUBNQ6AUYH6YGEFBPVYMEQLRRW2SLD4XCZ6GATNZJFYJ3RIAOA/packages/included",
26
26
  "author": {
@@ -31,9 +31,9 @@
31
31
  },
32
32
  "bundleDependencies": false,
33
33
  "dependencies": {
34
- "@syncfusion/ej2-base": "~20.2.45",
35
- "@syncfusion/ej2-layouts": "20.2.45",
36
- "@syncfusion/ej2-react-base": "~20.2.45"
34
+ "@syncfusion/ej2-base": "~20.3.47",
35
+ "@syncfusion/ej2-layouts": "20.3.47",
36
+ "@syncfusion/ej2-react-base": "~20.3.47"
37
37
  },
38
38
  "deprecated": false,
39
39
  "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. for React",
@@ -65,6 +65,6 @@
65
65
  "type": "git",
66
66
  "url": "git+https://github.com/syncfusion/ej2-react-ui-components.git"
67
67
  },
68
- "version": "20.2.45",
68
+ "version": "20.3.47",
69
69
  "sideEffects": false
70
70
  }
@@ -337,12 +337,12 @@
337
337
  }
338
338
  .e-card .e-card-header .e-card-header-caption .e-card-header-title {
339
339
  font-size: 13px;
340
- font-weight: 400;
340
+ font-weight: normal;
341
341
  line-height: 18px;
342
342
  }
343
343
  .e-card .e-card-header .e-card-header-caption .e-card-sub-title {
344
344
  font-size: 12px;
345
- font-weight: 400;
345
+ font-weight: normal;
346
346
  line-height: 14px;
347
347
  padding: 0 0 8px;
348
348
  }
@@ -450,8 +450,8 @@
450
450
  text-overflow: ellipsis;
451
451
  width: inherit;
452
452
  }
453
- .e-card .e-card-actions .e-card-btn else,
454
- .e-card .e-card-actions a else {
453
+ .e-card .e-card-actions .e-card-btn,
454
+ .e-card .e-card-actions a {
455
455
  border-radius: 2px;
456
456
  }
457
457
  .e-card .e-card-actions .e-card-btn,
@@ -487,6 +487,7 @@
487
487
  }
488
488
 
489
489
  /*! card theme */
490
+ /* stylelint-disable property-no-vendor-prefix */
490
491
  .e-card {
491
492
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
492
493
  background-color: #6e6e6e;
@@ -609,8 +610,8 @@
609
610
  }
610
611
  .e-splitter.e-splitter-horizontal .e-pane.e-pane-horizontal.e-pane-hidden, .e-splitter.e-splitter-vertical .e-pane.e-pane-horizontal.e-pane-hidden {
611
612
  -ms-flex-preferred-size: 0 !important;
612
- flex-basis: 0 !important;
613
- overflow: hidden !important;
613
+ flex-basis: 0 !important; /* stylelint-disable-line declaration-no-important */
614
+ overflow: hidden !important; /* stylelint-disable-line declaration-no-important */
614
615
  }
615
616
  .e-splitter.e-splitter-horizontal {
616
617
  -ms-flex-direction: row;
@@ -643,8 +644,8 @@
643
644
  }
644
645
  .e-splitter.e-splitter-vertical .e-pane-vertical.e-pane-hidden {
645
646
  -ms-flex-preferred-size: 0 !important;
646
- flex-basis: 0 !important;
647
- overflow: hidden !important;
647
+ flex-basis: 0 !important; /* stylelint-disable-line declaration-no-important */
648
+ overflow: hidden !important; /* stylelint-disable-line declaration-no-important */
648
649
  }
649
650
  .e-splitter.e-splitter-vertical.e-rtl .e-split-bar.e-split-bar-vertical .e-navigate-arrow:not(.e-arrow-down)::before,
650
651
  .e-splitter.e-splitter-vertical.e-rtl .e-split-bar.e-split-bar-vertical .e-navigate-arrow:not(.e-arrow-down)::after {
@@ -1046,7 +1047,8 @@
1046
1047
  pointer-events: none;
1047
1048
  }
1048
1049
 
1049
- /*! component's theme wise override bootstrap-definitions and variables */
1050
+ /* stylelint-disable-line no-empty-source */ /*! component's theme wise override bootstrap-definitions and variables */
1051
+ /* stylelint-disable */
1050
1052
  .e-dashboardlayout.e-control .e-panel .e-resize.e-single.e-east, .e-dashboardlayout.e-control .e-panel .e-resize.e-double.e-east {
1051
1053
  height: 100%;
1052
1054
  padding: 20px 0;
@@ -338,12 +338,12 @@
338
338
  }
339
339
  .e-card .e-card-header .e-card-header-caption .e-card-header-title {
340
340
  font-size: 14px;
341
- font-weight: 400;
341
+ font-weight: normal;
342
342
  line-height: normal;
343
343
  }
344
344
  .e-card .e-card-header .e-card-header-caption .e-card-sub-title {
345
345
  font-size: 14px;
346
- font-weight: 400;
346
+ font-weight: normal;
347
347
  line-height: normal;
348
348
  padding: 6px 0 0;
349
349
  }
@@ -451,8 +451,8 @@
451
451
  text-overflow: ellipsis;
452
452
  width: inherit;
453
453
  }
454
- .e-card .e-card-actions .e-card-btn else,
455
- .e-card .e-card-actions a else {
454
+ .e-card .e-card-actions .e-card-btn,
455
+ .e-card .e-card-actions a {
456
456
  border-radius: 2px;
457
457
  }
458
458
  .e-card .e-card-actions .e-card-btn,
@@ -488,6 +488,7 @@
488
488
  }
489
489
 
490
490
  /*! card theme */
491
+ /* stylelint-disable property-no-vendor-prefix */
491
492
  .e-card {
492
493
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
493
494
  background-color: #fff;
@@ -610,8 +611,8 @@
610
611
  }
611
612
  .e-splitter.e-splitter-horizontal .e-pane.e-pane-horizontal.e-pane-hidden, .e-splitter.e-splitter-vertical .e-pane.e-pane-horizontal.e-pane-hidden {
612
613
  -ms-flex-preferred-size: 0 !important;
613
- flex-basis: 0 !important;
614
- overflow: hidden !important;
614
+ flex-basis: 0 !important; /* stylelint-disable-line declaration-no-important */
615
+ overflow: hidden !important; /* stylelint-disable-line declaration-no-important */
615
616
  }
616
617
  .e-splitter.e-splitter-horizontal {
617
618
  -ms-flex-direction: row;
@@ -644,8 +645,8 @@
644
645
  }
645
646
  .e-splitter.e-splitter-vertical .e-pane-vertical.e-pane-hidden {
646
647
  -ms-flex-preferred-size: 0 !important;
647
- flex-basis: 0 !important;
648
- overflow: hidden !important;
648
+ flex-basis: 0 !important; /* stylelint-disable-line declaration-no-important */
649
+ overflow: hidden !important; /* stylelint-disable-line declaration-no-important */
649
650
  }
650
651
  .e-splitter.e-splitter-vertical.e-rtl .e-split-bar.e-split-bar-vertical .e-navigate-arrow:not(.e-arrow-down)::before,
651
652
  .e-splitter.e-splitter-vertical.e-rtl .e-split-bar.e-split-bar-vertical .e-navigate-arrow:not(.e-arrow-down)::after {
@@ -1047,7 +1048,8 @@
1047
1048
  pointer-events: none;
1048
1049
  }
1049
1050
 
1050
- /*! component's theme wise override bootstrap-definitions and variables */
1051
+ /* stylelint-disable-line no-empty-source */ /*! component's theme wise override bootstrap-definitions and variables */
1052
+ /* stylelint-disable */
1051
1053
  .e-dashboardlayout.e-control .e-panel .e-resize.e-single.e-east, .e-dashboardlayout.e-control .e-panel .e-resize.e-double.e-east {
1052
1054
  height: 100%;
1053
1055
  padding: 20px 0;
@@ -343,12 +343,12 @@
343
343
  }
344
344
  .e-card .e-card-header .e-card-header-caption .e-card-header-title {
345
345
  font-size: 14px;
346
- font-weight: 400;
346
+ font-weight: normal;
347
347
  line-height: 21px;
348
348
  }
349
349
  .e-card .e-card-header .e-card-header-caption .e-card-sub-title {
350
350
  font-size: 14px;
351
- font-weight: 400;
351
+ font-weight: normal;
352
352
  line-height: 16px;
353
353
  padding: 10px 0 0;
354
354
  }
@@ -456,8 +456,8 @@
456
456
  text-overflow: ellipsis;
457
457
  width: inherit;
458
458
  }
459
- .e-card .e-card-actions .e-card-btn else,
460
- .e-card .e-card-actions a else {
459
+ .e-card .e-card-actions .e-card-btn,
460
+ .e-card .e-card-actions a {
461
461
  border-radius: 2px;
462
462
  }
463
463
  .e-card .e-card-actions .e-card-btn,
@@ -493,6 +493,7 @@
493
493
  }
494
494
 
495
495
  /*! card theme */
496
+ /* stylelint-disable property-no-vendor-prefix */
496
497
  .e-card {
497
498
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
498
499
  background-color: #fff;
@@ -614,8 +615,8 @@
614
615
  }
615
616
  .e-splitter.e-splitter-horizontal .e-pane.e-pane-horizontal.e-pane-hidden, .e-splitter.e-splitter-vertical .e-pane.e-pane-horizontal.e-pane-hidden {
616
617
  -ms-flex-preferred-size: 0 !important;
617
- flex-basis: 0 !important;
618
- overflow: hidden !important;
618
+ flex-basis: 0 !important; /* stylelint-disable-line declaration-no-important */
619
+ overflow: hidden !important; /* stylelint-disable-line declaration-no-important */
619
620
  }
620
621
  .e-splitter.e-splitter-horizontal {
621
622
  -ms-flex-direction: row;
@@ -648,8 +649,8 @@
648
649
  }
649
650
  .e-splitter.e-splitter-vertical .e-pane-vertical.e-pane-hidden {
650
651
  -ms-flex-preferred-size: 0 !important;
651
- flex-basis: 0 !important;
652
- overflow: hidden !important;
652
+ flex-basis: 0 !important; /* stylelint-disable-line declaration-no-important */
653
+ overflow: hidden !important; /* stylelint-disable-line declaration-no-important */
653
654
  }
654
655
  .e-splitter.e-splitter-vertical.e-rtl .e-split-bar.e-split-bar-vertical .e-navigate-arrow:not(.e-arrow-down)::before,
655
656
  .e-splitter.e-splitter-vertical.e-rtl .e-split-bar.e-split-bar-vertical .e-navigate-arrow:not(.e-arrow-down)::after {
@@ -1051,7 +1052,8 @@
1051
1052
  pointer-events: none;
1052
1053
  }
1053
1054
 
1054
- /*! component's theme wise override bootstrap-definitions and variables */
1055
+ /* stylelint-disable-line no-empty-source */ /*! component's theme wise override bootstrap-definitions and variables */
1056
+ /* stylelint-disable */
1055
1057
  .e-dashboardlayout.e-control .e-panel .e-resize.e-single.e-east, .e-dashboardlayout.e-control .e-panel .e-resize.e-double.e-east {
1056
1058
  height: 100%;
1057
1059
  padding: 20px 0;
@@ -352,12 +352,12 @@
352
352
  }
353
353
  .e-card .e-card-header .e-card-header-caption .e-card-header-title {
354
354
  font-size: 16px;
355
- font-weight: 400;
355
+ font-weight: normal;
356
356
  line-height: 1.5;
357
357
  }
358
358
  .e-card .e-card-header .e-card-header-caption .e-card-sub-title {
359
359
  font-size: 14px;
360
- font-weight: 400;
360
+ font-weight: normal;
361
361
  line-height: 1.5;
362
362
  padding: 4px 0 0;
363
363
  }
@@ -465,8 +465,8 @@
465
465
  text-overflow: ellipsis;
466
466
  width: inherit;
467
467
  }
468
- .e-card .e-card-actions .e-card-btn else,
469
- .e-card .e-card-actions a else {
468
+ .e-card .e-card-actions .e-card-btn,
469
+ .e-card .e-card-actions a {
470
470
  border-radius: 2px;
471
471
  }
472
472
  .e-card .e-card-actions .e-card-btn,
@@ -502,6 +502,7 @@
502
502
  }
503
503
 
504
504
  /*! card theme */
505
+ /* stylelint-disable property-no-vendor-prefix */
505
506
  .e-card {
506
507
  -webkit-tap-highlight-color: #0d6efd;
507
508
  background-color: #212529;
@@ -617,8 +618,8 @@
617
618
  }
618
619
  .e-splitter.e-splitter-horizontal .e-pane.e-pane-horizontal.e-pane-hidden, .e-splitter.e-splitter-vertical .e-pane.e-pane-horizontal.e-pane-hidden {
619
620
  -ms-flex-preferred-size: 0 !important;
620
- flex-basis: 0 !important;
621
- overflow: hidden !important;
621
+ flex-basis: 0 !important; /* stylelint-disable-line declaration-no-important */
622
+ overflow: hidden !important; /* stylelint-disable-line declaration-no-important */
622
623
  }
623
624
  .e-splitter.e-splitter-horizontal {
624
625
  -ms-flex-direction: row;
@@ -651,8 +652,8 @@
651
652
  }
652
653
  .e-splitter.e-splitter-vertical .e-pane-vertical.e-pane-hidden {
653
654
  -ms-flex-preferred-size: 0 !important;
654
- flex-basis: 0 !important;
655
- overflow: hidden !important;
655
+ flex-basis: 0 !important; /* stylelint-disable-line declaration-no-important */
656
+ overflow: hidden !important; /* stylelint-disable-line declaration-no-important */
656
657
  }
657
658
  .e-splitter.e-splitter-vertical.e-rtl .e-split-bar.e-split-bar-vertical .e-navigate-arrow:not(.e-arrow-down)::before,
658
659
  .e-splitter.e-splitter-vertical.e-rtl .e-split-bar.e-split-bar-vertical .e-navigate-arrow:not(.e-arrow-down)::after {
@@ -1054,7 +1055,8 @@
1054
1055
  pointer-events: none;
1055
1056
  }
1056
1057
 
1057
- /*! component's theme wise override tailwind-definitions and variables */
1058
+ /* stylelint-disable-line no-empty-source */ /*! component's theme wise override tailwind-definitions and variables */
1059
+ /* stylelint-disable */
1058
1060
  .e-dashboardlayout.e-control .e-panel .e-resize.e-single.e-east, .e-dashboardlayout.e-control .e-panel .e-resize.e-double.e-east {
1059
1061
  height: 100%;
1060
1062
  padding: 20px 0;
@@ -352,12 +352,12 @@
352
352
  }
353
353
  .e-card .e-card-header .e-card-header-caption .e-card-header-title {
354
354
  font-size: 16px;
355
- font-weight: 400;
355
+ font-weight: normal;
356
356
  line-height: 1.5;
357
357
  }
358
358
  .e-card .e-card-header .e-card-header-caption .e-card-sub-title {
359
359
  font-size: 14px;
360
- font-weight: 400;
360
+ font-weight: normal;
361
361
  line-height: 1.5;
362
362
  padding: 4px 0 0;
363
363
  }
@@ -465,8 +465,8 @@
465
465
  text-overflow: ellipsis;
466
466
  width: inherit;
467
467
  }
468
- .e-card .e-card-actions .e-card-btn else,
469
- .e-card .e-card-actions a else {
468
+ .e-card .e-card-actions .e-card-btn,
469
+ .e-card .e-card-actions a {
470
470
  border-radius: 2px;
471
471
  }
472
472
  .e-card .e-card-actions .e-card-btn,
@@ -502,6 +502,7 @@
502
502
  }
503
503
 
504
504
  /*! card theme */
505
+ /* stylelint-disable property-no-vendor-prefix */
505
506
  .e-card {
506
507
  -webkit-tap-highlight-color: #0d6efd;
507
508
  background-color: #fff;
@@ -617,8 +618,8 @@
617
618
  }
618
619
  .e-splitter.e-splitter-horizontal .e-pane.e-pane-horizontal.e-pane-hidden, .e-splitter.e-splitter-vertical .e-pane.e-pane-horizontal.e-pane-hidden {
619
620
  -ms-flex-preferred-size: 0 !important;
620
- flex-basis: 0 !important;
621
- overflow: hidden !important;
621
+ flex-basis: 0 !important; /* stylelint-disable-line declaration-no-important */
622
+ overflow: hidden !important; /* stylelint-disable-line declaration-no-important */
622
623
  }
623
624
  .e-splitter.e-splitter-horizontal {
624
625
  -ms-flex-direction: row;
@@ -651,8 +652,8 @@
651
652
  }
652
653
  .e-splitter.e-splitter-vertical .e-pane-vertical.e-pane-hidden {
653
654
  -ms-flex-preferred-size: 0 !important;
654
- flex-basis: 0 !important;
655
- overflow: hidden !important;
655
+ flex-basis: 0 !important; /* stylelint-disable-line declaration-no-important */
656
+ overflow: hidden !important; /* stylelint-disable-line declaration-no-important */
656
657
  }
657
658
  .e-splitter.e-splitter-vertical.e-rtl .e-split-bar.e-split-bar-vertical .e-navigate-arrow:not(.e-arrow-down)::before,
658
659
  .e-splitter.e-splitter-vertical.e-rtl .e-split-bar.e-split-bar-vertical .e-navigate-arrow:not(.e-arrow-down)::after {
@@ -1054,7 +1055,8 @@
1054
1055
  pointer-events: none;
1055
1056
  }
1056
1057
 
1057
- /*! component's theme wise override tailwind-definitions and variables */
1058
+ /* stylelint-disable-line no-empty-source */ /*! component's theme wise override tailwind-definitions and variables */
1059
+ /* stylelint-disable */
1058
1060
  .e-dashboardlayout.e-control .e-panel .e-resize.e-single.e-east, .e-dashboardlayout.e-control .e-panel .e-resize.e-double.e-east {
1059
1061
  height: 100%;
1060
1062
  padding: 20px 0;
@@ -294,12 +294,12 @@
294
294
  }
295
295
  .e-card .e-card-header .e-card-header-caption .e-card-header-title {
296
296
  font-size: 13px;
297
- font-weight: 400;
297
+ font-weight: normal;
298
298
  line-height: 18px;
299
299
  }
300
300
  .e-card .e-card-header .e-card-header-caption .e-card-sub-title {
301
301
  font-size: 12px;
302
- font-weight: 400;
302
+ font-weight: normal;
303
303
  line-height: 14px;
304
304
  padding: 0 0 8px;
305
305
  }
@@ -407,8 +407,8 @@
407
407
  text-overflow: ellipsis;
408
408
  width: inherit;
409
409
  }
410
- .e-card .e-card-actions .e-card-btn else,
411
- .e-card .e-card-actions a else {
410
+ .e-card .e-card-actions .e-card-btn,
411
+ .e-card .e-card-actions a {
412
412
  border-radius: 2px;
413
413
  }
414
414
  .e-card .e-card-actions .e-card-btn,
@@ -444,6 +444,7 @@
444
444
  }
445
445
 
446
446
  /*! card theme */
447
+ /* stylelint-disable property-no-vendor-prefix */
447
448
  .e-card {
448
449
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
449
450
  background-color: #6e6e6e;