@linzjs/lui 21.40.4 → 21.41.0

package/CHANGELOG.md

@@ -1,3 +1,17 @@
+# [21.41.0](https://github.com/linz/lui/compare/v21.40.5...v21.41.0) (2024-07-23)
+
+
+### Features
+
+* TI-2146 Adding disabled prop to LuiSideMenuItem ([#1146](https://github.com/linz/lui/issues/1146)) ([9a03383](https://github.com/linz/lui/commit/9a033836f778bb579ddaf8f18d1a8e37e6a37101))
+
+## [21.40.5](https://github.com/linz/lui/compare/v21.40.4...v21.40.5) (2024-07-18)
+
+
+### Bug Fixes
+
+* Fix issues with layout and sizing of search box ([#1145](https://github.com/linz/lui/issues/1145)) ([838b635](https://github.com/linz/lui/commit/838b63547c08d1c4d38aeff881eb70ca979adc8a))
+
 ## [21.40.4](https://github.com/linz/lui/compare/v21.40.3...v21.40.4) (2024-07-18)
 
 

package/dist/components/LuiSideMenu/LuiSideMenuItem.d.ts

@@ -6,5 +6,6 @@ export interface ILuiSideMenuItemProps {
     label: string;
     onClick?: LuiMenuItemClickHandler;
     isActive?: boolean;
+    disabled?: boolean;
 }
-export declare function LuiSideMenuItem({ to, label, icon, isActive, onClick, }: ILuiSideMenuItemProps): JSX.Element;
+export declare function LuiSideMenuItem({ to, label, icon, isActive, onClick, disabled, }: ILuiSideMenuItemProps): JSX.Element;

package/dist/index.js

@@ -58290,11 +58290,13 @@ function LuiSideMenu(_a) {
 }
 
 function LuiSideMenuItem(_a) {
-    var to = _a.to, label = _a.label, icon = _a.icon, _b = _a.isActive, isActive = _b === void 0 ? false : _b, onClick = _a.onClick;
-    return (React__default["default"].createElement("li", { className: "LuiSideMenu-listItem", "aria-label": label },
-        React__default["default"].createElement("a", { title: label, className: clsx('LuiSideMenu-link', isActive && 'LuiSideMenu-link--active'), href: to, onClick: onClick, "aria-current": isActive || undefined },
-            React__default["default"].createElement(LuiIcon, { size: "md", name: icon, alt: label, status: "interactive" }),
-            React__default["default"].createElement("span", { className: "navText" }, label))));
+    var to = _a.to, label = _a.label, icon = _a.icon, _b = _a.isActive, isActive = _b === void 0 ? false : _b, onClick = _a.onClick, _c = _a.disabled, disabled = _c === void 0 ? false : _c;
+    var className = clsx('LuiSideMenu-link', isActive && 'LuiSideMenu-link--active', disabled && 'LuiSideMenu-link--disabled');
+    return (React__default["default"].createElement("li", { className: "LuiSideMenu-listItem", "aria-label": label }, disabled ? (React__default["default"].createElement("span", { title: label, className: className },
+        React__default["default"].createElement(LuiIcon, { size: "md", name: icon, alt: label, status: "disabled" }),
+        React__default["default"].createElement("span", { className: "navText" }, label))) : (React__default["default"].createElement("a", { title: label, className: className, href: to, onClick: onClick, "aria-current": isActive || undefined },
+        React__default["default"].createElement(LuiIcon, { size: "md", name: icon, alt: label, status: "interactive" }),
+        React__default["default"].createElement("span", { className: "navText" }, label)))));
 }
 
 var css_248z$b = "/**\n  @deprecated\n */\n/**\n  @deprecated\n */\n/**\n  @deprecated\n */\n@keyframes animate-stripes {\n  100% {\n    background-position: 100px 0;\n  }\n}\n.ProgressBar, .ProgressBar-PROC, .ProgressBar-COMP, .ProgressBar-FAIL {\n  height: 5px;\n  width: 100%;\n  background-color: #eaeaea;\n  border-radius: 3px;\n}\n.ProgressBar-FAIL {\n  background-color: #cc0000;\n}\n.ProgressBar-COMP {\n  background-color: #0aa245;\n}\n.ProgressBar-PROC {\n  background-color: #0096cc;\n  transition: width 0.3s ease-in-out;\n}\n.ProgressBar-PROC.indeterminate {\n  background-image: linear-gradient(-45deg, transparent 25%, rgba(255, 255, 255, 0.75) 25%, rgba(255, 255, 255, 0.75) 75%, transparent 75%);\n  background-size: 50px 100%;\n  animation: animate-stripes 5s linear infinite;\n}";