@syncfusion/ej2-react-layouts 20.2.46 → 20.3.48

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
@@ -6,6 +6,14 @@
6
6
 
7
7
  #### Bug Fixes
8
8
 
9
+ - `#I395833` - The issue with the "Facing accessibility testing failure in the Dashboard Layout component" has been resolved.
10
+
11
+ ## 20.2.46 (2022-08-30)
12
+
13
+ ### Dashboard Layout
14
+
15
+ #### Bug Fixes
16
+
9
17
  - `#I396820` - The issue with "minSizeX and minSizeY properties not working while using cellSpacing in Dashboard Layout component" has been resolved.
10
18
 
11
19
  ## 20.2.39 (2022-07-19)
@@ -61,7 +69,6 @@
61
69
  ### Splitter
62
70
 
63
71
  - Provided `enablePersistence` property to persists the component's state between page reloads.
64
-
65
72
  - Provided `enableReversePanes` property to reorder the splitter panes.
66
73
 
67
74
  ## 19.1.58 (2021-04-27)
@@ -87,7 +94,6 @@
87
94
  #### Bug Fixes
88
95
 
89
96
  - `#312164` - The issue with "Newly added dashboard panels hide while switch between mobile mode to normal mode" has been resolved.
90
-
91
97
  - `#310199` - The issue "Unable to resize when rendering multiple panels" has been resolved.
92
98
 
93
99
  ### Splitter
@@ -95,7 +101,6 @@
95
101
  #### Bug Fixes
96
102
 
97
103
  - `#315820, #313937, #316711` - The issue with "Console error occurs on resizing when the splitter is rendered" has been resolved.
98
-
99
104
  - `#F163365` - The issue with "When the first pane is collapsed, the size of the second pane is not properly set" has been resolved.
100
105
 
101
106
  ## 18.4.30 (2020-12-17)
@@ -105,7 +110,6 @@
105
110
  #### Bug Fixes
106
111
 
107
112
  - `F159402` - The issue with "The Syncfusion components are not rendered inside the Dashboard Layout while using the selector template" has been resolved.
108
-
109
113
  - `F159797` - Now, the Dashboard Layout component is also available in the Theme studio.
110
114
 
111
115
  ## 18.3.53 (2020-12-08)
@@ -147,9 +151,7 @@
147
151
  #### Bug Fixes
148
152
 
149
153
  - `#284795, #286988, #291408, #291630` - The issue with rendering panels when using angular template has been fixed.
150
-
151
154
  - `#282904` - The issue with the empty space while setting allowFloating as true has been resolved.
152
-
153
155
  - `#271335` - The support for rendering panels with their respective column size in the mobile view has been provided.
154
156
 
155
157
  ## 18.2.58 (2020-09-15)
@@ -166,7 +168,7 @@
166
168
 
167
169
  #### Bug Fixes
168
170
 
169
- - `#278405` - Issue with Dashboard element dimensions not updated properly based on the parent element dimensions has been resolved.
171
+ - `#278405` - Issue with Dashboard element dimensions not updated properly based on the parent element dimensions has been resolved.
170
172
 
171
173
  ## 18.2.44 (2020-07-07)
172
174
 
@@ -174,7 +176,7 @@
174
176
 
175
177
  #### Bug Fixes
176
178
 
177
- - `#276817` - Panel content will now get persisted on page reload with persistence enabled.
179
+ - `#276817` - Panel content will now get persisted on page reload with persistence enabled.
178
180
 
179
181
  ## 18.1.52 (2020-05-13)
180
182
 
@@ -182,14 +184,13 @@
182
184
 
183
185
  #### New Features
184
186
 
185
- - `#269881` - Provided support to restrict the dragging functionality of an individual panel by adding `e-drag-restrict` cssClass to the panel.
187
+ - `#269881` - Provided support to restrict the dragging functionality of an individual panel by adding `e-drag-restrict` cssClass to the panel.
186
188
 
187
189
  ### Splitter
188
190
 
189
191
  #### Bug Fixes
190
192
 
