@linzjs/lui 18.6.0 → 18.7.0

package/CHANGELOG.md

@@ -1,3 +1,17 @@
+# [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)
+
+
+### Bug Fixes
+
+* **LuiMultiSwitch:** Fix controlled props warning for read-only text input ([#985](https://github.com/linz/lui/issues/985)) ([ac718ee](https://github.com/linz/lui/commit/ac718eeaf08f1e58107098d44ed7497c6b42963b))
+
 # [18.6.0](https://github.com/linz/lui/compare/v18.5.1...v18.6.0) (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) {
@@ -67865,7 +67868,7 @@ var LuiMultiSwitch = function (_a) {
         select(newSelectedIndex).then();
     };
     return (React__default["default"].createElement("div", { className: clsx('LuiMultiSwitch', className), role: 'radiogroup', "data-testid": props['data-testid'] },
-        React__default["default"].createElement("input", { ref: inputRef, name: id.current, type: 'text', value: selectedIndex, autoFocus: autoFocus, onKeyUp: function (e) {
+        React__default["default"].createElement("input", { ref: inputRef, readOnly: true, name: id.current, type: 'text', value: selectedIndex, autoFocus: autoFocus, onKeyUp: function (e) {
                 e.key === 'ArrowLeft' && selectOffset(-1);
                 e.key === 'ArrowRight' && selectOffset(1);
                 e.key === ' ' && selectOffset(1, true);