@linzjs/lui 18.6.1 → 18.7.1

package/CHANGELOG.md

@@ -1,3 +1,17 @@
+## [18.7.1](https://github.com/linz/lui/compare/v18.7.0...v18.7.1) (2023-08-16)
+
+
+### Bug Fixes
+
+* **LuiMultiSwitch:** focus border causing jitter at certain zoom levels ([#988](https://github.com/linz/lui/issues/988)) ([75da14d](https://github.com/linz/lui/commit/75da14da778fb91f3a12e03c54fbb7731603603b))
+
+# [18.7.0](https://github.com/linz/lui/compare/v18.6.1...v18.7.0) (2023-08-15)
+
+
+### Features
+
+* add warning style for select input ([#986](https://github.com/linz/lui/issues/986)) ([5fa14af](https://github.com/linz/lui/commit/5fa14afa4bcb78c6486cfb580961648941d3ecce))
+
 ## [18.6.1](https://github.com/linz/lui/compare/v18.6.0...v18.6.1) (2023-08-14)
 
 

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

@@ -6,6 +6,7 @@ export declare type SelectOptions = {
 };
 export interface SelectProps {
     error?: string;
+    warning?: string;
     onChange?: ChangeEventHandler<HTMLSelectElement>;
     options: SelectOptions[];
     value: string;

package/dist/index.js

@@ -28393,7 +28393,7 @@ var extensionsAsHumanReadableList = function (extensions) {
 var LuiSelectInput = function (props) {
     var _a, _b;
     var id = useGenerateOrDefaultId((_a = props.selectProps) === null || _a === void 0 ? void 0 : _a.id);
-    return (React__default["default"].createElement("div", { className: clsx('LuiSelect', ((_b = props.selectProps) === null || _b === void 0 ? void 0 : _b.disabled) ? 'isDisabled' : '', props.error ? 'hasError' : '') },
+    return (React__default["default"].createElement("div", { className: clsx('LuiSelect', ((_b = props.selectProps) === null || _b === void 0 ? void 0 : _b.disabled) ? 'isDisabled' : '', props.error ? 'hasError' : '', props.warning ? 'hasWarning' : '') },
         React__default["default"].createElement("label", { htmlFor: id, className: "LuiSelect-label" },
             props.mandatory && React__default["default"].createElement("span", { className: "LuiSelect-mandatory" }, "*"),
             React__default["default"].createElement("span", { className: clsx('LuiSelect-label-text', props.hideLabel ? 'LuiScreenReadersOnly' : '') }, props.label),
@@ -28407,7 +28407,10 @@ var LuiSelectInput = function (props) {
                 React__default["default"].createElement(LuiIcon, { alt: 'Error', name: "ic_keyboard_arrow_down", className: "LuiSelect-chevron-icon", size: "md" })),
             props.error && (React__default["default"].createElement("span", { className: "LuiSelect-error" },
                 React__default["default"].createElement(LuiIcon, { alt: 'Error', name: "ic_error", className: "LuiSelect-error-icon", size: "sm", status: "error" }),
-                props.error)))));
+                props.error)),
+            props.warning && (React__default["default"].createElement("span", { className: "LuiSelect-warning" },
+                React__default["default"].createElement(LuiIcon, { alt: 'Warning', name: "ic_warning", className: "LuiSelect-warning-icon", size: "sm", status: "warning" }),
+                props.warning)))));
 };
 
 var LuiTextAreaInput = function (props) {