@linzjs/lui 17.35.1 → 17.35.2

package/CHANGELOG.md

@@ -1,3 +1,12 @@
+## [17.35.2](https://github.com/linz/lui/compare/v17.35.1...v17.35.2) (2023-02-15)
+
+
+### Bug Fixes
+
+* adds type=button to LuiTab as we don't want this to submit form ([94ec8d4](https://github.com/linz/lui/commit/94ec8d4bbf77567cd43e7d6d073b73a7ddee3c4b))
+* fix Drawer option style ([#852](https://github.com/linz/lui/issues/852)) ([05639cb](https://github.com/linz/lui/commit/05639cb4b01e458b9e7f2907f6ab661d3beb1224))
+* makes onclick optional, rather than maybe undefined ([931cbef](https://github.com/linz/lui/commit/931cbef58378bf2986bd8c7cd84cfeaa7222d88c))
+
 ## [17.35.1](https://github.com/linz/lui/compare/v17.35.0...v17.35.1) (2023-02-15)
 
 

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/LuiTabs/LuiTab/LuiTab.d.ts

@@ -1,6 +1,6 @@
-import React from 'react';
+import React, { MouseEvent } from 'react';
 interface LuiTabProps {
-    onClick: (e?: React.MouseEvent<HTMLButtonElement>) => void;
+    onClick: (e: MouseEvent) => void | (() => void);
     active: boolean;
     id: string;
     ariaControls: string;

package/dist/index.js

@@ -15434,7 +15434,7 @@ var LuiTabs = function (props) {
 };
 
 var LuiTab = function (props) {
-    return (React__default["default"].createElement("button", { className: clsx$1('LuiTab', props.active && 'LuiTab--active'), id: props.id, role: "tab", "aria-selected": props.active, "aria-controls": "".concat(props.ariaControls), title: props.titleAttribute, onClick: props.onClick }, props.children));
+    return (React__default["default"].createElement("button", { className: clsx$1('LuiTab', props.active && 'LuiTab--active'), id: props.id, role: "tab", type: "button", "aria-selected": props.active, "aria-controls": "".concat(props.ariaControls), title: props.titleAttribute, onClick: props.onClick }, props.children));
 };
 
 // import './LuiTabsGroup.scss';
@@ -40328,7 +40328,7 @@ var LuiHeaderV2 = function (_a) {
             React__default["default"].createElement("div", { className: "LuiHeaderV2-col" }, children))));
 };
 var LuiHeaderMenuItemV2 = React$1.forwardRef(function (_a, ref) {
-    var icon = _a.icon, _b = _a.iconColor, iconColor = _b === void 0 ? '#ffffff' : _b, label = _a.label, badge = _a.badge, hide = _a.hide, onClick = _a.onClick, _c = _a["data-testid"], dataTestId = _c === void 0 ? 'menu-item' : _c, children = _a.children;
+    var icon = _a.icon, _b = _a.iconColor, iconColor = _b === void 0 ? '#E2F3F7' : _b, label = _a.label, badge = _a.badge, hide = _a.hide, onClick = _a.onClick, _c = _a["data-testid"], dataTestId = _c === void 0 ? 'menu-item' : _c, children = _a.children;
     var menuItemClasses = clsx$1('LuiHeaderV2-menu-item', hide && buildHideClassDict(hide));
     var resolvedIcon = !icon && !label ? 'ic_menu' : icon;
     return (React__default["default"].createElement("div", { className: menuItemClasses, ref: ref },
@@ -40457,7 +40457,7 @@ var LuiDrawerMenuOptionV2 = function (_a) {
         React__default["default"].createElement("div", { className: "LuiHeaderMenuV2-drawer-option-label" },
             typeof icon === 'string' ? (React__default["default"].createElement(LuiIcon, { size: iconSize, name: icon, alt: '', color: iconColor, "data-testid": 'drawer-option-icon' })) : (icon),
             label),
-        badge));
+        badge && (React__default["default"].createElement("div", { className: "LuiHeaderMenuV2-drawer-option-badge" }, badge))));
 };
 var LuiDrawerMenuV2 = function (_a) {
     var children = _a.children, _b = _a.hasStickyHeader, hasStickyHeader = _b === void 0 ? true : _b, menuPropsCopy = __rest$1(_a, ["children", "hasStickyHeader"]);