@linzjs/lui 23.13.0 → 23.13.1

package/dist/lui.esm.js

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