@react-spectrum/combobox 3.6.1-nightly.3539 → 3.6.1-nightly.3547

package/dist/main.js

@@ -2,7 +2,6 @@ require("./main.css");
 var $15RmB$reactstatelycollections = require("@react-stately/collections");
 var $15RmB$spectrumiconsuiChevronDownMedium = require("@spectrum-icons/ui/ChevronDownMedium");
 var $15RmB$reactspectrumutils = require("@react-spectrum/utils");
-var $15RmB$reactariaoverlays = require("@react-aria/overlays");
 var $15RmB$reactspectrumlabel = require("@react-spectrum/label");
 var $15RmB$reactspectrumbutton = require("@react-spectrum/button");
 var $15RmB$reactariafocus = require("@react-aria/focus");
@@ -19,6 +18,7 @@ var $15RmB$reactariautils = require("@react-aria/utils");
 var $15RmB$reactspectrumprovider = require("@react-spectrum/provider");
 var $15RmB$spectrumiconsuiAlertMedium = require("@spectrum-icons/ui/AlertMedium");
 var $15RmB$spectrumiconsuiCheckmarkMedium = require("@spectrum-icons/ui/CheckmarkMedium");
+var $15RmB$reactariaoverlays = require("@react-aria/overlays");
 var $15RmB$reactariabutton = require("@react-aria/button");
 var $15RmB$reactariadialog = require("@react-aria/dialog");
 var $15RmB$reactarialabel = require("@react-aria/label");
@@ -69,7 +69,6 @@ $41fae9390a5a37fa$export$7281dc54d38d4bed = "tray-listbox_743018";
 
 
 
