@linzjs/lui 23.13.0 → 23.13.1

package/CHANGELOG.md

@@ -1,3 +1,10 @@
+## [23.13.1](https://github.com/linz/lui/compare/v23.13.0...v23.13.1) (2025-10-08)
+
+
+### Bug Fixes
+
+* **LuiComboSelect:**  Fix LuiComboSelect to properly set custom classnames ([#1254](https://github.com/linz/lui/issues/1254)) ([8fdc579](https://github.com/linz/lui/commit/8fdc579e44bb496295a4acfa4b1d069641a694da))
+
 # [23.13.0](https://github.com/linz/lui/compare/v23.12.0...v23.13.0) (2025-10-08)
 
 

package/dist/index.d.ts

@@ -29,7 +29,7 @@ export { LuiIcon } from './components/LuiIcon/LuiIcon';
 export { LuiBearingInput } from './components/LuiBearingInput/LuiBearingInput';
 export { LuiFooter } from './components/LuiFooter/LuiFooter';
 export { LuiAppFooterSml } from './components/LuiFooter/LuiAppFooterSml';
-export { LuiComboSelect, type LuiComboSelectProps, type LuiComboSelectOption, } from './components/LuiForms/LuiComboSelect/LuiComboSelect';
+export { LuiComboSelect, type LuiComboSelectProps, type LuiComboSelectOption, } from './components/LuiFormElements/LuiComboSelect/LuiComboSelect';
 export { LuiFormSectionHeader, type IFormSectionHeaderProps, } from './components/LuiForms/LuiFormSection/LuiFormSectionHeader';
 export * from './components/LuiHeader/LuiHeader';
 export * from './components/LuiHeaderV2/LuiHeaderV2';

package/dist/index.js

@@ -15042,7 +15042,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', 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: 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: {
             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': {
@@ -15062,12 +15062,13 @@ function LuiComboSelectActual(givenProps, ref) {
                 return (__assign(__assign({}, provided), { color: colors['input-text'], backgroundColor: isSelected ? colors['selection'] : colors['white'] }));
             }
         } });
-    return (React__default["default"].createElement("label", { htmlFor: id, className: clsx('LuiComboSelect-label', props.error && 'hasError') },
-        React__default["default"].createElement("span", { className: clsx('LuiSelect-label-text', props.hideLabel ? 'LuiScreenReadersOnly' : '') }, props.label),
-        props.isCreateable ? (React__default["default"].createElement(CreatableSelect, __assign({ formatCreateLabel: function (inputValue) { return inputValue; }, createOptionPosition: "first", ref: ref }, selectProp))) : (React__default["default"].createElement(Select, __assign({ ref: ref }, selectProp))),
-        props.error && (React__default["default"].createElement("span", { className: "LuiComboSelect-error" },
-            React__default["default"].createElement(LuiIcon, { alt: 'Error', name: "ic_error", className: "LuiComboSelect-error-icon", size: "sm", status: "error" }),
-            props.error))));
+    return (React__default["default"].createElement("div", { className: clsx('LuiComboSelect', props.className) },
+        React__default["default"].createElement("label", { htmlFor: id, className: clsx('LuiComboSelect-label', props.error && 'hasError') },
+            React__default["default"].createElement("span", { className: clsx('LuiSelect-label-text', props.hideLabel ? 'LuiScreenReadersOnly' : '') }, props.label),
+            props.isCreateable ? (React__default["default"].createElement(CreatableSelect, __assign({ formatCreateLabel: function (inputValue) { return inputValue; }, createOptionPosition: "first", ref: ref }, selectProp))) : (React__default["default"].createElement(Select, __assign({ ref: ref }, selectProp))),
+            props.error && (React__default["default"].createElement("span", { className: "LuiComboSelect-error" },
+                React__default["default"].createElement(LuiIcon, { alt: 'Error', name: "ic_error", className: "LuiComboSelect-error-icon", size: "sm", status: "error" }),
+                props.error)))));
 }
 
 var LuiShadow = function (props) {