@zendeskgarden/react-dropdowns.legacy 9.0.0-next.21 → 9.0.0-next.23

package/dist/esm/elements/Autocomplete/Autocomplete.js

@@ -104,7 +104,7 @@ const Autocomplete = forwardRef((_ref, ref) => {
         mergeRefs([triggerRef, ref])(selectRef);
         popperReferenceElementRef.current = selectRef;
       }
-    }), start && React__default.createElement(StyledFauxInput.StartIcon, {
+    }), !!start && React__default.createElement(StyledFauxInput.StartIcon, {
       isHovered: isHovered || isLabelHovered && !isOpen,
       isFocused: isContainerFocused,
       isDisabled: props.disabled

package/dist/esm/elements/Menu/Items/Item.js

@@ -106,7 +106,7 @@ const Item = React__default.forwardRef((_ref, forwardRef) => {
       disabled: disabled,
       isDanger: isDanger,
       isCompact: isCompact
-    }, props), isSelected && !hasIcon && React__default.createElement(StyledItemIcon, {
+    }, props), !!isSelected && !hasIcon && React__default.createElement(StyledItemIcon, {
       isCompact: isCompact,
       isVisible: isSelected,
       isDisabled: disabled
@@ -126,7 +126,7 @@ const Item = React__default.forwardRef((_ref, forwardRef) => {
       'aria-selected': null
     }),
     ...props
-  }), isSelected && !hasIcon && React__default.createElement(StyledItemIcon, {
+  }), !!isSelected && !hasIcon && React__default.createElement(StyledItemIcon, {
     isCompact: isCompact,
     isVisible: isSelected
   }, React__default.createElement(SvgCheckLgStroke, null)), children));

package/dist/esm/elements/Menu/Menu.js

@@ -97,7 +97,7 @@ const Menu = forwardRef((props, menuRef) => {
       placement: popperPlacement,
       modifiers: popperModifiers
       ,
-      eventsEnabled: isOpen && eventsEnabled
+      eventsEnabled: !!(isOpen && eventsEnabled)
     }, _ref => {
       let {
         ref,
@@ -132,7 +132,7 @@ const Menu = forwardRef((props, menuRef) => {
         isCompact: isCompact,
         maxHeight: maxHeight,
         style: computedStyle
-      }, menuProps), (isOpen || isVisible) && children));
+      }, menuProps), !!(isOpen || isVisible) && children));
       return appendToNode ? createPortal(menu, appendToNode) : menu;
     }))
   );

package/dist/esm/elements/Multiselect/Multiselect.js