191
193
  - `#273127` - Resolved the issue "Splitter resizing does not work as expected in the internet explorer browser".
192
-
193
194
  - `F153749` - Issue with "Splitter expand and collapse action doesn't work as expected after the pane resize" has been resolved.
194
195
 
195
196
  ## 18.1.48 (2020-05-05)
@@ -216,6 +217,7 @@
216
217
 
217
218
  -`#272515`, `#F153399` - Resolved the issue with nested splitter resizing is not working properly.
218
219
 
220
+
219
221
  - Resolved the alignment issue with expand and collapse icons in the internet explorer browser.
220
222
 
221
223
  ## 18.1.44 (2020-04-14)
@@ -287,7 +289,6 @@
287
289
  #### Bug Fixes
288
290
 
289
291
  - `#261757` - The issue, "cssClass not set into pane when you add the pane using the addPane method" has been resolved.
290
-
291
292
  - `#261829` - Keyboard interaction issue with input components has been resolved.
292
293
 
293
294
  ## 17.4.44 (2021-01-21)
@@ -311,9 +312,7 @@
311
312
  #### Bug Fixes
312
313
 
313
314
  - `#255853` - Resolved the issue "Splitter resizing does not work as expected if it has an iframe element".
314
-
315
315
  - `#259892` - Resolved the issue "Splitter pane is not properly resized when it has percentage pane size".
316
-
317
316
  - `#258254` - Resolved the issue with the public method `addPane` that does not work when rendered a single pane.
318
317
 
319
318
  ## 17.4.41 (2020-01-07)
@@ -334,11 +333,11 @@
334
333
 
335
334
  - Provided `Keyboard navigation support` for splitter. The available keyboard shortcuts are,
336
335
 
337
- - `Up Arrow` - will move separator towards up in vertical splitter.
338
- - `Down Arrow` - will move separator towards down in vertical splitter.
339
- - `Right Arrow` - will move separator towards right in horizontal splitter.
340
- - `Left Arrow` - will move separator towards left in horizontal splitter.
341
- - `Enter key` - will toggle nearest collapsible pane of focused separator.
336
+ - `Up Arrow` - will move separator towards up in vertical splitter.
337
+ - `Down Arrow` - will move separator towards down in vertical splitter.
338
+ - `Right Arrow` - will move separator towards right in horizontal splitter.
339
+ - `Left Arrow` - will move separator towards left in horizontal splitter.
340
+ - `Enter key` - will toggle nearest collapsible pane of focused separator.
342
341
 
343
342
  ## 17.4.40 (2019-12-24)
344
343
 
@@ -369,7 +368,6 @@
369
368
  #### Bug Fixes
370
369
 
371
370
  - `#I255141` -Resolved the issue with separator's visible state when collapsible the last pane .
372
-
373
371
  - `#252195` - The alignment issue with expand and collapse icons in the internet explorer browser has been resolved.
374
372
 
375
373
  ## 17.3.28 (2019-11-19)
@@ -393,11 +391,8 @@
393
391
  #### Bug Fixes
394
392
 
395
393
  - `#253345` - The Console error thrown when navigating from splitter component to another page has been resolved.
396
-
397
394
  - `#252410` - Resolved the issue with collapsing panes when set `collapsed` property as true in Splitter.
398
-
399
395
  - `#252410` - Issue with `Expand` public method not working in the splitter has been resolved.
400
-
401
396
  - `#252410` - Resolved the interaction issue with expand and collapse pane.
402
397
 
403
398
  ## 17.2.48-beta (2019-08-28)
@@ -407,13 +402,9 @@
407
402
  #### Bug Fixes
408
403
 
409
404
  - `#241183` - Issue with "show the expand and collapse arrow on hovering middle of split bar" has been resolved.
410
-
411
405
  - `#242579` - Resolved the issue with "Split-bar rendering while change orientation dynamically"
412
-
413
406
  - `#243003` - Resolved the issue with enabling expand and collapse arrow based on collapsible property.
414
-
415
407
  - `#243007` - The issue "Collapsing and expanding splitter control does not return to original state" has been resolved.
