@linzjs/lui 17.11.2 → 17.11.3

package/CHANGELOG.md

@@ -1,3 +1,10 @@
+## [17.11.3](https://github.com/linz/lui/compare/v17.11.2...v17.11.3) (2022-08-24)
+
+
+### Bug Fixes
+
+* added warning to text input and fixed msg alignment with icon ([#738](https://github.com/linz/lui/issues/738)) ([45b6e87](https://github.com/linz/lui/commit/45b6e8755fbf0663478b7cda81d55b429d35f744))
+
 ## [17.11.2](https://github.com/linz/lui/compare/v17.11.1...v17.11.2) (2022-08-23)
 
 

package/dist/components/LuiFormElements/LuiTextInput/LuiTextInput.d.ts

@@ -3,6 +3,7 @@ export interface LuiTextInputProps {
     onChange?: ChangeEventHandler<HTMLInputElement>;
     inputProps?: InputHTMLAttributes<HTMLInputElement>;
     error?: string;
+    warning?: string;
     hideLabel?: boolean;
     label: JSX.Element | string;
     /**

package/dist/index.js

@@ -873,7 +873,7 @@ function useGenerateOrDefaultId(idFromProps) {
 }
 const LuiTextInput = (props) => {
     const id = useGenerateOrDefaultId(props.inputProps?.id);
-    return (React__default["default"].createElement("div", { className: clsx('LuiTextInput', props.error && 'hasError', props.className) },
+    return (React__default["default"].createElement("div", { className: clsx('LuiTextInput', props.error && 'hasError', props.warning && 'hasWarning', props.className) },
         React__default["default"].createElement("label", { className: 'LuiTextInput-label', htmlFor: id },
             props.mandatory && React__default["default"].createElement("span", { className: "LuiTextInput-mandatory" }, "*"),
             React__default["default"].createElement("span", { className: 'LuiTextInput-label-text ' +
@@ -884,7 +884,10 @@ const LuiTextInput = (props) => {
                 props.icon),
             props.error && (React__default["default"].createElement("span", { className: "LuiTextInput-error" },
                 React__default["default"].createElement(LuiIcon, { alt: "error", name: "ic_error", className: "LuiTextInput-error-icon", size: "sm", status: "error" }),
-                props.error)))));
+                props.error)),
+            props.warning && (React__default["default"].createElement("span", { className: "LuiTextInput-warning" },
+                React__default["default"].createElement(LuiIcon, { alt: "warning", name: "ic_warning", className: "LuiTextInput-warning-icon", size: "sm", status: "warning" }),
+                props.warning)))));
 };
 
 const LuiCheckboxInput = (props) => {