-
 var $ead3369732595b45$exports = {};
 var $152076b938000ae9$exports = {};
 $152076b938000ae9$exports = {
@@ -426,8 +425,6 @@ $parcel$export($afc5a4514aca2340$exports, "spectrum-FieldButton", () => $afc5a45
 $parcel$export($afc5a4514aca2340$exports, "spectrum-ClearButton", () => $afc5a4514aca2340$export$b752ce409e5660c, (v) => $afc5a4514aca2340$export$b752ce409e5660c = v);
 $parcel$export($afc5a4514aca2340$exports, "focus-ring", () => $afc5a4514aca2340$export$f39a09f249340e2a, (v) => $afc5a4514aca2340$export$f39a09f249340e2a = v);
 $parcel$export($afc5a4514aca2340$exports, "spectrum-Icon", () => $afc5a4514aca2340$export$d374b04f30360026, (v) => $afc5a4514aca2340$export$d374b04f30360026 = v);
-$parcel$export($afc5a4514aca2340$exports, "spectrum-ActionButton--emphasized", () => $afc5a4514aca2340$export$5aabb61a966e266f, (v) => $afc5a4514aca2340$export$5aabb61a966e266f = v);
-$parcel$export($afc5a4514aca2340$exports, "spectrum-ActionButton--staticColor", () => $afc5a4514aca2340$export$29b7b5d6a5a497c5, (v) => $afc5a4514aca2340$export$29b7b5d6a5a497c5 = v);
 $parcel$export($afc5a4514aca2340$exports, "is-hovered", () => $afc5a4514aca2340$export$b8813cd5d7824ce7, (v) => $afc5a4514aca2340$export$b8813cd5d7824ce7 = v);
 $parcel$export($afc5a4514aca2340$exports, "spectrum-Button-label", () => $afc5a4514aca2340$export$c081ba562e204942, (v) => $afc5a4514aca2340$export$c081ba562e204942 = v);
 $parcel$export($afc5a4514aca2340$exports, "spectrum-Button--iconOnly", () => $afc5a4514aca2340$export$c1d306ec0fae3838, (v) => $afc5a4514aca2340$export$c1d306ec0fae3838 = v);
@@ -437,23 +434,19 @@ $parcel$export($afc5a4514aca2340$exports, "spectrum-ActionButton--quiet", () =>
 $parcel$export($afc5a4514aca2340$exports, "is-disabled", () => $afc5a4514aca2340$export$d35bc1e505d1ebbf, (v) => $afc5a4514aca2340$export$d35bc1e505d1ebbf = v);
 $parcel$export($afc5a4514aca2340$exports, "is-open", () => $afc5a4514aca2340$export$a9781837241c946d, (v) => $afc5a4514aca2340$export$a9781837241c946d = v);
 $parcel$export($afc5a4514aca2340$exports, "spectrum-FieldButton--quiet", () => $afc5a4514aca2340$export$5ca7b274e4fff9fc, (v) => $afc5a4514aca2340$export$5ca7b274e4fff9fc = v);
-$parcel$export($afc5a4514aca2340$exports, "spectrum-ClearButton--overBackground", () => $afc5a4514aca2340$export$116f2fccf941d34d, (v) => $afc5a4514aca2340$export$116f2fccf941d34d = v);
 $parcel$export($afc5a4514aca2340$exports, "spectrum-ClearButton--small", () => $afc5a4514aca2340$export$49280ffa5236ba8b, (v) => $afc5a4514aca2340$export$49280ffa5236ba8b = v);
 $parcel$export($afc5a4514aca2340$exports, "is-focused", () => $afc5a4514aca2340$export$e7dc768d35940237, (v) => $afc5a4514aca2340$export$e7dc768d35940237 = v);
 $parcel$export($afc5a4514aca2340$exports, "is-active", () => $afc5a4514aca2340$export$20fd0f7cd4e6112f, (v) => $afc5a4514aca2340$export$20fd0f7cd4e6112f = v);
-$parcel$export($afc5a4514aca2340$exports, "spectrum-Button--cta", () => $afc5a4514aca2340$export$b818fdf0052a2cab, (v) => $afc5a4514aca2340$export$b818fdf0052a2cab = v);
-$parcel$export($afc5a4514aca2340$exports, "spectrum-Button--primary", () => $afc5a4514aca2340$export$c1c3511f5e96e926, (v) => $afc5a4514aca2340$export$c1c3511f5e96e926 = v);
-$parcel$export($afc5a4514aca2340$exports, "spectrum-Button--secondary", () => $afc5a4514aca2340$export$4f1b75526afd8ff3, (v) => $afc5a4514aca2340$export$4f1b75526afd8ff3 = v);
-$parcel$export($afc5a4514aca2340$exports, "spectrum-Button--warning", () => $afc5a4514aca2340$export$6f97cef817ff1cac, (v) => $afc5a4514aca2340$export$6f97cef817ff1cac = v);
-$parcel$export($afc5a4514aca2340$exports, "spectrum-Button--overBackground", () => $afc5a4514aca2340$export$5cda1128f9112d2e, (v) => $afc5a4514aca2340$export$5cda1128f9112d2e = v);
-$parcel$export($afc5a4514aca2340$exports, "spectrum-Button--quiet", () => $afc5a4514aca2340$export$25f049c049371040, (v) => $afc5a4514aca2340$export$25f049c049371040 = v);
 $parcel$export($afc5a4514aca2340$exports, "is-selected", () => $afc5a4514aca2340$export$1e0fb04f31d3c22a, (v) => $afc5a4514aca2340$export$1e0fb04f31d3c22a = v);
+$parcel$export($afc5a4514aca2340$exports, "spectrum-ActionButton--emphasized", () => $afc5a4514aca2340$export$5aabb61a966e266f, (v) => $afc5a4514aca2340$export$5aabb61a966e266f = v);
 $parcel$export($afc5a4514aca2340$exports, "spectrum-ActionButton--staticWhite", () => $afc5a4514aca2340$export$ccc536e1adbdc059, (v) => $afc5a4514aca2340$export$ccc536e1adbdc059 = v);
 $parcel$export($afc5a4514aca2340$exports, "spectrum-ActionButton--staticBlack", () => $afc5a4514aca2340$export$8f7c9db66978d20f, (v) => $afc5a4514aca2340$export$8f7c9db66978d20f = v);
+$parcel$export($afc5a4514aca2340$exports, "spectrum-ActionButton--staticColor", () => $afc5a4514aca2340$export$29b7b5d6a5a497c5, (v) => $afc5a4514aca2340$export$29b7b5d6a5a497c5 = v);
 $parcel$export($afc5a4514aca2340$exports, "spectrum-LogicButton--and", () => $afc5a4514aca2340$export$e52daab43a62c528, (v) => $afc5a4514aca2340$export$e52daab43a62c528 = v);
 $parcel$export($afc5a4514aca2340$exports, "spectrum-LogicButton--or", () => $afc5a4514aca2340$export$da76be6126aaa633, (v) => $afc5a4514aca2340$export$da76be6126aaa633 = v);
 $parcel$export($afc5a4514aca2340$exports, "is-placeholder", () => $afc5a4514aca2340$export$e5b2f5233e4e5194, (v) => $afc5a4514aca2340$export$e5b2f5233e4e5194 = v);
 $parcel$export($afc5a4514aca2340$exports, "spectrum-FieldButton--invalid", () => $afc5a4514aca2340$export$c9f503f672e8a3c1, (v) => $afc5a4514aca2340$export$c9f503f672e8a3c1 = v);
+$parcel$export($afc5a4514aca2340$exports, "spectrum-Button--overBackground", () => $afc5a4514aca2340$export$5cda1128f9112d2e, (v) => $afc5a4514aca2340$export$5cda1128f9112d2e = v);
 var $afc5a4514aca2340$export$1db4cca5b4ade39a;
 var $afc5a4514aca2340$export$53da69f51b770d3;
 var $afc5a4514aca2340$export$36ae67a131730482;
@@ -461,8 +454,6 @@ var $afc5a4514aca2340$export$a024c99ecf6b5741;
 var $afc5a4514aca2340$export$b752ce409e5660c;
 var $afc5a4514aca2340$export$f39a09f249340e2a;
 var $afc5a4514aca2340$export$d374b04f30360026;
-var $afc5a4514aca2340$export$5aabb61a966e266f;
-var $afc5a4514aca2340$export$29b7b5d6a5a497c5;
 var $afc5a4514aca2340$export$b8813cd5d7824ce7;
 var $afc5a4514aca2340$export$c081ba562e204942;
 var $afc5a4514aca2340$export$c1d306ec0fae3838;
@@ -472,23 +463,19 @@ var $afc5a4514aca2340$export$40e1f009544bacf3;
 var $afc5a4514aca2340$export$d35bc1e505d1ebbf;
 var $afc5a4514aca2340$export$a9781837241c946d;
 var $afc5a4514aca2340$export$5ca7b274e4fff9fc;
-var $afc5a4514aca2340$export$116f2fccf941d34d;
 var $afc5a4514aca2340$export$49280ffa5236ba8b;
 var $afc5a4514aca2340$export$e7dc768d35940237;
 var $afc5a4514aca2340$export$20fd0f7cd4e6112f;
-var $afc5a4514aca2340$export$b818fdf0052a2cab;
-var $afc5a4514aca2340$export$c1c3511f5e96e926;
-var $afc5a4514aca2340$export$4f1b75526afd8ff3;
-var $afc5a4514aca2340$export$6f97cef817ff1cac;
-var $afc5a4514aca2340$export$5cda1128f9112d2e;
-var $afc5a4514aca2340$export$25f049c049371040;
 var $afc5a4514aca2340$export$1e0fb04f31d3c22a;
+var $afc5a4514aca2340$export$5aabb61a966e266f;
 var $afc5a4514aca2340$export$ccc536e1adbdc059;
 var $afc5a4514aca2340$export$8f7c9db66978d20f;
+var $afc5a4514aca2340$export$29b7b5d6a5a497c5;
 var $afc5a4514aca2340$export$e52daab43a62c528;
 var $afc5a4514aca2340$export$da76be6126aaa633;
 var $afc5a4514aca2340$export$e5b2f5233e4e5194;
 var $afc5a4514aca2340$export$c9f503f672e8a3c1;
+var $afc5a4514aca2340$export$5cda1128f9112d2e;
 $afc5a4514aca2340$export$1db4cca5b4ade39a = "spectrum-Button_e2d99e";
 $afc5a4514aca2340$export$53da69f51b770d3 = "spectrum-ActionButton_e2d99e";
 $afc5a4514aca2340$export$36ae67a131730482 = "spectrum-LogicButton_e2d99e";
@@ -496,8 +483,6 @@ $afc5a4514aca2340$export$a024c99ecf6b5741 = "spectrum-FieldButton_e2d99e";
 $afc5a4514aca2340$export$b752ce409e5660c = "spectrum-ClearButton_e2d99e";
 $afc5a4514aca2340$export$f39a09f249340e2a = "focus-ring_e2d99e";
 $afc5a4514aca2340$export$d374b04f30360026 = "spectrum-Icon_e2d99e";
-$afc5a4514aca2340$export$5aabb61a966e266f = "spectrum-ActionButton--emphasized_e2d99e";
-$afc5a4514aca2340$export$29b7b5d6a5a497c5 = "spectrum-ActionButton--staticColor_e2d99e";
 $afc5a4514aca2340$export$b8813cd5d7824ce7 = "is-hovered_e2d99e";
 $afc5a4514aca2340$export$c081ba562e204942 = "spectrum-Button-label_e2d99e";
 $afc5a4514aca2340$export$c1d306ec0fae3838 = "spectrum-Button--iconOnly_e2d99e";
@@ -507,23 +492,19 @@ $afc5a4514aca2340$export$40e1f009544bacf3 = "spectrum-ActionButton--quiet_e2d99e
 $afc5a4514aca2340$export$d35bc1e505d1ebbf = "is-disabled_e2d99e";
 $afc5a4514aca2340$export$a9781837241c946d = "is-open_e2d99e";
 $afc5a4514aca2340$export$5ca7b274e4fff9fc = "spectrum-FieldButton--quiet_e2d99e";
-$afc5a4514aca2340$export$116f2fccf941d34d = "spectrum-ClearButton--overBackground_e2d99e";
 $afc5a4514aca2340$export$49280ffa5236ba8b = "spectrum-ClearButton--small_e2d99e";
 $afc5a4514aca2340$export$e7dc768d35940237 = "is-focused_e2d99e";
 $afc5a4514aca2340$export$20fd0f7cd4e6112f = "is-active_e2d99e";
-$afc5a4514aca2340$export$b818fdf0052a2cab = "spectrum-Button--cta_e2d99e";
-$afc5a4514aca2340$export$c1c3511f5e96e926 = "spectrum-Button--primary_e2d99e";
-$afc5a4514aca2340$export$4f1b75526afd8ff3 = "spectrum-Button--secondary_e2d99e";
-$afc5a4514aca2340$export$6f97cef817ff1cac = "spectrum-Button--warning_e2d99e";
-$afc5a4514aca2340$export$5cda1128f9112d2e = "spectrum-Button--overBackground_e2d99e";
-$afc5a4514aca2340$export$25f049c049371040 = "spectrum-Button--quiet_e2d99e";
 $afc5a4514aca2340$export$1e0fb04f31d3c22a = "is-selected_e2d99e";
+$afc5a4514aca2340$export$5aabb61a966e266f = "spectrum-ActionButton--emphasized_e2d99e";
 $afc5a4514aca2340$export$ccc536e1adbdc059 = "spectrum-ActionButton--staticWhite_e2d99e";
 $afc5a4514aca2340$export$8f7c9db66978d20f = "spectrum-ActionButton--staticBlack_e2d99e";
+$afc5a4514aca2340$export$29b7b5d6a5a497c5 = "spectrum-ActionButton--staticColor_e2d99e";
 $afc5a4514aca2340$export$e52daab43a62c528 = "spectrum-LogicButton--and_e2d99e";
 $afc5a4514aca2340$export$da76be6126aaa633 = "spectrum-LogicButton--or_e2d99e";
 $afc5a4514aca2340$export$e5b2f5233e4e5194 = "is-placeholder_e2d99e";
 $afc5a4514aca2340$export$c9f503f672e8a3c1 = "spectrum-FieldButton--invalid_e2d99e";
+$afc5a4514aca2340$export$5cda1128f9112d2e = "spectrum-Button--overBackground_e2d99e";
 
 
 
@@ -807,8 +788,6 @@ const $e514018f82d1b067$export$7637df911c069b4d = /*#__PURE__*/ ($parcel$interop
             $15RmB$reactariainteractions.setInteractionModality('keyboard');
         }
     };
-    let onClose = ()=>state.commit()
-    ;
     return(/*#__PURE__*/ ($parcel$interopDefault($15RmB$react)).createElement(($parcel$interopDefault($15RmB$react)).Fragment, null, /*#__PURE__*/ ($parcel$interopDefault($15RmB$react)).createElement($15RmB$reactspectrumlabel.Field, {
         ...props,
         labelProps: labelProps,
@@ -826,14 +805,12 @@ const $e514018f82d1b067$export$7637df911c069b4d = /*#__PURE__*/ ($parcel$interop
         validationState: validationState,
         onPress: ()=>!isReadOnly && state.open(null, 'manual')
     }, state.inputValue || props.placeholder || '')), /*#__PURE__*/ ($parcel$interopDefault($15RmB$react)).createElement($15RmB$reactspectrumoverlays.Tray, {
-        isOpen: state.isOpen,
-        onClose: onClose,
+        state: state,
         isFixedHeight: true,
-        isNonModal: true,
         ...overlayProps
     }, /*#__PURE__*/ ($parcel$interopDefault($15RmB$react)).createElement($e514018f82d1b067$var$ComboBoxTray, {
         ...props,
-        onClose: onClose,
+        onClose: state.close,
         overlayProps: overlayProps,
         state: state
     }))));
@@ -876,13 +853,13 @@ const $e514018f82d1b067$var$ComboBoxButton = /*#__PURE__*/ ($parcel$interopDefau
         className: $15RmB$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($2f86633ce5b04f1e$exports)), 'spectrum-InputGroup', {
             'spectrum-InputGroup--quiet': isQuiet,
             'is-disabled': isDisabled,
-            'spectrum-InputGroup--invalid': validationState === 'invalid',
+            'spectrum-InputGroup--invalid': validationState === 'invalid' && !isDisabled,
             'is-hovered': isHovered
         }, $15RmB$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($41fae9390a5a37fa$exports)), 'mobile-combobox'), className)
     }, /*#__PURE__*/ ($parcel$interopDefault($15RmB$react)).createElement("div", {
         className: $15RmB$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($40cb3a00c193680f$exports)), 'spectrum-Textfield', {
-            'spectrum-Textfield--invalid': validationState === 'invalid',
-            'spectrum-Textfield--valid': validationState === 'valid',
+            'spectrum-Textfield--invalid': validationState === 'invalid' && !isDisabled,
+            'spectrum-Textfield--valid': validationState === 'valid' && !isDisabled,
             'spectrum-Textfield--quiet': isQuiet
         }, $15RmB$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($2f86633ce5b04f1e$exports)), 'spectrum-InputGroup-field'))
     }, /*#__PURE__*/ ($parcel$interopDefault($15RmB$react)).createElement("div", {
@@ -894,12 +871,12 @@ const $e514018f82d1b067$var$ComboBoxButton = /*#__PURE__*/ ($parcel$interopDefau
     }, /*#__PURE__*/ ($parcel$interopDefault($15RmB$react)).createElement("span", {
         id: valueId,
         className: $15RmB$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($41fae9390a5a37fa$exports)), 'mobile-value')
-    }, children)), validationState ? validation : null), /*#__PURE__*/ ($parcel$interopDefault($15RmB$react)).createElement("div", {
+    }, children)), validationState && !isDisabled ? validation : null), /*#__PURE__*/ ($parcel$interopDefault($15RmB$react)).createElement("div", {
         className: $15RmB$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($afc5a4514aca2340$exports)), 'spectrum-FieldButton', {
             'spectrum-FieldButton--quiet': isQuiet,
             'is-active': isPressed,
             'is-disabled': isDisabled,
-            'spectrum-FieldButton--invalid': validationState === 'invalid',
+            'spectrum-FieldButton--invalid': validationState === 'invalid' && !isDisabled,
             'is-hovered': isHovered
         }, $15RmB$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($2f86633ce5b04f1e$exports)), 'spectrum-FieldButton'))
     }, /*#__PURE__*/ ($parcel$interopDefault($15RmB$react)).createElement(($parcel$interopDefault($15RmB$spectrumiconsuiChevronDownMedium)), {
@@ -1039,8 +1016,8 @@ function $e514018f82d1b067$var$ComboBoxTray(props) {
         labelPosition: "top",
         wrapperChildren: (state.inputValue !== '' || loadingState === 'filtering' || validationState != null) && !props.isReadOnly && clearButton,
         UNSAFE_className: $15RmB$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($1e139f06a0a4b696$exports)), 'spectrum-Search', 'spectrum-Textfield', 'spectrum-Search--loadable', {
-            'spectrum-Search--invalid': validationState === 'invalid',
-            'spectrum-Search--valid': validationState === 'valid'
+            'spectrum-Search--invalid': validationState === 'invalid' && !isDisabled,
+            'spectrum-Search--valid': validationState === 'valid' && !isDisabled
         }, $15RmB$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($41fae9390a5a37fa$exports)), 'tray-textfield', {
             'has-label': !!props.label
         })),