416
-
417
408
  - `#244847` - The issue "Split panes are not resized properly on window resizing" has been resolved.
418
409
 
419
410
  ## 17.1.51 (2019-06-11)
@@ -498,6 +489,7 @@
498
489
 
499
490
  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.
500
491
 
492
+
501
493
  - **Drag and Drop**: Allows drag and drop of panels at the desired location within the dashboard.
502
494
  - **Resizing**: Support to resize the panels in any direction as per the requirement.
503
495
  - **Floating**: Floats the panels upward when the dragging option is enabled.
@@ -518,7 +510,6 @@ The DashboardLayout is a grid structured layout control that helps create a dash
518
510
  #### New Features
519
511
 
520
512
  - Provided option to configure the splitter and its pane properties such as size, min, max, resizable through data attributes (`data-`).
521
-
522
513
  - Included the public methods for add and remove splitter panes.
523
514
 
524
515
  ## 16.4.40-beta (2018-12-10)
@@ -527,6 +518,7 @@ The DashboardLayout is a grid structured layout control that helps create a dash
527
518
 
528
519
  The Splitter is the layout user interface (UI) which contains multiple resizable panes and separator bar.
529
520
 
521
+
530
522
  - **Resizable**: By default, all the panes configured with resizable.
531
523
  - **Orientation**: The panes can be oriented horizontally and vertically.
532
524
  - **Nested**: Integrate splitter controls inside split pane to create nested layout.
@@ -538,20 +530,21 @@ The Splitter is the layout user interface (UI) which contains multiple resizable
538
530
 
539
531
  Avatars are icons or figures representing a particular person, used in popular media formats like images, SVG, font icons, and letters.
540
532
 
541
- - **Types** - Provided 2 types of Avatar.
542
533
 
534
+ - **Types** - Provided 2 types of Avatar.
543
535
  - **Sizes** - Supports different sizes to adapt the various application scenario.
544
536
 
545
537
  ### Card
546
538
 
547
539
  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.
548
540
 
541
+
549
542
  The available key features are
550
543
 
551
- - **Header**: Header supports to include title, subtitle along with image.
552
544
 
545
+ - **Header**: Header supports to include title, subtitle along with image.
553
546
  - **Images and Title**: Support to include images with customizable caption positions in it.
554
-
555
547
  - **Action Buttons**: Supports to add buttons within the card either in vertical or horizontal alignment.
556
-
557
548
  - **Horizontal Card**: Allows to align card elements horizontally and also allows to stack the content vertically within horizontal alignment.
549
+
550
+
@@ -0,0 +1,10 @@
1
+ /*!
2
+ * filename: ej2-react-layouts.min.js
3
+ * version : 20.3.48
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.46
3
+ * version : 20.3.48
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.45",
3
+ "_id": "@syncfusion/ej2-react-layouts@20.3.1",
4
4
  "_inBundle": false,
5
- "_integrity": "sha512-NbPJSpnT7BWBOxlt4XN3ZWKvtAt4bBEhEdcH6hDjSAOsPAi4+cBtDYD5cLyvTcphqXJuIf8v/O1kTHmjCjBb+g==",
5
+ "_integrity": "sha512-IcqU+8+QN+3/jvysP1OmRQCOqIpBnECm2GNFuCVcXV+hTWEA7kAOdr51d0uLbVoGbaiMHnPdfoSqfVy48t6crQ==",
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.45.tgz",
23
- "_shasum": "95eaa2846e72a19b3a03103146db7b7b6b8845e2",
22
+ "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-react-layouts/-/ej2-react-layouts-20.3.1.tgz",
23
+ "_shasum": "a4f38ea2af031c736eac8f9342a4c346ae1ba258",
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.46",
35
- "@syncfusion/ej2-layouts": "20.2.46",
36
- "@syncfusion/ej2-react-base": "~20.2.45"
34
+ "@syncfusion/ej2-base": "~20.3.48",
35
+ "@syncfusion/ej2-layouts": "20.3.48",
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.46",
68
+ "version": "20.3.48",
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;