@linzjs/lui 24.0.1 → 24.0.2

package/CHANGELOG.md

@@ -1,3 +1,10 @@
+## [24.0.2](https://github.com/linz/lui/compare/v24.0.1...v24.0.2) (2025-11-04)
+
+
+### Bug Fixes
+
+* **LuiComboSelect:** restore interface to support styling of the input element. ([#1270](https://github.com/linz/lui/issues/1270)) ([7ce6a13](https://github.com/linz/lui/commit/7ce6a137c7f16ffa3acbe4357569a6eb59ef47db))
+
 ## [24.0.1](https://github.com/linz/lui/compare/v24.0.0...v24.0.1) (2025-11-03)
 
 

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

@@ -5,6 +5,9 @@ export type LuiComboSelectProps<Option extends LuiComboSelectOption = LuiComboSe
     hideLabel?: boolean;
     isCreateable?: boolean;
     error?: string;
+    selectProps?: {
+        className?: string;
+    };
 };
 export type LuiComboSelectOption = Partial<OptionProps> & {
     label: string;
@@ -18,4 +21,7 @@ export declare const LuiComboSelect: React.ForwardRefExoticComponent<Partial<Pro
     hideLabel?: boolean | undefined;
     isCreateable?: boolean | undefined;
     error?: string | undefined;
+    selectProps?: {
+        className?: string | undefined;
+    } | undefined;
 } & React.RefAttributes<SelectInstance<LuiComboSelectOption, boolean, GroupBase<LuiComboSelectOption>>>>;

package/dist/index.js

@@ -15706,6 +15706,7 @@ var LuiComboSelect = React.forwardRef(LuiComboSelectActual);
 // the function declaration
 var LuiLoadingIndicator = function () { return React__default["default"].createElement(LuiMiniSpinner, { size: 25 }); };
 function LuiComboSelectActual(givenProps, ref) {
+    var _a;
     var props = Object.assign({
         noOptionsMessage: function (i) {
             return "No options found containing '".concat(i.inputValue, "'");
@@ -15715,7 +15716,7 @@ function LuiComboSelectActual(givenProps, ref) {
     // box-shadow: "-8px 0px 0 0 #cc0000";
     // border-radius: "4px";
     var id = useGenerateOrDefaultId(props === null || props === void 0 ? void 0 : props.id);
-    var selectProp = __assign(__assign({ inputId: id }, props), { classNamePrefix: 'LuiComboSelect', className: undefined, theme: function (theme) { return (__assign(__assign({}, theme), { colors: __assign(__assign({}, theme.colors), { primary: colors['sea'], primary75: colors['electric'], primary50: colors['spray'], primary25: colors['polar'], neutral90: colors['charcoal'], neutral80: colors['charcoal'], neutral70: colors['charcoal'], neutral60: colors['fuscous'], neutral50: colors['fuscous'], neutral40: colors['gray'], neutral30: colors['gray'], neutral20: colors['silver'], neutral10: colors['lily'], neutral5: colors['hint'], danger: colors['error'], dangerLight: colors['error-bg'] }) })); }, styles: {
+    var selectProp = __assign(__assign({ inputId: id }, props), { classNamePrefix: 'LuiComboSelect', className: (_a = props.selectProps) === null || _a === void 0 ? void 0 : _a.className, theme: function (theme) { return (__assign(__assign({}, theme), { colors: __assign(__assign({}, theme.colors), { primary: colors['sea'], primary75: colors['electric'], primary50: colors['spray'], primary25: colors['polar'], neutral90: colors['charcoal'], neutral80: colors['charcoal'], neutral70: colors['charcoal'], neutral60: colors['fuscous'], neutral50: colors['fuscous'], neutral40: colors['gray'], neutral30: colors['gray'], neutral20: colors['silver'], neutral10: colors['lily'], neutral5: colors['hint'], danger: colors['error'], dangerLight: colors['error-bg'] }) })); }, styles: {
             control: function (provided, state) { return (__assign(__assign({}, provided), { 
                 /* matches style of .LuiTextInput-input */
                 boxShadow: 'none', border: state.isFocused ? '1px solid #053d52' : '1px solid #b2b2b2', '&:hover, &:active': {