@@ -1130,15 +1107,6 @@ const $e4f518eb9b010873$var$ComboBoxBase = /*#__PURE__*/ ($parcel$interopDefault
         inputRef: inputRef,
         menuTrigger: menuTrigger
     }, state);
-    let { overlayProps: overlayProps , placement: placement , updatePosition: updatePosition  } = $15RmB$reactariaoverlays.useOverlayPosition({
-        targetRef: unwrappedButtonRef,
-        overlayRef: unwrappedPopoverRef,
-        scrollRef: listBoxRef,
-        placement: `${direction} end`,
-        shouldFlip: shouldFlip,
-        isOpen: state.isOpen,
-        onClose: state.close
-    });
     // Measure the width of the inputfield and the button to inform the width of the menu (below).
     let [menuWidth, setMenuWidth] = $15RmB$react.useState(null);
     let { scale: scale  } = $15RmB$reactspectrumprovider.useProvider();
@@ -1161,19 +1129,7 @@ const $e4f518eb9b010873$var$ComboBoxBase = /*#__PURE__*/ ($parcel$interopDefault
         scale,
         onResize
     ]);
-    // Update position once the ListBox has rendered. This ensures that
-    // it flips properly when it doesn't fit in the available space.
-    // TODO: add ResizeObserver to useOverlayPosition so we don't need this.
-    $15RmB$reactariautils.useLayoutEffect(()=>{
-        if (state.isOpen) requestAnimationFrame(()=>{
-            updatePosition();
-        });
-    }, [
-        state.isOpen,
-        updatePosition
-    ]);
     let style = {
-        ...overlayProps.style,
         width: isQuiet ? null : menuWidth,
         minWidth: isQuiet ? `calc(${menuWidth}px + calc(2 * var(--spectrum-dropdown-quiet-offset)))` : menuWidth
     };
