@zendeskgarden/react-dropdowns 8.74.0 → 9.0.0-next.0

package/dist/index.cjs.js

@@ -16,7 +16,7 @@ var containerUtilities = require('@zendeskgarden/container-utilities');
 var reactTheming = require('@zendeskgarden/react-theming');
 var polished = require('polished');
 var reactForms = require('@zendeskgarden/react-forms');
-var mergeRefs = require('react-merge-refs');
+var reactMergeRefs = require('react-merge-refs');
 var containerSelection = require('@zendeskgarden/container-selection');
 var reactDom = require('react-dom');
 
@@ -44,7 +44,6 @@ var React__namespace = /*#__PURE__*/_interopNamespace(React);
 var PropTypes__default = /*#__PURE__*/_interopDefault(PropTypes);
 var styled__default = /*#__PURE__*/_interopDefault(styled);
 var Downshift__default = /*#__PURE__*/_interopDefault(Downshift);
-var mergeRefs__default = /*#__PURE__*/_interopDefault(mergeRefs);
 
 function _extends$5() {
   _extends$5 = Object.assign ? Object.assign.bind() : function (target) {
@@ -306,7 +305,7 @@ function getMenuPosition(popperPlacement) {
 const COMPONENT_ID$m = 'dropdowns.menu';
 const StyledMenu = styled__default.default.ul.attrs(props => ({
   'data-garden-id': COMPONENT_ID$m,
-  'data-garden-version': '8.74.0',
+  'data-garden-version': '9.0.0-next.0',
   className: props.isAnimated && 'is-animated'
 })).withConfig({
   displayName: "StyledMenu",
@@ -323,7 +322,7 @@ StyledMenu.defaultProps = {
 const COMPONENT_ID$l = 'dropdowns.menu_wrapper';
 const StyledMenuWrapper = styled__default.default.div.attrs(props => ({
   'data-garden-id': COMPONENT_ID$l,
-  'data-garden-version': '8.74.0',
+  'data-garden-version': '9.0.0-next.0',
   className: props.isAnimated && 'is-animated'
 })).withConfig({
   displayName: "StyledMenuWrapper",
@@ -342,7 +341,7 @@ StyledMenuWrapper.defaultProps = {
 const COMPONENT_ID$k = 'dropdowns.separator';
 const StyledSeparator = styled__default.default.li.attrs({
   'data-garden-id': COMPONENT_ID$k,
-  'data-garden-version': '8.74.0',
+  'data-garden-version': '9.0.0-next.0',
   role: 'separator'
 }).withConfig({
   displayName: "StyledSeparator",
@@ -375,7 +374,7 @@ const getColorStyles = props => {
 };
 const StyledItem = styled__default.default.li.attrs(props => ({
   'data-garden-id': COMPONENT_ID$j,
-  'data-garden-version': '8.74.0',
+  'data-garden-version': '9.0.0-next.0',
   'aria-disabled': props.disabled
 })).withConfig({
   displayName: "StyledItem",
@@ -388,7 +387,7 @@ StyledItem.defaultProps = {
 const COMPONENT_ID$i = 'dropdowns.add_item';
 const StyledAddItem = styled__default.default(StyledItem).attrs({
   'data-garden-id': COMPONENT_ID$i,
-  'data-garden-version': '8.74.0'
+  'data-garden-version': '9.0.0-next.0'
 }).withConfig({
   displayName: "StyledAddItem",
   componentId: "sc-ekqk50-0"
@@ -400,7 +399,7 @@ StyledAddItem.defaultProps = {
 const COMPONENT_ID$h = 'dropdowns.item_meta';
 const StyledItemMeta = styled__default.default.span.attrs({
   'data-garden-id': COMPONENT_ID$h,
-  'data-garden-version': '8.74.0'
+  'data-garden-version': '9.0.0-next.0'
 }).withConfig({
   displayName: "StyledItemMeta",
   componentId: "sc-k6xy28-0"
@@ -415,7 +414,7 @@ const getSizeStyles = props => {
 };
 const StyledItemIcon = styled__default.default.div.attrs({
   'data-garden-id': COMPONENT_ID$g,
-  'data-garden-version': '8.74.0'
+  'data-garden-version': '9.0.0-next.0'
 }).withConfig({
   displayName: "StyledItemIcon",
   componentId: "sc-1v0ty11-0"
@@ -427,7 +426,7 @@ StyledItemIcon.defaultProps = {
 const COMPONENT_ID$f = 'dropdowns.next_item';
 const StyledNextItem = styled__default.default(StyledItem).attrs({
   'data-garden-id': COMPONENT_ID$f,
-  'data-garden-version': '8.74.0'
+  'data-garden-version': '9.0.0-next.0'
 }).withConfig({
   displayName: "StyledNextItem",
   componentId: "sc-1bcygn5-0"
@@ -459,7 +458,7 @@ const NextIconComponent = _ref => {
   } = _ref;
   return React__namespace.default.createElement(SvgChevronRightStroke, {
     "data-garden-id": COMPONENT_ID$e,
-    "data-garden-version": '8.74.0',
+    "data-garden-version": '9.0.0-next.0',
     className: className
   });
 };
@@ -474,7 +473,7 @@ StyledNextIcon.defaultProps = {
 const COMPONENT_ID$d = 'dropdowns.previous_item';
 const StyledPreviousItem = styled__default.default(StyledItem).attrs({
   'data-garden-id': COMPONENT_ID$d,
-  'data-garden-version': '8.74.0'
+  'data-garden-version': '9.0.0-next.0'
 }).withConfig({
   displayName: "StyledPreviousItem",
   componentId: "sc-1nmdds9-0"
@@ -506,7 +505,7 @@ const PreviousIconComponent = _ref => {
   } = _ref;
   return React__namespace.default.createElement(SvgChevronLeftStroke, {
     "data-garden-id": COMPONENT_ID$c,
-    "data-garden-version": '8.74.0',
+    "data-garden-version": '9.0.0-next.0',
     className: className
   });
 };
@@ -521,7 +520,7 @@ StyledPreviousIcon.defaultProps = {
 const COMPONENT_ID$b = 'dropdowns.header_icon';
 const StyledHeaderIcon = styled__default.default.div.attrs({
   'data-garden-id': COMPONENT_ID$b,
-  'data-garden-version': '8.74.0'
+  'data-garden-version': '9.0.0-next.0'
 }).withConfig({
   displayName: "StyledHeaderIcon",
   componentId: "sc-1fl6nsz-0"
@@ -539,7 +538,7 @@ const getHorizontalPadding = props => {
 };
 const StyledHeaderItem = styled__default.default(StyledItem).attrs({
   'data-garden-id': COMPONENT_ID$a,
-  'data-garden-version': '8.74.0'
+  'data-garden-version': '9.0.0-next.0'
 }).withConfig({
   displayName: "StyledHeaderItem",
   componentId: "sc-137filx-0"
@@ -551,7 +550,7 @@ StyledHeaderItem.defaultProps = {
 const COMPONENT_ID$9 = 'dropdowns.media_body';
 const StyledMediaBody = styled__default.default.div.attrs({
   'data-garden-id': COMPONENT_ID$9,
-  'data-garden-version': '8.74.0'
+  'data-garden-version': '9.0.0-next.0'
 }).withConfig({
   displayName: "StyledMediaBody",
   componentId: "sc-36j7ef-0"
@@ -574,7 +573,7 @@ _ref => {
   );
 }).attrs({
   'data-garden-id': COMPONENT_ID$8,
-  'data-garden-version': '8.74.0'
+  'data-garden-version': '9.0.0-next.0'
 }).withConfig({
   displayName: "StyledMediaFigure",
   componentId: "sc-2f2x8x-0"
@@ -586,7 +585,7 @@ StyledMediaFigure.defaultProps = {
 const COMPONENT_ID$7 = 'dropdowns.media_item';
 const StyledMediaItem = styled__default.default(StyledItem).attrs({
   'data-garden-id': COMPONENT_ID$7,
-  'data-garden-version': '8.74.0'
+  'data-garden-version': '9.0.0-next.0'
 }).withConfig({
   displayName: "StyledMediaItem",
   componentId: "sc-ikwshz-0"
@@ -598,7 +597,7 @@ StyledMediaItem.defaultProps = {
 const COMPONENT_ID$6 = 'dropdowns.faux_input';
 const StyledFauxInput = styled__default.default(reactForms.FauxInput).attrs(props => ({
   'data-garden-id': COMPONENT_ID$6,
-  'data-garden-version': '8.74.0',
+  'data-garden-version': '9.0.0-next.0',
   mediaLayout: true,
   theme: props.theme
 })).withConfig({
@@ -613,7 +612,7 @@ const COMPONENT_ID$5 = 'dropdowns.input';
 const hiddenStyling = styled.css(["position:fixed;border:0;clip:rect(1px,1px,1px,1px);padding:0;width:1px;height:1px;overflow:hidden;white-space:nowrap;"]);
 const StyledInput = styled__default.default(reactForms.Input).attrs({
   'data-garden-id': COMPONENT_ID$5,
-  'data-garden-version': '8.74.0',
+  'data-garden-version': '9.0.0-next.0',
   isBare: true
 }).withConfig({
   displayName: "StyledInput",
@@ -626,7 +625,7 @@ StyledInput.defaultProps = {
 const COMPONENT_ID$4 = 'dropdowns.select';
 const StyledSelect = styled__default.default.div.attrs({
   'data-garden-id': COMPONENT_ID$4,
-  'data-garden-version': '8.74.0'
+  'data-garden-version': '9.0.0-next.0'
 }).withConfig({
   displayName: "StyledSelect",
   componentId: "sc-xifmwj-0"
@@ -647,7 +646,7 @@ const visibleStyling = props => {
 };
 const StyledMultiselectInput = styled__default.default(StyledInput).attrs({
   'data-garden-id': COMPONENT_ID$3,
-  'data-garden-version': '8.74.0',
+  'data-garden-version': '9.0.0-next.0',
   isBare: true
 }).withConfig({
   displayName: "StyledMultiselectInput",
@@ -672,7 +671,7 @@ const sizeStyles = props => {
 };
 const StyledMultiselectItemsContainer = styled__default.default.div.attrs({
   'data-garden-id': COMPONENT_ID$2,
-  'data-garden-version': '8.74.0'
+  'data-garden-version': '9.0.0-next.0'
 }).withConfig({
   displayName: "StyledMultiselectItemsContainer",
   componentId: "sc-1jzhet8-0"
@@ -684,7 +683,7 @@ StyledMultiselectItemsContainer.defaultProps = {
 const COMPONENT_ID$1 = 'dropdowns.multiselect_item_wrapper';
 const StyledMultiselectItemWrapper = styled__default.default.div.attrs({
   'data-garden-id': COMPONENT_ID$1,
-  'data-garden-version': '8.74.0'
+  'data-garden-version': '9.0.0-next.0'
 }).withConfig({
   displayName: "StyledMultiselectItemWrapper",
   componentId: "sc-1rb2bye-0"
@@ -696,7 +695,7 @@ StyledMultiselectItemWrapper.defaultProps = {
 const COMPONENT_ID = 'dropdowns.multiselect_more_anchor';
 const StyledMultiselectMoreAnchor = styled__default.default.div.attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '8.74.0'
+  'data-garden-version': '9.0.0-next.0'
 }).withConfig({
   displayName: "StyledMultiselectMoreAnchor",
   componentId: "sc-1m9v46e-0"
@@ -943,7 +942,7 @@ const Autocomplete = React.forwardRef((_ref, ref) => {
     }, selectProps, {
       ref: selectRef => {
         popperReference(selectRef);
-        mergeRefs__default.default([triggerRef, ref])(selectRef);
+        reactMergeRefs.mergeRefs([triggerRef, ref])(selectRef);
         popperReferenceElementRef.current = selectRef;
       }
     }), start && React__namespace.default.createElement(StyledFauxInput.StartIcon, {
@@ -965,7 +964,7 @@ const Autocomplete = React.forwardRef((_ref, ref) => {
         }
       },
       role: 'combobox',
-      ref: mergeRefs__default.default([inputRef, controlledInputRef || null])
+      ref: reactMergeRefs.mergeRefs([inputRef, controlledInputRef || null])
     })), !props.isBare && React__namespace.default.createElement(StyledFauxInput.EndIcon, {
       isHovered: isHovered || isLabelHovered && !isOpen,
       isFocused: isContainerFocused,
@@ -1054,13 +1053,13 @@ const Combobox = React.forwardRef((_ref, ref) => {
     } = _ref2;
     const wrapperRefProp = element => {
       popperReference(element);
-      mergeRefs__default.default([wrapperRef, ref])(element);
+      reactMergeRefs.mergeRefs([wrapperRef, ref])(element);
       popperReferenceElementRef.current = element;
     };
     return React__namespace.default.createElement(reactForms.MediaInput, _extends$5({}, inputProps, {
       wrapperProps: wrapperProps,
       wrapperRef: wrapperRefProp,
-      ref: mergeRefs__default.default([inputRef, inputRefProp])
+      ref: reactMergeRefs.mergeRefs([inputRef, inputRefProp])
     }));
   });
 });
@@ -1284,7 +1283,7 @@ const Multiselect = React__namespace.default.forwardRef((_ref, ref) => {
       isFocused: isContainerFocused,
       ref: selectRef => {
         popperReference(selectRef);
-        mergeRefs__default.default([triggerRef, popperReferenceElementRef, ref])(selectRef);
+        reactMergeRefs.mergeRefs([triggerRef, popperReferenceElementRef, ref])(selectRef);
       }
     }), start && React__namespace.default.createElement(StyledFauxInput.StartIcon, {
       isHovered: isHovered || isLabelHovered && !isOpen,
@@ -1323,7 +1322,7 @@ const Multiselect = React__namespace.default.forwardRef((_ref, ref) => {
       isVisible: isFocused || inputValue || selectedItems.length === 0,
       isCompact: props.isCompact,
       role: 'combobox',
-      ref: mergeRefs__default.default([inputRef, externalInputRef]),
+      ref: reactMergeRefs.mergeRefs([inputRef, externalInputRef]),
       placeholder: selectedItems.length === 0 ? placeholder : undefined
     }))), !props.isBare && React__namespace.default.createElement(StyledFauxInput.EndIcon, {
       isHovered: isHovered || isLabelHovered && !isOpen,
@@ -1466,7 +1465,7 @@ const Select = React__namespace.default.forwardRef((_ref, ref) => {
       role: "none",
       ref: selectRef => {
         popperReference(selectRef);
-        mergeRefs__default.default([triggerRef, ref, popperReferenceElementRef])(selectRef);
+        reactMergeRefs.mergeRefs([triggerRef, ref, popperReferenceElementRef])(selectRef);
       }
     }), start && React__namespace.default.createElement(StyledFauxInput.StartIcon, {
       isHovered: isHovered || isLabelHovered && !isOpen,
@@ -1519,7 +1518,7 @@ const Field = React.forwardRef((props, fieldRef) => {
   return React__namespace.default.createElement(FieldContext.Provider, {
     value: value
   }, React__namespace.default.createElement(reactForms.Field, _extends$5({
-    ref: mergeRefs__default.default([ref, fieldRef])
+    ref: reactMergeRefs.mergeRefs([ref, fieldRef])
   }, props)));
 });
 Field.displayName = 'Field';
@@ -1813,7 +1812,7 @@ const Item = React__namespace.default.forwardRef((_ref, forwardRef) => {
   const contextValue = React.useMemo(() => ({
     isDisabled: disabled
   }), [disabled]);
-  const ref = mergeRefs__default.default([itemRef, forwardRef]);
+  const ref = reactMergeRefs.mergeRefs([itemRef, forwardRef]);
   if (disabled) {
     return React__namespace.default.createElement(ItemContext.Provider, {
       value: contextValue

package/dist/index.esm.js

@@ -16,7 +16,7 @@ import { composeEventHandlers, KEY_CODES } from '@zendeskgarden/container-utilit
 import { arrowStyles, retrieveComponentStyles, DEFAULT_THEME, menuStyles, getColor, getLineHeight, useDocument } from '@zendeskgarden/react-theming';
 import { rgba, math } from 'polished';
 import { FauxInput, Input, VALIDATION, MediaInput, Field as Field$1, Hint as Hint$1, Label as Label$1, Message as Message$1 } from '@zendeskgarden/react-forms';
-import mergeRefs from 'react-merge-refs';
+import { mergeRefs } from 'react-merge-refs';
 import { useSelection } from '@zendeskgarden/container-selection';
 import { createPortal } from 'react-dom';
 
@@ -280,7 +280,7 @@ function getMenuPosition(popperPlacement) {
 const COMPONENT_ID$m = 'dropdowns.menu';
 const StyledMenu = styled.ul.attrs(props => ({
   'data-garden-id': COMPONENT_ID$m,
-  'data-garden-version': '8.74.0',
+  'data-garden-version': '9.0.0-next.0',
   className: props.isAnimated && 'is-animated'
 })).withConfig({
   displayName: "StyledMenu",
@@ -297,7 +297,7 @@ StyledMenu.defaultProps = {
 const COMPONENT_ID$l = 'dropdowns.menu_wrapper';
 const StyledMenuWrapper = styled.div.attrs(props => ({
   'data-garden-id': COMPONENT_ID$l,
-  'data-garden-version': '8.74.0',
+  'data-garden-version': '9.0.0-next.0',
   className: props.isAnimated && 'is-animated'
 })).withConfig({
   displayName: "StyledMenuWrapper",
@@ -316,7 +316,7 @@ StyledMenuWrapper.defaultProps = {
 const COMPONENT_ID$k = 'dropdowns.separator';
 const StyledSeparator = styled.li.attrs({
   'data-garden-id': COMPONENT_ID$k,
-  'data-garden-version': '8.74.0',
+  'data-garden-version': '9.0.0-next.0',
   role: 'separator'
 }).withConfig({
   displayName: "StyledSeparator",
@@ -349,7 +349,7 @@ const getColorStyles = props => {
 };
 const StyledItem = styled.li.attrs(props => ({
   'data-garden-id': COMPONENT_ID$j,
-  'data-garden-version': '8.74.0',
+  'data-garden-version': '9.0.0-next.0',
   'aria-disabled': props.disabled
 })).withConfig({
   displayName: "StyledItem",
@@ -362,7 +362,7 @@ StyledItem.defaultProps = {
 const COMPONENT_ID$i = 'dropdowns.add_item';
 const StyledAddItem = styled(StyledItem).attrs({
   'data-garden-id': COMPONENT_ID$i,
-  'data-garden-version': '8.74.0'
+  'data-garden-version': '9.0.0-next.0'
 }).withConfig({
   displayName: "StyledAddItem",
   componentId: "sc-ekqk50-0"
@@ -374,7 +374,7 @@ StyledAddItem.defaultProps = {
 const COMPONENT_ID$h = 'dropdowns.item_meta';
 const StyledItemMeta = styled.span.attrs({
   'data-garden-id': COMPONENT_ID$h,
-  'data-garden-version': '8.74.0'
+  'data-garden-version': '9.0.0-next.0'
 }).withConfig({
   displayName: "StyledItemMeta",
   componentId: "sc-k6xy28-0"
@@ -389,7 +389,7 @@ const getSizeStyles = props => {
 };
 const StyledItemIcon = styled.div.attrs({
   'data-garden-id': COMPONENT_ID$g,
-  'data-garden-version': '8.74.0'
+  'data-garden-version': '9.0.0-next.0'
 }).withConfig({
   displayName: "StyledItemIcon",
   componentId: "sc-1v0ty11-0"
@@ -401,7 +401,7 @@ StyledItemIcon.defaultProps = {
 const COMPONENT_ID$f = 'dropdowns.next_item';
 const StyledNextItem = styled(StyledItem).attrs({
   'data-garden-id': COMPONENT_ID$f,
-  'data-garden-version': '8.74.0'
+  'data-garden-version': '9.0.0-next.0'
 }).withConfig({
   displayName: "StyledNextItem",
   componentId: "sc-1bcygn5-0"
@@ -433,7 +433,7 @@ const NextIconComponent = _ref => {
   } = _ref;
   return React__default.createElement(SvgChevronRightStroke, {
     "data-garden-id": COMPONENT_ID$e,
-    "data-garden-version": '8.74.0',
+    "data-garden-version": '9.0.0-next.0',
     className: className
   });
 };
@@ -448,7 +448,7 @@ StyledNextIcon.defaultProps = {
 const COMPONENT_ID$d = 'dropdowns.previous_item';
 const StyledPreviousItem = styled(StyledItem).attrs({
   'data-garden-id': COMPONENT_ID$d,
-  'data-garden-version': '8.74.0'
+  'data-garden-version': '9.0.0-next.0'
 }).withConfig({
   displayName: "StyledPreviousItem",
   componentId: "sc-1nmdds9-0"
@@ -480,7 +480,7 @@ const PreviousIconComponent = _ref => {
   } = _ref;
   return React__default.createElement(SvgChevronLeftStroke, {
     "data-garden-id": COMPONENT_ID$c,
-    "data-garden-version": '8.74.0',
+    "data-garden-version": '9.0.0-next.0',
     className: className
   });
 };
@@ -495,7 +495,7 @@ StyledPreviousIcon.defaultProps = {
 const COMPONENT_ID$b = 'dropdowns.header_icon';
 const StyledHeaderIcon = styled.div.attrs({
   'data-garden-id': COMPONENT_ID$b,
-  'data-garden-version': '8.74.0'
+  'data-garden-version': '9.0.0-next.0'
 }).withConfig({
   displayName: "StyledHeaderIcon",
   componentId: "sc-1fl6nsz-0"
@@ -513,7 +513,7 @@ const getHorizontalPadding = props => {
 };
 const StyledHeaderItem = styled(StyledItem).attrs({
   'data-garden-id': COMPONENT_ID$a,
-  'data-garden-version': '8.74.0'
+  'data-garden-version': '9.0.0-next.0'
 }).withConfig({
   displayName: "StyledHeaderItem",
   componentId: "sc-137filx-0"
@@ -525,7 +525,7 @@ StyledHeaderItem.defaultProps = {
 const COMPONENT_ID$9 = 'dropdowns.media_body';
 const StyledMediaBody = styled.div.attrs({
   'data-garden-id': COMPONENT_ID$9,
-  'data-garden-version': '8.74.0'
+  'data-garden-version': '9.0.0-next.0'
 }).withConfig({
   displayName: "StyledMediaBody",
   componentId: "sc-36j7ef-0"
@@ -548,7 +548,7 @@ _ref => {
   );
 }).attrs({
   'data-garden-id': COMPONENT_ID$8,
-  'data-garden-version': '8.74.0'
+  'data-garden-version': '9.0.0-next.0'
 }).withConfig({
   displayName: "StyledMediaFigure",
   componentId: "sc-2f2x8x-0"
@@ -560,7 +560,7 @@ StyledMediaFigure.defaultProps = {
 const COMPONENT_ID$7 = 'dropdowns.media_item';
 const StyledMediaItem = styled(StyledItem).attrs({
   'data-garden-id': COMPONENT_ID$7,
-  'data-garden-version': '8.74.0'
+  'data-garden-version': '9.0.0-next.0'
 }).withConfig({
   displayName: "StyledMediaItem",
   componentId: "sc-ikwshz-0"
@@ -572,7 +572,7 @@ StyledMediaItem.defaultProps = {
 const COMPONENT_ID$6 = 'dropdowns.faux_input';
 const StyledFauxInput = styled(FauxInput).attrs(props => ({
   'data-garden-id': COMPONENT_ID$6,
-  'data-garden-version': '8.74.0',
+  'data-garden-version': '9.0.0-next.0',
   mediaLayout: true,
   theme: props.theme
 })).withConfig({
@@ -587,7 +587,7 @@ const COMPONENT_ID$5 = 'dropdowns.input';
 const hiddenStyling = css(["position:fixed;border:0;clip:rect(1px,1px,1px,1px);padding:0;width:1px;height:1px;overflow:hidden;white-space:nowrap;"]);
 const StyledInput = styled(Input).attrs({
   'data-garden-id': COMPONENT_ID$5,
-  'data-garden-version': '8.74.0',
+  'data-garden-version': '9.0.0-next.0',
   isBare: true
 }).withConfig({
   displayName: "StyledInput",
@@ -600,7 +600,7 @@ StyledInput.defaultProps = {
 const COMPONENT_ID$4 = 'dropdowns.select';
 const StyledSelect = styled.div.attrs({
   'data-garden-id': COMPONENT_ID$4,
-  'data-garden-version': '8.74.0'
+  'data-garden-version': '9.0.0-next.0'
 }).withConfig({
   displayName: "StyledSelect",
   componentId: "sc-xifmwj-0"
@@ -621,7 +621,7 @@ const visibleStyling = props => {
 };
 const StyledMultiselectInput = styled(StyledInput).attrs({
   'data-garden-id': COMPONENT_ID$3,
-  'data-garden-version': '8.74.0',
+  'data-garden-version': '9.0.0-next.0',
   isBare: true
 }).withConfig({
   displayName: "StyledMultiselectInput",
@@ -646,7 +646,7 @@ const sizeStyles = props => {
 };
 const StyledMultiselectItemsContainer = styled.div.attrs({
   'data-garden-id': COMPONENT_ID$2,
-  'data-garden-version': '8.74.0'
+  'data-garden-version': '9.0.0-next.0'
 }).withConfig({
   displayName: "StyledMultiselectItemsContainer",
   componentId: "sc-1jzhet8-0"
@@ -658,7 +658,7 @@ StyledMultiselectItemsContainer.defaultProps = {
 const COMPONENT_ID$1 = 'dropdowns.multiselect_item_wrapper';
 const StyledMultiselectItemWrapper = styled.div.attrs({
   'data-garden-id': COMPONENT_ID$1,
-  'data-garden-version': '8.74.0'
+  'data-garden-version': '9.0.0-next.0'
 }).withConfig({
   displayName: "StyledMultiselectItemWrapper",
   componentId: "sc-1rb2bye-0"
@@ -670,7 +670,7 @@ StyledMultiselectItemWrapper.defaultProps = {
 const COMPONENT_ID = 'dropdowns.multiselect_more_anchor';
 const StyledMultiselectMoreAnchor = styled.div.attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '8.74.0'
+  'data-garden-version': '9.0.0-next.0'
 }).withConfig({
   displayName: "StyledMultiselectMoreAnchor",
   componentId: "sc-1m9v46e-0"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zendeskgarden/react-dropdowns",
-  "version": "8.74.0",
+  "version": "9.0.0-next.0",
   "description": "Components relating to dropdowns in the Garden Design System",
   "license": "Apache-2.0",
   "author": "Zendesk Garden <garden@zendesk.com>",
@@ -22,12 +22,12 @@
   "types": "dist/typings/index.d.ts",
   "dependencies": {
     "@zendeskgarden/container-selection": "^2.0.0",
-    "@zendeskgarden/container-utilities": "^1.0.0",
-    "@zendeskgarden/react-forms": "^8.74.0",
+    "@zendeskgarden/container-utilities": "^1.0.14",
+    "@zendeskgarden/react-forms": "^9.0.0-next.0",
     "downshift": "^7.0.0",
     "polished": "^4.0.0",
     "prop-types": "^15.5.7",
-    "react-merge-refs": "^1.1.0",
+    "react-merge-refs": "^2.0.0",
     "react-popper": "^1.3.4"
   },
   "peerDependencies": {
@@ -38,7 +38,7 @@
   },
   "devDependencies": {
     "@types/lodash.debounce": "4.0.9",
-    "@zendeskgarden/react-theming": "^8.74.0",
+    "@zendeskgarden/react-theming": "^9.0.0-next.0",
     "@zendeskgarden/svg-icons": "7.0.0",
     "lodash.debounce": "4.0.8"
   },
@@ -52,5 +52,5 @@
     "access": "public"
   },
   "zendeskgarden:src": "src/index.ts",
-  "gitHead": "77c2ddc2495aba2573821228afc606cb0640a613"
+  "gitHead": "7145e970afa57b024ab7d505f2220a656e430c04"
 }