@@ -252,7 +252,7 @@ const Multiselect = React__default.forwardRef((_ref, ref) => {
         popperReference(selectRef);
         mergeRefs([triggerRef, popperReferenceElementRef, ref])(selectRef);
       }
-    }), start && React__default.createElement(StyledFauxInput.StartIcon, {
+    }), !!start && React__default.createElement(StyledFauxInput.StartIcon, {
       isHovered: isHovered || isLabelHovered && !isOpen,
       isFocused: isContainerFocused,
       isDisabled: props.disabled

package/dist/esm/elements/Select/Select.js

@@ -158,7 +158,7 @@ const Select = React__default.forwardRef((_ref, ref) => {
         popperReference(selectRef);
         mergeRefs([triggerRef, ref, popperReferenceElementRef])(selectRef);
       }
-    }), start && React__default.createElement(StyledFauxInput.StartIcon, {
+    }), !!start && React__default.createElement(StyledFauxInput.StartIcon, {
       isHovered: isHovered || isLabelHovered && !isOpen,
       isFocused: isContainerFocused,
       isDisabled: props.disabled

package/dist/esm/styled/items/StyledAddItem.js

@@ -11,7 +11,7 @@ import { StyledItem } from './StyledItem.js';
 const COMPONENT_ID = 'dropdowns.add_item';
 const StyledAddItem = styled(StyledItem).attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.0.0-next.21'
+  'data-garden-version': '9.0.0-next.23'
 }).withConfig({
   displayName: "StyledAddItem",
   componentId: "sc-mlto71-0"

package/dist/esm/styled/items/StyledItem.js

@@ -41,7 +41,7 @@ const getColorStyles = props => {
 };
 const StyledItem = styled.li.attrs(props => ({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.0.0-next.21',
+  'data-garden-version': '9.0.0-next.23',
   'aria-disabled': props.disabled
 })).withConfig({
   displayName: "StyledItem",

package/dist/esm/styled/items/StyledItemIcon.js

@@ -15,7 +15,7 @@ const getSizeStyles = props => {
 };
 const StyledItemIcon = styled.div.attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.0.0-next.21'
+  'data-garden-version': '9.0.0-next.23'
 }).withConfig({
   displayName: "StyledItemIcon",
   componentId: "sc-pspm80-0"

package/dist/esm/styled/items/StyledItemMeta.js

@@ -10,7 +10,7 @@ import { getColor, retrieveComponentStyles, DEFAULT_THEME } from '@zendeskgarden
 const COMPONENT_ID = 'dropdowns.item_meta';
 const StyledItemMeta = styled.span.attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.0.0-next.21'
+  'data-garden-version': '9.0.0-next.23'
 }).withConfig({
   displayName: "StyledItemMeta",
   componentId: "sc-1m3x8m1-0"

package/dist/esm/styled/items/StyledNextIcon.js

@@ -16,7 +16,7 @@ const NextIconComponent = _ref => {
   } = _ref;
   return React__default.createElement(SvgChevronRightStroke, {
     "data-garden-id": COMPONENT_ID,
-    "data-garden-version": '9.0.0-next.21',
+    "data-garden-version": '9.0.0-next.23',
     className: className
   });
 };

package/dist/esm/styled/items/StyledNextItem.js

@@ -12,7 +12,7 @@ import { StyledItemIcon } from './StyledItemIcon.js';
 const COMPONENT_ID = 'dropdowns.next_item';
 const StyledNextItem = styled(StyledItem).attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.0.0-next.21'
+  'data-garden-version': '9.0.0-next.23'
 }).withConfig({
   displayName: "StyledNextItem",
   componentId: "sc-1wrjlge-0"

package/dist/esm/styled/items/StyledPreviousIcon.js

@@ -16,7 +16,7 @@ const PreviousIconComponent = _ref => {
   } = _ref;
   return React__default.createElement(SvgChevronLeftStroke, {
     "data-garden-id": COMPONENT_ID,
-    "data-garden-version": '9.0.0-next.21',
+    "data-garden-version": '9.0.0-next.23',
     className: className
   });
 };

package/dist/esm/styled/items/StyledPreviousItem.js

@@ -11,7 +11,7 @@ import { StyledItem } from './StyledItem.js';
 const COMPONENT_ID = 'dropdowns.previous_item';
 const StyledPreviousItem = styled(StyledItem).attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.0.0-next.21'
+  'data-garden-version': '9.0.0-next.23'
 }).withConfig({
   displayName: "StyledPreviousItem",
   componentId: "sc-1qv9jwe-0"

package/dist/esm/styled/items/header/StyledHeaderIcon.js

@@ -10,7 +10,7 @@ import { getColor, retrieveComponentStyles, DEFAULT_THEME } from '@zendeskgarden
 const COMPONENT_ID = 'dropdowns.header_icon';
 const StyledHeaderIcon = styled.div.attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.0.0-next.21'
+  'data-garden-version': '9.0.0-next.23'
 }).withConfig({
   displayName: "StyledHeaderIcon",
   componentId: "sc-ow8s45-0"

package/dist/esm/styled/items/header/StyledHeaderItem.js

@@ -17,7 +17,7 @@ const getHorizontalPadding = props => {
 };
 const StyledHeaderItem = styled(StyledItem).attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.0.0-next.21'
+  'data-garden-version': '9.0.0-next.23'
 }).withConfig({
   displayName: "StyledHeaderItem",
   componentId: "sc-1xosinr-0"

package/dist/esm/styled/items/media/StyledMediaBody.js

@@ -10,7 +10,7 @@ import { retrieveComponentStyles, DEFAULT_THEME } from '@zendeskgarden/react-the
 const COMPONENT_ID = 'dropdowns.media_body';
 const StyledMediaBody = styled.div.attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.0.0-next.21'
+  'data-garden-version': '9.0.0-next.23'
 }).withConfig({
   displayName: "StyledMediaBody",
   componentId: "sc-133sssc-0"

package/dist/esm/styled/items/media/StyledMediaFigure.js

@@ -22,7 +22,7 @@ _ref => {
   );
 }).attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.0.0-next.21'
+  'data-garden-version': '9.0.0-next.23'
 }).withConfig({
   displayName: "StyledMediaFigure",
   componentId: "sc-16vz3xj-0"

package/dist/esm/styled/items/media/StyledMediaItem.js

@@ -11,7 +11,7 @@ import { StyledItem } from '../StyledItem.js';
 const COMPONENT_ID = 'dropdowns.media_item';
 const StyledMediaItem = styled(StyledItem).attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.0.0-next.21'
+  'data-garden-version': '9.0.0-next.23'
 }).withConfig({
   displayName: "StyledMediaItem",
   componentId: "sc-af4509-0"

package/dist/esm/styled/menu/StyledMenu.js

@@ -11,7 +11,7 @@ import { getArrowPosition } from '../../utils/garden-placements.js';
 const COMPONENT_ID = 'dropdowns.menu';
 const StyledMenu = styled.ul.attrs(props => ({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.0.0-next.21',
+  'data-garden-version': '9.0.0-next.23',
   className: props.isAnimated && 'is-animated'
 })).withConfig({
   displayName: "StyledMenu",

package/dist/esm/styled/menu/StyledMenuWrapper.js

@@ -11,7 +11,7 @@ import { getMenuPosition } from '../../utils/garden-placements.js';
 const COMPONENT_ID = 'dropdowns.menu_wrapper';
 const StyledMenuWrapper = styled.div.attrs(props => ({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.0.0-next.21',
+  'data-garden-version': '9.0.0-next.23',
   className: props.isAnimated && 'is-animated'
 })).withConfig({
   displayName: "StyledMenuWrapper",

package/dist/esm/styled/menu/StyledSeparator.js

@@ -10,7 +10,7 @@ import { getColor, retrieveComponentStyles, DEFAULT_THEME } from '@zendeskgarden
 const COMPONENT_ID = 'dropdowns.separator';
 const StyledSeparator = styled.li.attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.0.0-next.21',
+  'data-garden-version': '9.0.0-next.23',
   role: 'separator'
 }).withConfig({
   displayName: "StyledSeparator",

package/dist/esm/styled/multiselect/StyledMultiselectInput.js

@@ -20,7 +20,7 @@ const visibleStyling = props => {
 };
 const StyledMultiselectInput = styled(StyledInput).attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.0.0-next.21',
+  'data-garden-version': '9.0.0-next.23',
   isBare: true
 }).withConfig({
   displayName: "StyledMultiselectInput",

package/dist/esm/styled/multiselect/StyledMultiselectItemWrapper.js

@@ -10,7 +10,7 @@ import { retrieveComponentStyles, DEFAULT_THEME } from '@zendeskgarden/react-the
 const COMPONENT_ID = 'dropdowns.multiselect_item_wrapper';
 const StyledMultiselectItemWrapper = styled.div.attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.0.0-next.21'
+  'data-garden-version': '9.0.0-next.23'
 }).withConfig({
   displayName: "StyledMultiselectItemWrapper",
   componentId: "sc-vgr7nd-0"

package/dist/esm/styled/multiselect/StyledMultiselectItemsContainer.js

@@ -22,7 +22,7 @@ const sizeStyles = props => {
 };
 const StyledMultiselectItemsContainer = styled.div.attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.0.0-next.21'
+  'data-garden-version': '9.0.0-next.23'
 }).withConfig({
   displayName: "StyledMultiselectItemsContainer",
   componentId: "sc-1dxwjyz-0"

package/dist/esm/styled/multiselect/StyledMultiselectMoreAnchor.js

@@ -10,7 +10,7 @@ import { getLineHeight, getColor, retrieveComponentStyles, DEFAULT_THEME } from
 const COMPONENT_ID = 'dropdowns.multiselect_more_anchor';
 const StyledMultiselectMoreAnchor = styled.div.attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.0.0-next.21'
+  'data-garden-version': '9.0.0-next.23'
 }).withConfig({
   displayName: "StyledMultiselectMoreAnchor",
   componentId: "sc-pkakky-0"

package/dist/esm/styled/select/StyledFauxInput.js

@@ -11,7 +11,7 @@ import { FauxInput } from '@zendeskgarden/react-forms';
 const COMPONENT_ID = 'dropdowns.faux_input';
 const StyledFauxInput = styled(FauxInput).attrs(props => ({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.0.0-next.21',
+  'data-garden-version': '9.0.0-next.23',
   mediaLayout: true,
   theme: props.theme
 })).withConfig({

package/dist/esm/styled/select/StyledInput.js

@@ -12,7 +12,7 @@ const COMPONENT_ID = '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,
-  'data-garden-version': '9.0.0-next.21',
+  'data-garden-version': '9.0.0-next.23',
   isBare: true
 }).withConfig({
   displayName: "StyledInput",

package/dist/esm/styled/select/StyledSelect.js

@@ -10,7 +10,7 @@ import { retrieveComponentStyles, DEFAULT_THEME } from '@zendeskgarden/react-the
 const COMPONENT_ID = 'dropdowns.select';
 const StyledSelect = styled.div.attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.0.0-next.21'
+  'data-garden-version': '9.0.0-next.23'
 }).withConfig({
   displayName: "StyledSelect",
   componentId: "sc-xf4qjv-0"

package/dist/index.cjs.js

@@ -289,7 +289,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': '9.0.0-next.21',
+  'data-garden-version': '9.0.0-next.23',
   className: props.isAnimated && 'is-animated'
 })).withConfig({
   displayName: "StyledMenu",
@@ -306,7 +306,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': '9.0.0-next.21',
+  'data-garden-version': '9.0.0-next.23',
   className: props.isAnimated && 'is-animated'
 })).withConfig({
   displayName: "StyledMenuWrapper",
@@ -325,7 +325,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': '9.0.0-next.21',
+  'data-garden-version': '9.0.0-next.23',
   role: 'separator'
 }).withConfig({
   displayName: "StyledSeparator",
@@ -372,7 +372,7 @@ const getColorStyles = props => {
 };
 const StyledItem = styled__default.default.li.attrs(props => ({
   'data-garden-id': COMPONENT_ID$j,
-  'data-garden-version': '9.0.0-next.21',
+  'data-garden-version': '9.0.0-next.23',
   'aria-disabled': props.disabled
 })).withConfig({
   displayName: "StyledItem",
@@ -385,7 +385,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': '9.0.0-next.21'
+  'data-garden-version': '9.0.0-next.23'
 }).withConfig({
   displayName: "StyledAddItem",
   componentId: "sc-mlto71-0"
@@ -400,7 +400,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': '9.0.0-next.21'
+  'data-garden-version': '9.0.0-next.23'
 }).withConfig({
   displayName: "StyledItemMeta",
   componentId: "sc-1m3x8m1-0"
@@ -418,7 +418,7 @@ const getSizeStyles = props => {
 };
 const StyledItemIcon = styled__default.default.div.attrs({
   'data-garden-id': COMPONENT_ID$g,
-  'data-garden-version': '9.0.0-next.21'
+  'data-garden-version': '9.0.0-next.23'
 }).withConfig({
   displayName: "StyledItemIcon",
   componentId: "sc-pspm80-0"
@@ -433,7 +433,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': '9.0.0-next.21'
+  'data-garden-version': '9.0.0-next.23'
 }).withConfig({
   displayName: "StyledNextItem",
   componentId: "sc-1wrjlge-0"
@@ -465,7 +465,7 @@ const NextIconComponent = _ref => {
   } = _ref;
   return React__namespace.default.createElement(SvgChevronRightStroke, {
     "data-garden-id": COMPONENT_ID$e,
-    "data-garden-version": '9.0.0-next.21',
+    "data-garden-version": '9.0.0-next.23',
     className: className
   });
 };
@@ -483,7 +483,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': '9.0.0-next.21'
+  'data-garden-version': '9.0.0-next.23'
 }).withConfig({
   displayName: "StyledPreviousItem",
   componentId: "sc-1qv9jwe-0"
@@ -515,7 +515,7 @@ const PreviousIconComponent = _ref => {
   } = _ref;
   return React__namespace.default.createElement(SvgChevronLeftStroke, {
     "data-garden-id": COMPONENT_ID$c,
-    "data-garden-version": '9.0.0-next.21',
+    "data-garden-version": '9.0.0-next.23',
     className: className
   });
 };
@@ -533,7 +533,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': '9.0.0-next.21'
+  'data-garden-version': '9.0.0-next.23'
 }).withConfig({
   displayName: "StyledHeaderIcon",
   componentId: "sc-ow8s45-0"
@@ -554,7 +554,7 @@ const getHorizontalPadding = props => {
 };
 const StyledHeaderItem = styled__default.default(StyledItem).attrs({
   'data-garden-id': COMPONENT_ID$a,
-  'data-garden-version': '9.0.0-next.21'
+  'data-garden-version': '9.0.0-next.23'
 }).withConfig({
   displayName: "StyledHeaderItem",
   componentId: "sc-1xosinr-0"
@@ -566,7 +566,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': '9.0.0-next.21'
+  'data-garden-version': '9.0.0-next.23'
 }).withConfig({
   displayName: "StyledMediaBody",
   componentId: "sc-133sssc-0"
@@ -589,7 +589,7 @@ _ref => {
   );
 }).attrs({
   'data-garden-id': COMPONENT_ID$8,
-  'data-garden-version': '9.0.0-next.21'
+  'data-garden-version': '9.0.0-next.23'
 }).withConfig({
   displayName: "StyledMediaFigure",
   componentId: "sc-16vz3xj-0"
@@ -601,7 +601,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': '9.0.0-next.21'
+  'data-garden-version': '9.0.0-next.23'
 }).withConfig({
   displayName: "StyledMediaItem",
   componentId: "sc-af4509-0"
@@ -613,7 +613,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': '9.0.0-next.21',
+  'data-garden-version': '9.0.0-next.23',
   mediaLayout: true,
   theme: props.theme
 })).withConfig({
@@ -628,7 +628,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': '9.0.0-next.21',
+  'data-garden-version': '9.0.0-next.23',
   isBare: true
 }).withConfig({
   displayName: "StyledInput",
@@ -641,7 +641,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': '9.0.0-next.21'
+  'data-garden-version': '9.0.0-next.23'
 }).withConfig({
   displayName: "StyledSelect",
   componentId: "sc-xf4qjv-0"
@@ -662,7 +662,7 @@ const visibleStyling = props => {
 };
 const StyledMultiselectInput = styled__default.default(StyledInput).attrs({
   'data-garden-id': COMPONENT_ID$3,
-  'data-garden-version': '9.0.0-next.21',
+  'data-garden-version': '9.0.0-next.23',
   isBare: true
 }).withConfig({
   displayName: "StyledMultiselectInput",
@@ -687,7 +687,7 @@ const sizeStyles = props => {
 };
 const StyledMultiselectItemsContainer = styled__default.default.div.attrs({
   'data-garden-id': COMPONENT_ID$2,
-  'data-garden-version': '9.0.0-next.21'
+  'data-garden-version': '9.0.0-next.23'
 }).withConfig({
   displayName: "StyledMultiselectItemsContainer",
   componentId: "sc-1dxwjyz-0"
@@ -699,7 +699,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': '9.0.0-next.21'
+  'data-garden-version': '9.0.0-next.23'
 }).withConfig({
   displayName: "StyledMultiselectItemWrapper",
   componentId: "sc-vgr7nd-0"
@@ -711,7 +711,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': '9.0.0-next.21'
+  'data-garden-version': '9.0.0-next.23'
 }).withConfig({
   displayName: "StyledMultiselectMoreAnchor",
   componentId: "sc-pkakky-0"
@@ -964,7 +964,7 @@ const Autocomplete = React.forwardRef((_ref, ref) => {
         reactMergeRefs.mergeRefs([triggerRef, ref])(selectRef);
         popperReferenceElementRef.current = selectRef;
       }
-    }), start && React__namespace.default.createElement(StyledFauxInput.StartIcon, {
+    }), !!start && React__namespace.default.createElement(StyledFauxInput.StartIcon, {
       isHovered: isHovered || isLabelHovered && !isOpen,
       isFocused: isContainerFocused,
       isDisabled: props.disabled
@@ -1304,7 +1304,7 @@ const Multiselect = React__namespace.default.forwardRef((_ref, ref) => {
         popperReference(selectRef);
         reactMergeRefs.mergeRefs([triggerRef, popperReferenceElementRef, ref])(selectRef);
       }
-    }), start && React__namespace.default.createElement(StyledFauxInput.StartIcon, {
+    }), !!start && React__namespace.default.createElement(StyledFauxInput.StartIcon, {
       isHovered: isHovered || isLabelHovered && !isOpen,
       isFocused: isContainerFocused,
       isDisabled: props.disabled
@@ -1486,7 +1486,7 @@ const Select = React__namespace.default.forwardRef((_ref, ref) => {
         popperReference(selectRef);
         reactMergeRefs.mergeRefs([triggerRef, ref, popperReferenceElementRef])(selectRef);
       }
-    }), start && React__namespace.default.createElement(StyledFauxInput.StartIcon, {
+    }), !!start && React__namespace.default.createElement(StyledFauxInput.StartIcon, {
       isHovered: isHovered || isLabelHovered && !isOpen,
       isFocused: isContainerFocused,
       isDisabled: props.disabled
@@ -1659,7 +1659,7 @@ const Menu = React.forwardRef((props, menuRef) => {
       placement: popperPlacement,
       modifiers: popperModifiers
       ,
-      eventsEnabled: isOpen && eventsEnabled
+      eventsEnabled: !!(isOpen && eventsEnabled)
     }, _ref => {
       let {
         ref,
@@ -1694,7 +1694,7 @@ const Menu = React.forwardRef((props, menuRef) => {
         isCompact: isCompact,
         maxHeight: maxHeight,
         style: computedStyle
-      }, menuProps), (isOpen || isVisible) && children));
+      }, menuProps), !!(isOpen || isVisible) && children));
       return appendToNode ? reactDom.createPortal(menu, appendToNode) : menu;
     }))
   );
@@ -1840,7 +1840,7 @@ const Item = React__namespace.default.forwardRef((_ref, forwardRef) => {
       disabled: disabled,
       isDanger: isDanger,
       isCompact: isCompact
-    }, props), isSelected && !hasIcon && React__namespace.default.createElement(StyledItemIcon, {
+    }, props), !!isSelected && !hasIcon && React__namespace.default.createElement(StyledItemIcon, {
       isCompact: isCompact,
       isVisible: isSelected,
       isDisabled: disabled
@@ -1860,7 +1860,7 @@ const Item = React__namespace.default.forwardRef((_ref, forwardRef) => {
       'aria-selected': null
     }),
     ...props
-  }), isSelected && !hasIcon && React__namespace.default.createElement(StyledItemIcon, {
+  }), !!isSelected && !hasIcon && React__namespace.default.createElement(StyledItemIcon, {
     isCompact: isCompact,
     isVisible: isSelected
   }, React__namespace.default.createElement(SvgCheckLgStroke, null)), children));

package/dist/typings/styled/items/media/StyledMediaFigure.d.ts

@@ -4,7 +4,6 @@
  * Use of this source code is governed under the Apache License, Version 2.0
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
-/// <reference types="trusted-types" />
 import React, { HTMLAttributes, PropsWithChildren } from 'react';
 import { ThemeProps, DefaultTheme } from 'styled-components';
 interface IStyledMediaFigureProps extends HTMLAttributes<HTMLDivElement> {
@@ -60,33 +59,33 @@ export declare const StyledMediaFigure: import("styled-components").StyledCompon
     results?: number | undefined;
     security?: string | undefined;
     unselectable?: "on" | "off" | undefined;
-    inputMode?: "search" | "text" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
+    inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
     is?: string | undefined;
     "aria-activedescendant"?: string | undefined;
     "aria-atomic"?: (boolean | "true" | "false") | undefined;
-    "aria-autocomplete"?: "list" | "none" | "inline" | "both" | undefined;
+    "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
     "aria-braillelabel"?: string | undefined;
     "aria-brailleroledescription"?: string | undefined;
     "aria-busy"?: (boolean | "true" | "false") | undefined;
-    "aria-checked"?: boolean | "true" | "false" | "mixed" | undefined;
+    "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined;
     "aria-colcount"?: number | undefined;
     "aria-colindex"?: number | undefined;
     "aria-colindextext"?: string | undefined;
     "aria-colspan"?: number | undefined;
     "aria-controls"?: string | undefined;
-    "aria-current"?: boolean | "time" | "step" | "true" | "false" | "date" | "page" | "location" | undefined;
+    "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined;
     "aria-describedby"?: string | undefined;
     "aria-description"?: string | undefined;
     "aria-details"?: string | undefined;
     "aria-disabled"?: (boolean | "true" | "false") | undefined;
-    "aria-dropeffect"?: "link" | "none" | "copy" | "execute" | "move" | "popup" | undefined;
+    "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
     "aria-errormessage"?: string | undefined;
     "aria-expanded"?: (boolean | "true" | "false") | undefined;
     "aria-flowto"?: string | undefined;
     "aria-grabbed"?: (boolean | "true" | "false") | undefined;
-    "aria-haspopup"?: boolean | "dialog" | "menu" | "true" | "false" | "grid" | "listbox" | "tree" | undefined;
+    "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
     "aria-hidden"?: (boolean | "true" | "false") | undefined;
-    "aria-invalid"?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
+    "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
     "aria-keyshortcuts"?: string | undefined;
     "aria-label"?: string | undefined;
     "aria-labelledby"?: string | undefined;
@@ -99,9 +98,9 @@ export declare const StyledMediaFigure: import("styled-components").StyledCompon
     "aria-owns"?: string | undefined;
     "aria-placeholder"?: string | undefined;
     "aria-posinset"?: number | undefined;
-    "aria-pressed"?: boolean | "true" | "false" | "mixed" | undefined;
+    "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined;
     "aria-readonly"?: (boolean | "true" | "false") | undefined;
-    "aria-relevant"?: "text" | "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
+    "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
     "aria-required"?: (boolean | "true" | "false") | undefined;
     "aria-roledescription"?: string | undefined;
     "aria-rowcount"?: number | undefined;

package/dist/typings/styled/multiselect/StyledMultiselectInput.d.ts

@@ -4,7 +4,6 @@
  * Use of this source code is governed under the Apache License, Version 2.0
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
-/// <reference types="react" />
 import { DefaultTheme } from 'styled-components';
 interface IStyledMultiselectInputProps {
     isCompact: boolean;

package/dist/typings/styled/select/StyledFauxInput.d.ts

@@ -4,16 +4,9 @@
  * Use of this source code is governed under the Apache License, Version 2.0
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
-/// <reference types="react" />
 export declare const StyledFauxInput: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@zendeskgarden/react-forms").IFauxInputProps & import("react").RefAttributes<HTMLDivElement>> & {
-    EndIcon: {
-        ({ isDisabled, isFocused, isHovered, isRotated, ...props }: import("@zendeskgarden/react-forms").IFauxInputStartIconProps): import("react").JSX.Element;
-        displayName: string;
-    };
-    StartIcon: {
-        ({ isDisabled, isFocused, isHovered, isRotated, ...props }: import("@zendeskgarden/react-forms").IFauxInputStartIconProps): import("react").JSX.Element;
-        displayName: string;
-    };
+    EndIcon: typeof import("packages/forms/dist/typings/elements/faux-input/components/EndIcon").EndIcon;
+    StartIcon: typeof import("packages/forms/dist/typings/elements/faux-input/components/StartIcon").StartIcon;
 }, import("styled-components").DefaultTheme, {
     'data-garden-id': string;
     'data-garden-version': string;

package/dist/typings/styled/select/StyledInput.d.ts

@@ -4,7 +4,6 @@
  * Use of this source code is governed under the Apache License, Version 2.0
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
-/// <reference types="react" />
 export interface IStyledInputProps {
     isHidden?: boolean;
 }

package/dist/typings/utils/garden-placements.d.ts

@@ -4,6 +4,7 @@
  * Use of this source code is governed under the Apache License, Version 2.0
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
+import { ArrowPosition } from '@zendeskgarden/react-theming';
 import { GardenPlacement, PopperPlacement } from '../types';
 /**
  * Convert Garden RTL aware placement to Popper.JS valid placement
@@ -18,7 +19,7 @@ export declare function getRtlPopperPlacement(gardenPlacement: GardenPlacement):
  * Convert Popper.JS placement to corresponding arrow position
  * @param {String} popperPlacement
  */
-export declare function getArrowPosition(popperPlacement?: PopperPlacement): "top" | "bottom" | "right" | "left" | "top-left" | "top-right" | "right-top" | "right-bottom" | "bottom-left" | "bottom-right" | "left-top" | "left-bottom";
+export declare function getArrowPosition(popperPlacement?: PopperPlacement): ArrowPosition;
 /**
  * Convert Popper.JS placement to corresponding menu position
  * @param {String} popperPlacement

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zendeskgarden/react-dropdowns.legacy",
-  "version": "9.0.0-next.21",
+  "version": "9.0.0-next.23",
   "description": "Components relating to dropdowns in the Garden Design System",
   "license": "Apache-2.0",
   "author": "Zendesk Garden <garden@zendesk.com>",
@@ -23,7 +23,7 @@
   "dependencies": {
     "@zendeskgarden/container-selection": "^2.0.0",
     "@zendeskgarden/container-utilities": "^1.0.14",
-    "@zendeskgarden/react-forms": "^9.0.0-next.21",
+    "@zendeskgarden/react-forms": "^9.0.0-next.23",
     "downshift": "^7.0.0",
     "polished": "^4.3.1",
     "prop-types": "^15.5.7",
@@ -32,13 +32,13 @@
   },
   "peerDependencies": {
     "@zendeskgarden/react-theming": ">=9.0.0-next",
-    "react": ">=16.8.0",
-    "react-dom": ">=16.8.0",
+    "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
+    "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0",
     "styled-components": "^5.3.1"
   },
   "devDependencies": {
     "@types/lodash.debounce": "4.0.9",
-    "@zendeskgarden/react-theming": "^9.0.0-next.21",
+    "@zendeskgarden/react-theming": "^9.0.0-next.23",
     "@zendeskgarden/svg-icons": "7.1.1",
     "lodash.debounce": "4.0.8"
   },
@@ -52,5 +52,5 @@
     "access": "public"
   },
   "zendeskgarden:src": "src/index.ts",
-  "gitHead": "a245ce2b794ea65142174a6a1f855a111b2677a2"
+  "gitHead": "5e7d2ed69a1615e09406a3f9285359346bb90cc7"
 }