@linzjs/lui 17.3.0 → 17.3.1

package/CHANGELOG.md

@@ -1,3 +1,10 @@
+## [17.3.1](https://github.com/linz/lui/compare/v17.3.0...v17.3.1) (2022-05-26)
+
+
+### Bug Fixes
+
+* Release for homero's slide panel ([172b611](https://github.com/linz/lui/commit/172b611861b925ac1d5c8b8ad4ac0fd17cc331e5))
+
 # [17.3.0](https://github.com/linz/lui/compare/v17.2.0...v17.3.0) (2022-05-25)
 
 

package/README.md

@@ -1,4 +1,4 @@
-# Lui - Linz User Interface!!
+# Lui - Linz User Interface!
 
 > It's written in CSS and a React wrapper!
 >

package/dist/components/LuiSidePanel/LuiSidePanel.d.ts

@@ -2,5 +2,6 @@ import React from 'react';
 export declare const LuiSidePanel: React.FC<{
     onClose: () => void;
     width?: string;
+    top?: number;
 }>;
 export declare const LuiSidePanelProvider: React.FC;

package/dist/index.js

@@ -60337,29 +60337,30 @@ var LuiBadge = function (props) { return (React__default["default"].createElemen
 var LuiSidePanelContext = React__default["default"].createContext({ setProps: function () { return undefined; } });
 /* eslint-disable react/prop-types */
 var LuiSidePanel = function (_a) {
-    var children = _a.children, onClose = _a.onClose, width = _a.width;
+    var children = _a.children, onClose = _a.onClose, width = _a.width, top = _a.top;
     var setProps = React__default["default"].useContext(LuiSidePanelContext).setProps;
     React__default["default"].useEffect(function () {
-        setProps({ children: children, onClose: onClose, width: width });
+        setProps({ children: children, onClose: onClose, width: width, top: top });
         return function () {
             setProps(undefined);
         };
-    }, [setProps, children, onClose, width]);
+    }, [setProps, children, onClose, width, top]);
     return React__default["default"].createElement(React__default["default"].Fragment, null);
 };
 var LuiSidePanelContainer = function (props) {
-    var _a = props !== null && props !== void 0 ? props : {}, children = _a.children, onClose = _a.onClose, _b = _a.width, width = _b === void 0 ? '50%' : _b;
+    var _a = props !== null && props !== void 0 ? props : {}, children = _a.children, onClose = _a.onClose, _b = _a.width, width = _b === void 0 ? '50%' : _b, _c = _a.top, top = _c === void 0 ? 60 : _c;
     return (React__default["default"].createElement("section", { style: {
-            position: 'absolute',
+            position: 'fixed',
             right: 0,
             bottom: 0,
-            top: 0,
+            top: top,
             background: 'white',
             width: children ? width !== null && width !== void 0 ? width : '50%' : '0%',
             transition: 'width 0.2s ease',
             boxShadow: '-0.1em 0 0.4em rgba(0, 0, 0, 0.2)',
             padding: children ? '0px 20px 0px 20px' : 0,
             whiteSpace: 'nowrap',
+            zIndex: 3,
         } },
         children && (React__default["default"].createElement("button", { type: "button", "data-testid": "close", onClick: onClose, style: {
                 color: '#5e5e61',