@linzjs/lui 17.36.4 → 17.36.6

package/CHANGELOG.md

@@ -1,3 +1,17 @@
+## [17.36.6](https://github.com/linz/lui/compare/v17.36.5...v17.36.6) (2023-02-28)
+
+
+### Bug Fixes
+
+* **icon-button:** Update svg icon color to sync with figma design ([#863](https://github.com/linz/lui/issues/863)) ([418b8c7](https://github.com/linz/lui/commit/418b8c7534551a4b5e7d67c04db6a3f5d2565655))
+
+## [17.36.5](https://github.com/linz/lui/compare/v17.36.4...v17.36.5) (2023-02-28)
+
+
+### Bug Fixes
+
+* scroll to auto and z-index for splash modal ([#848](https://github.com/linz/lui/issues/848)) ([7a5ef79](https://github.com/linz/lui/commit/7a5ef797e76f91ced5b3647a9e171d31935ddf2e))
+
 ## [17.36.4](https://github.com/linz/lui/compare/v17.36.3...v17.36.4) (2023-02-22)
 
 

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

@@ -4,5 +4,6 @@ export declare const LuiSidePanel: React.FC<React.PropsWithChildren<{
     width?: string;
     closeBtnTitleAttr?: string;
     top?: number;
+    classNames?: string;
 }>>;
 export declare const LuiSidePanelProvider: React.FC<React.PropsWithChildren<unknown>>;

package/dist/index.js

@@ -47291,36 +47291,27 @@ var LuiBadge = function (props) { return (React__default["default"].createElemen
 
 var LuiSidePanelContext = React__default["default"].createContext({ setProps: function () { return undefined; } });
 var LuiSidePanel = function (_a) {
-    var children = _a.children, onClose = _a.onClose, width = _a.width, top = _a.top, closeBtnTitleAttr = _a.closeBtnTitleAttr;
+    var children = _a.children, onClose = _a.onClose, width = _a.width, top = _a.top, closeBtnTitleAttr = _a.closeBtnTitleAttr, classNames = _a.classNames;
     var setProps = React__default["default"].useContext(LuiSidePanelContext).setProps;
     React__default["default"].useEffect(function () {
-        setProps({ children: children, onClose: onClose, width: width, top: top, closeBtnTitleAttr: closeBtnTitleAttr });
+        setProps({ children: children, onClose: onClose, width: width, top: top, closeBtnTitleAttr: closeBtnTitleAttr, classNames: classNames });
         return function () {
             setProps(undefined);
         };
-    }, [setProps, children, onClose, width, top, closeBtnTitleAttr]);
+    }, [setProps, children, onClose, width, top, closeBtnTitleAttr, classNames]);
     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, _c = _a.top, top = _c === void 0 ? 60 : _c, _d = _a.closeBtnTitleAttr, closeBtnTitleAttr = _d === void 0 ? 'Close panel' : _d;
+    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, _d = _a.closeBtnTitleAttr, closeBtnTitleAttr = _d === void 0 ? 'Close panel' : _d, classNames = _a.classNames;
     useEscapeFunction(function () {
         if (onClose) {
             onClose();
         }
     });
     return (React__default["default"].createElement("section", { style: {
-            position: 'fixed',
-            right: 0,
-            bottom: 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: 0,
-            zIndex: 3,
-            overflow: 'scroll'
-        } },
+            width: children ? width !== null && width !== void 0 ? width : '50%' : '0%'
+        }, className: clsx$1('luiSidePanel', classNames) },
         children && (React__default["default"].createElement("button", { type: "button", "data-testid": "close", title: closeBtnTitleAttr, onClick: onClose, style: {
                 color: '#5e5e61',
                 position: 'absolute',