@linzjs/lui 24.17.0 → 24.18.0

package/CHANGELOG.md

@@ -5,6 +5,13 @@
 
 * **LuiComboSelect:** restore interface to support styling of the input element. ([#1270](https://github.com/linz/lui/issues/1270)) ([7ce6a13](https://github.com/linz/lui/commit/7ce6a137c7f16ffa3acbe4357569a6eb59ef47db))
 
+## [24.18.0](https://github.com/linz/Lui/compare/lui-v24.17.0...lui-v24.18.0) (2026-07-01)
+
+
+### Features
+
+* **LuiBannerV2:** SEARCH-8308 allow a custom icon to be passed through to a banner ([#1374](https://github.com/linz/Lui/issues/1374)) ([94ae1e2](https://github.com/linz/Lui/commit/94ae1e242a45082b90806a8812652e10b1b3c4b7))
+
 ## [24.17.0](https://github.com/linz/Lui/compare/lui-v24.16.1...lui-v24.17.0) (2026-06-16)
 
 

package/dist/components/LuiBannerV2/LuiBannerV2.d.ts

@@ -1,6 +1,7 @@
 import './LuiBannerV2.scss';
 import { ComponentPropsWithoutRef } from 'react';
 import React from 'react';
+import { IconName } from '../LuiIcon/LuiIcon';
 type Button = ComponentPropsWithoutRef<'button'>;
 type Dismiss = {
     onDismiss: Button['onClick'];
@@ -11,6 +12,11 @@ type Dismiss = {
 };
 type Props = {
     level?: 'warning' | 'error' | 'info' | 'success';
+    /**
+     * The name of a `LuiIcon` to display in the banner. Overrides the icon
+     * derived from `level`, allowing a custom banner.
+     */
+    iconName?: IconName;
 } & Dismiss & ComponentPropsWithoutRef<'div'>;
 export declare const LuiBannerV2: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
 export {};

package/dist/index.js

@@ -41235,8 +41235,8 @@ styleInject(css_248z$7);
 
 var LuiBannerV2 = React.forwardRef(function (_a, ref) {
     var _b, _c, _d;
-    var level = _a.level, onDismiss = _a.onDismiss, className = _a.className, children = _a.children, dismissButtonProps = _a.dismissButtonProps, props = __rest(_a, ["level", "onDismiss", "className", "children", "dismissButtonProps"]);
-    var icon = (function () {
+    var level = _a.level, iconName = _a.iconName, onDismiss = _a.onDismiss, className = _a.className, children = _a.children, dismissButtonProps = _a.dismissButtonProps, props = __rest(_a, ["level", "iconName", "onDismiss", "className", "children", "dismissButtonProps"]);
+    var icon = iconName !== null && iconName !== void 0 ? iconName : (function () {
         switch (level) {
             case 'success':
                 return "ic_check_circle_outline";
@@ -41246,7 +41246,7 @@ var LuiBannerV2 = React.forwardRef(function (_a, ref) {
     })();
     return (React__default["default"].createElement("div", __assign({ ref: ref, className: clsx$1('LuiBannerV2', level, icon && 'has-level', onDismiss && 'can-dismiss', className) }, props),
         children,
-        icon && (React__default["default"].createElement(LuiIcon, { className: clsx$1('LuiBannerV2-Icon', level), size: "lg", name: icon, spanProps: { 'aria-hidden': true }, alt: level })),
+        icon && (React__default["default"].createElement(LuiIcon, { className: clsx$1('LuiBannerV2-Icon', level), size: "lg", name: icon, spanProps: { 'aria-hidden': true }, alt: level !== null && level !== void 0 ? level : '' })),
         onDismiss && (React__default["default"].createElement("button", __assign({}, dismissButtonProps, { className: clsx$1('LuiBannerV2-Dismiss', dismissButtonProps === null || dismissButtonProps === void 0 ? void 0 : dismissButtonProps.className), "aria-label": (_b = dismissButtonProps === null || dismissButtonProps === void 0 ? void 0 : dismissButtonProps['aria-label']) !== null && _b !== void 0 ? _b : 'Dismiss', type: (_c = dismissButtonProps === null || dismissButtonProps === void 0 ? void 0 : dismissButtonProps.type) !== null && _c !== void 0 ? _c : 'button', onClick: onDismiss }), (_d = dismissButtonProps === null || dismissButtonProps === void 0 ? void 0 : dismissButtonProps.children) !== null && _d !== void 0 ? _d : (React__default["default"].createElement(LuiIcon, { size: "md", name: "ic_clear", spanProps: { 'aria-hidden': true }, alt: "Dismiss" }))))));
 });