@linzjs/lui 17.40.0 → 17.41.1

package/CHANGELOG.md

@@ -1,3 +1,17 @@
+## [17.41.1](https://github.com/linz/lui/compare/v17.41.0...v17.41.1) (2023-03-09)
+
+
+### Bug Fixes
+
+* update LuiHeaderV2 dropdown border and shadow based on figma design ([#879](https://github.com/linz/lui/issues/879)) ([76f2cac](https://github.com/linz/lui/commit/76f2cacb937cd35eb4ed9882c9ad8e3e7821d9cf))
+
+# [17.41.0](https://github.com/linz/lui/compare/v17.40.0...v17.41.0) (2023-03-08)
+
+
+### Features
+
+* added alternate modal header style ([#878](https://github.com/linz/lui/issues/878)) ([1f11909](https://github.com/linz/lui/commit/1f11909eddf8fb53ededf9e474737fdb4f393f46))
+
 # [17.40.0](https://github.com/linz/lui/compare/v17.39.2...v17.40.0) (2023-03-07)
 
 

package/dist/components/LuiModal/LuiModal.d.ts

@@ -10,6 +10,7 @@ interface ILuiModal {
     lowContrast?: boolean;
     preventAutoFocus?: boolean;
     appendToElement?: () => HTMLElement;
+    headerStyle?: 'light' | 'default';
 }
 export declare const LuiModal: React.FC<React.PropsWithChildren<ILuiModal>>;
 export declare const LuiAlertModal: React.FC<React.PropsWithChildren<{
@@ -20,6 +21,7 @@ interface IModalHeader {
     headingText?: string;
     helpLink?: string;
     onClose?: () => void;
+    style?: 'light' | 'default';
 }
 export declare const LuiModalHeader: React.FC<React.PropsWithChildren<IModalHeader>>;
 export {};

package/dist/index.js

@@ -42426,7 +42426,7 @@ var LuiModal = function (props) {
         parentSelector: props.appendToElement
     })),
         React__default["default"].createElement("div", { ref: node, className: clsx$1('lui-modal lui-box-shadow', props.maxWidth && 'lui-max-width', props.headingText && 'lui-modal-no-padding', props.className) },
-            props.headingText && (React__default["default"].createElement(LuiModalHeader, { headingText: props.headingText, helpLink: props.helpLink, onClose: props.onClose })),
+            props.headingText && (React__default["default"].createElement(LuiModalHeader, { headingText: props.headingText, helpLink: props.helpLink, onClose: props.onClose, style: props.headerStyle })),
             React__default["default"].createElement("div", { className: clsx$1(props.headingText && 'lui-modal-container'), ref: function (element) {
                     if (!props.preventAutoFocus &&
                         element &&
@@ -42446,12 +42446,14 @@ var LuiAlertModalButtons = function (props) {
     return React__default["default"].createElement("div", { className: "modal-btn-row" }, props.children);
 };
 var LuiModalHeader = function (props) {
-    return (React__default["default"].createElement("header", { className: "lui-modal-header" }, props.headingText && (React__default["default"].createElement("div", { className: "lui-modal-header-title" },
+    var _a;
+    var headerStyle = (_a = props.style) !== null && _a !== void 0 ? _a : 'default';
+    return (React__default["default"].createElement("header", { className: "lui-modal-header-".concat(headerStyle) }, props.headingText && (React__default["default"].createElement("div", { className: "lui-modal-header-title" },
         React__default["default"].createElement("h1", null, props.headingText),
         React__default["default"].createElement("div", { className: "lui-modal-header-buttons" },
             props.helpLink && (React__default["default"].createElement("button", { className: "lui-modal-header-help-btn", onClick: function () { return window.open(props.helpLink); } },
                 React__default["default"].createElement(LuiIcon, { name: "ic_help_outline", alt: "Help", size: "lg" }))),
-            props.onClose && (React__default["default"].createElement("button", { className: "lui-modal-header-close-btn", onClick: props.onClose },
+            headerStyle === 'default' && props.onClose && (React__default["default"].createElement("button", { className: "lui-modal-header-close-btn", onClick: props.onClose },
                 React__default["default"].createElement(LuiIcon, { name: "ic_clear", alt: "Help", size: "lg" }))))))));
 };