@linzjs/lui 21.53.4 → 21.54.0

package/CHANGELOG.md

@@ -1,3 +1,10 @@
+# [21.54.0](https://github.com/linz/lui/compare/v21.53.4...v21.54.0) (2024-11-21)
+
+
+### Features
+
+* Add className to LuiSelectInput props ([#1175](https://github.com/linz/lui/issues/1175)) ([b9ddacd](https://github.com/linz/lui/commit/b9ddacdd69c3291fb4c93c43afe05345d61d4ac5))
+
 ## [21.53.4](https://github.com/linz/lui/compare/v21.53.3...v21.53.4) (2024-11-20)
 
 

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

@@ -15,5 +15,6 @@ export interface SelectProps {
     selectProps?: DetailedHTMLProps<SelectHTMLAttributes<HTMLSelectElement>, HTMLSelectElement>;
     label: JSX.Element | string;
     placeholderText?: string;
+    className?: string;
 }
 export declare const LuiSelectInput: (props: SelectProps) => JSX.Element;

package/dist/index.js

@@ -31986,7 +31986,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' : '', props.warning ? 'hasWarning' : '') },
+    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' : '', props.className) },
         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),
@@ -60048,9 +60048,9 @@ var getTimeout = function (_a) {
  */
 var useShowLUIMessageCompatibleInterface = function () {
     var t = useToast();
-    return function (props) {
+    return React.useCallback(function (props) {
         return t[props.messageLevel](props.message, { timeout: getTimeout(props) });
-    };
+    }, []);
 };
 
 /**