@linzjs/lui 21.23.1 → 21.24.0

package/CHANGELOG.md

@@ -1,3 +1,10 @@
+# [21.24.0](https://github.com/linz/lui/compare/v21.23.1...v21.24.0) (2024-02-28)
+
+
+### Features
+
+* **LuiTab errors:** create release for single tab to error state ([#1100](https://github.com/linz/lui/issues/1100)) ([2ce2fef](https://github.com/linz/lui/commit/2ce2fef18551183f3a609d483a01f8bfbfce1faf))
+
 ## [21.23.1](https://github.com/linz/lui/compare/v21.23.0...v21.23.1) (2024-02-22)
 
 

package/dist/components/LuiTabs/LuiTab/LuiTab.d.ts

@@ -2,6 +2,7 @@ import React, { ButtonHTMLAttributes, MouseEvent } from 'react';
 export interface LuiTabProps {
     onClick: (e: MouseEvent) => void | (() => void);
     active: boolean;
+    inError?: boolean;
     id: string;
     ariaControls: string;
     titleAttribute?: string;

package/dist/index.js

@@ -31661,7 +31661,9 @@ var LuiTabs = function (props) {
 };
 
 var LuiTab = function (props) {
-    return (React__default["default"].createElement("button", __assign({ className: clsx('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.buttonProps), props.children));
+    return (React__default["default"].createElement("button", __assign({ className: clsx('LuiTab', props.active && 'LuiTab--active', props.inError && 'LuiTab--error'), id: props.id, role: "tab", type: "button", "aria-selected": props.active, "aria-controls": "".concat(props.ariaControls), title: props.titleAttribute, onClick: props.onClick }, props.buttonProps),
+        props.inError && (React__default["default"].createElement(LuiIcon, { name: "ic_error_outline", size: "md", className: "tabErrorIcon", alt: "There is an error in this tabs content" })),
+        props.children));
 };
 
 // import './LuiTabsGroup.scss';