@linzjs/lui 22.10.3 → 22.12.0

package/CHANGELOG.md

@@ -1,3 +1,17 @@
+# [22.12.0](https://github.com/linz/lui/compare/v22.11.0...v22.12.0) (2025-04-27)
+
+
+### Features
+
+* **LuiTab:** Adds warning state to lui tab ([#1215](https://github.com/linz/lui/issues/1215)) ([08768ca](https://github.com/linz/lui/commit/08768ca5b2d8bdac1dd66b140aaeebcb45c5e59b))
+
+# [22.11.0](https://github.com/linz/lui/compare/v22.10.3...v22.11.0) (2025-04-22)
+
+
+### Features
+
+* **LuiIcon:** added collapse layers icon ([#1214](https://github.com/linz/lui/issues/1214)) ([a7b06e4](https://github.com/linz/lui/commit/a7b06e4e4c2ebc5ded886ef374adc52b93d3e501))
+
 ## [22.10.3](https://github.com/linz/lui/compare/v22.10.2...v22.10.3) (2025-04-16)
 
 

package/dist/assets/svg-content.tsx

@@ -2191,6 +2191,17 @@ iconMap['ic_zoomout_snippet_rectangle'] = (
   </svg>
 );
 
+iconMap['ic_collapse_layers'] = (
+  <svg viewBox="0 0 24 24">
+    <path d="M12.9998 3C12.9998 2.44772 13.4476 2 13.9998 2H20.9998C21.5521 2 21.9998 2.44772 21.9998 3C21.9998 3.55228 21.5521 4 20.9998 4H13.9998C13.4476 4 12.9998 3.55228 12.9998 3Z" />
+    <path d="M12.9998 9C12.9998 8.44772 13.4476 8 13.9998 8H20.9998C21.5521 8 21.9998 8.44772 21.9998 9C21.9998 9.55228 21.5521 10 20.9998 10H13.9998C13.4476 10 12.9998 9.55228 12.9998 9Z" />
+    <path d="M12.9998 15C12.9998 14.4477 13.4476 14 13.9998 14H20.9998C21.5521 14 21.9998 14.4477 21.9998 15C21.9998 15.5523 21.5521 16 20.9998 16H13.9998C13.4476 16 12.9998 15.5523 12.9998 15Z" />
+    <path d="M12.9998 21C12.9998 20.4477 13.4476 20 13.9998 20H20.9998C21.5521 20 21.9998 20.4477 21.9998 21C21.9998 21.5523 21.5521 22 20.9998 22H13.9998C13.4476 22 12.9998 21.5523 12.9998 21Z" />
+    <path d="M6.70695 15.7071L10.2927 19.2929C10.6833 19.6834 10.6833 20.3166 10.2927 20.7071L10.207 20.7929C9.81643 21.1834 9.18327 21.1834 8.79274 20.7929L5.99985 18L3.20695 20.7929C2.81643 21.1834 2.18327 21.1834 1.79274 20.7929L1.70696 20.7071C1.31643 20.3166 1.31643 19.6834 1.70696 19.2929L5.29274 15.7071C5.68327 15.3166 6.31643 15.3166 6.70695 15.7071Z" />
+    <path d="M5.29274 8.29289L1.70696 4.7071C1.31643 4.31658 1.31643 3.68341 1.70696 3.29289L1.79274 3.2071C2.18327 2.81658 2.81643 2.81658 3.20696 3.20711L5.99985 5.99999L8.79274 3.20711C9.18327 2.81658 9.81643 2.81658 10.207 3.20711L10.2927 3.29289C10.6833 3.68342 10.6833 4.31658 10.2927 4.70711L6.70695 8.29289C6.31643 8.68341 5.68327 8.68341 5.29274 8.29289Z" />
+  </svg>
+);
+
 export const ICONS = iconMap;
 
 // END OF GENERATED FILE

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

@@ -3,6 +3,7 @@ export interface LuiTabProps {
     onClick: (e: MouseEvent) => void | (() => void);
     active: boolean;
     inError?: boolean;
+    inWarning?: boolean;
     id: string;
     ariaControls: string;
     titleAttribute?: string;

package/dist/index.js

@@ -847,6 +847,13 @@ iconMap['ic_zoomout_snippet_polygon'] = (React__default["default"].createElement
 iconMap['ic_zoomout_snippet_rectangle'] = (React__default["default"].createElement("svg", { viewBox: "0 0 24 24" },
     React__default["default"].createElement("path", { d: "M9.8 14.2c0-.1-.1-.1-.1-.2H5c-.6 0-1-.4-1-1V5c0-.6.4-1 1-1h13c.4 0 .8.3.9.6q1.2.6 2.1 1.5V5c0-1.7-1.3-3-3-3H5C3.3 2 2 3.3 2 5v8c0 1.7 1.3 3 3 3h3z" }),
     React__default["default"].createElement("path", { d: "M21.1 7.9c-1.7-2.8-5.4-3.7-8.2-2s-3.7 5.4-2 8.2L8 17l2 2 2.9-2.9c.9.6 2 .9 3.1.9 3.3 0 6-2.7 6-6 0-1.1-.3-2.2-.9-3.1M20 12h-8v-2h8z" })));
+iconMap['ic_collapse_layers'] = (React__default["default"].createElement("svg", { viewBox: "0 0 24 24" },
+    React__default["default"].createElement("path", { d: "M12.9998 3C12.9998 2.44772 13.4476 2 13.9998 2H20.9998C21.5521 2 21.9998 2.44772 21.9998 3C21.9998 3.55228 21.5521 4 20.9998 4H13.9998C13.4476 4 12.9998 3.55228 12.9998 3Z" }),
+    React__default["default"].createElement("path", { d: "M12.9998 9C12.9998 8.44772 13.4476 8 13.9998 8H20.9998C21.5521 8 21.9998 8.44772 21.9998 9C21.9998 9.55228 21.5521 10 20.9998 10H13.9998C13.4476 10 12.9998 9.55228 12.9998 9Z" }),
+    React__default["default"].createElement("path", { d: "M12.9998 15C12.9998 14.4477 13.4476 14 13.9998 14H20.9998C21.5521 14 21.9998 14.4477 21.9998 15C21.9998 15.5523 21.5521 16 20.9998 16H13.9998C13.4476 16 12.9998 15.5523 12.9998 15Z" }),
+    React__default["default"].createElement("path", { d: "M12.9998 21C12.9998 20.4477 13.4476 20 13.9998 20H20.9998C21.5521 20 21.9998 20.4477 21.9998 21C21.9998 21.5523 21.5521 22 20.9998 22H13.9998C13.4476 22 12.9998 21.5523 12.9998 21Z" }),
+    React__default["default"].createElement("path", { d: "M6.70695 15.7071L10.2927 19.2929C10.6833 19.6834 10.6833 20.3166 10.2927 20.7071L10.207 20.7929C9.81643 21.1834 9.18327 21.1834 8.79274 20.7929L5.99985 18L3.20695 20.7929C2.81643 21.1834 2.18327 21.1834 1.79274 20.7929L1.70696 20.7071C1.31643 20.3166 1.31643 19.6834 1.70696 19.2929L5.29274 15.7071C5.68327 15.3166 6.31643 15.3166 6.70695 15.7071Z" }),
+    React__default["default"].createElement("path", { d: "M5.29274 8.29289L1.70696 4.7071C1.31643 4.31658 1.31643 3.68341 1.70696 3.29289L1.79274 3.2071C2.18327 2.81658 2.81643 2.81658 3.20696 3.20711L5.99985 5.99999L8.79274 3.20711C9.18327 2.81658 9.81643 2.81658 10.207 3.20711L10.2927 3.29289C10.6833 3.68342 10.6833 4.31658 10.2927 4.70711L6.70695 8.29289C6.31643 8.68341 5.68327 8.68341 5.29274 8.29289Z" })));
 var ICONS = iconMap;
 // END OF GENERATED FILE
 
@@ -31655,8 +31662,9 @@ var LuiTabs = function (props) {
 };
 
 var LuiTab = function (props) {
-    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),
+    return (React__default["default"].createElement("button", __assign({ className: clsx('LuiTab', props.active && 'LuiTab--active', props.inError && 'LuiTab--error', props.inWarning && 'LuiTab--warning'), 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.inWarning && (React__default["default"].createElement(LuiIcon, { name: "ic_warning_outline", size: "md", className: "tabWarningIcon", alt: "There is a warning in this tabs content" })),
         props.children));
 };