@@ -1192,16 +1148,18 @@ const $e4f518eb9b010873$var$ComboBoxBase = /*#__PURE__*/ ($parcel$interopDefault
         triggerProps: buttonProps,
         triggerRef: buttonRef
     })), /*#__PURE__*/ ($parcel$interopDefault($15RmB$react)).createElement($15RmB$reactspectrumoverlays.Popover, {
-        isOpen: state.isOpen,
+        state: state,
         UNSAFE_style: style,
         UNSAFE_className: $15RmB$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($2f86633ce5b04f1e$exports)), 'spectrum-InputGroup-popover', {
             'spectrum-InputGroup-popover--quiet': isQuiet
         }),
         ref: popoverRef,
-        placement: placement,
+        triggerRef: unwrappedButtonRef,
+        scrollRef: listBoxRef,
+        placement: `${direction} end`,
         hideArrow: true,
         isNonModal: true,
-        isDismissable: false
+        shouldFlip: shouldFlip
     }, /*#__PURE__*/ ($parcel$interopDefault($15RmB$react)).createElement($15RmB$reactspectrumlistbox.ListBoxBase, {
         ...listBoxProps,
         ref: listBoxRef,
@@ -1217,8 +1175,6 @@ const $e4f518eb9b010873$var$ComboBoxBase = /*#__PURE__*/ ($parcel$interopDefault
         renderEmptyState: ()=>isAsync && /*#__PURE__*/ ($parcel$interopDefault($15RmB$react)).createElement("span", {
                 className: $15RmB$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($41fae9390a5a37fa$exports)), 'no-results')
             }, loadingState === 'loading' ? stringFormatter.format('loading') : stringFormatter.format('noResults'))
-    }), /*#__PURE__*/ ($parcel$interopDefault($15RmB$react)).createElement($15RmB$reactariaoverlays.DismissButton, {
-        onDismiss: ()=>state.close()
     }))));
 });
 const $e4f518eb9b010873$var$ComboBoxInput = /*#__PURE__*/ ($parcel$interopDefault($15RmB$react)).forwardRef(function ComboBoxInput(props, ref) {
@@ -1274,7 +1230,7 @@ const $e4f518eb9b010873$var$ComboBoxInput = /*#__PURE__*/ ($parcel$interopDefaul
         className: $15RmB$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($2f86633ce5b04f1e$exports)), 'spectrum-InputGroup', {
             'spectrum-InputGroup--quiet': isQuiet,
             'is-disabled': isDisabled,
-            'spectrum-InputGroup--invalid': validationState === 'invalid',
+            'spectrum-InputGroup--invalid': validationState === 'invalid' && !isDisabled,
             'is-hovered': isHovered
         }, className)
     }, /*#__PURE__*/ ($parcel$interopDefault($15RmB$react)).createElement($15RmB$reactspectrumtextfield.TextFieldBase, {