@zendeskgarden/react-dropdowns 8.62.0 → 8.62.1

package/dist/index.cjs.js

@@ -307,7 +307,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.62.0',
+  'data-garden-version': '8.62.1',
   className: props.isAnimated && 'is-animated'
 })).withConfig({
   displayName: "StyledMenu",
@@ -324,7 +324,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.62.0',
+  'data-garden-version': '8.62.1',
   className: props.isAnimated && 'is-animated'
 })).withConfig({
   displayName: "StyledMenuWrapper",
@@ -343,7 +343,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.62.0',
+  'data-garden-version': '8.62.1',
   role: 'separator'
 }).withConfig({
   displayName: "StyledSeparator",
@@ -376,7 +376,7 @@ const getColorStyles = props => {
 };
 const StyledItem = styled__default["default"].li.attrs(props => ({
   'data-garden-id': COMPONENT_ID$j,
-  'data-garden-version': '8.62.0',
+  'data-garden-version': '8.62.1',
   'aria-disabled': props.disabled
 })).withConfig({
   displayName: "StyledItem",
@@ -389,7 +389,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.62.0'
+  'data-garden-version': '8.62.1'
 }).withConfig({
   displayName: "StyledAddItem",
   componentId: "sc-ekqk50-0"
@@ -401,7 +401,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.62.0'
+  'data-garden-version': '8.62.1'
 }).withConfig({
   displayName: "StyledItemMeta",
   componentId: "sc-k6xy28-0"
@@ -416,7 +416,7 @@ const getSizeStyles = props => {
 };
 const StyledItemIcon = styled__default["default"].div.attrs({
   'data-garden-id': COMPONENT_ID$g,
-  'data-garden-version': '8.62.0'
+  'data-garden-version': '8.62.1'
 }).withConfig({
   displayName: "StyledItemIcon",
   componentId: "sc-1v0ty11-0"
@@ -428,7 +428,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.62.0'
+  'data-garden-version': '8.62.1'
 }).withConfig({
   displayName: "StyledNextItem",
   componentId: "sc-1bcygn5-0"
@@ -463,7 +463,7 @@ const NextIconComponent = _ref => {
   } = _ref;
   return React__default["default"].createElement(SvgChevronRightStroke, {
     "data-garden-id": COMPONENT_ID$e,
-    "data-garden-version": '8.62.0',
+    "data-garden-version": '8.62.1',
     className: className
   });
 };
@@ -478,7 +478,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.62.0'
+  'data-garden-version': '8.62.1'
 }).withConfig({
   displayName: "StyledPreviousItem",
   componentId: "sc-1nmdds9-0"
@@ -513,7 +513,7 @@ const PreviousIconComponent = _ref => {
   } = _ref;
   return React__default["default"].createElement(SvgChevronLeftStroke, {
     "data-garden-id": COMPONENT_ID$c,
-    "data-garden-version": '8.62.0',
+    "data-garden-version": '8.62.1',
     className: className
   });
 };
@@ -528,7 +528,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.62.0'
+  'data-garden-version': '8.62.1'
 }).withConfig({
   displayName: "StyledHeaderIcon",
   componentId: "sc-1fl6nsz-0"
@@ -546,7 +546,7 @@ const getHorizontalPadding = props => {
 };
 const StyledHeaderItem = styled__default["default"](StyledItem).attrs({
   'data-garden-id': COMPONENT_ID$a,
-  'data-garden-version': '8.62.0'
+  'data-garden-version': '8.62.1'
 }).withConfig({
   displayName: "StyledHeaderItem",
   componentId: "sc-137filx-0"
@@ -558,7 +558,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.62.0'
+  'data-garden-version': '8.62.1'
 }).withConfig({
   displayName: "StyledMediaBody",
   componentId: "sc-36j7ef-0"
@@ -581,7 +581,7 @@ _ref => {
   );
 }).attrs({
   'data-garden-id': COMPONENT_ID$8,
-  'data-garden-version': '8.62.0'
+  'data-garden-version': '8.62.1'
 }).withConfig({
   displayName: "StyledMediaFigure",
   componentId: "sc-2f2x8x-0"
@@ -593,7 +593,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.62.0'
+  'data-garden-version': '8.62.1'
 }).withConfig({
   displayName: "StyledMediaItem",
   componentId: "sc-ikwshz-0"
@@ -605,7 +605,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.62.0',
+  'data-garden-version': '8.62.1',
   mediaLayout: true,
   theme: props.theme
 })).withConfig({
@@ -620,7 +620,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.62.0',
+  'data-garden-version': '8.62.1',
   isBare: true
 }).withConfig({
   displayName: "StyledInput",
@@ -633,7 +633,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.62.0'
+  'data-garden-version': '8.62.1'
 }).withConfig({
   displayName: "StyledSelect",
   componentId: "sc-xifmwj-0"
@@ -654,7 +654,7 @@ const visibleStyling = props => {
 };
 const StyledMultiselectInput = styled__default["default"](StyledInput).attrs({
   'data-garden-id': COMPONENT_ID$3,
-  'data-garden-version': '8.62.0'
+  'data-garden-version': '8.62.1'
 }).withConfig({
   displayName: "StyledMultiselectInput",
   componentId: "sc-1avnf6f-0"
@@ -678,7 +678,7 @@ const sizeStyles = props => {
 };
 const StyledMultiselectItemsContainer = styled__default["default"].div.attrs({
   'data-garden-id': COMPONENT_ID$2,
-  'data-garden-version': '8.62.0'
+  'data-garden-version': '8.62.1'
 }).withConfig({
   displayName: "StyledMultiselectItemsContainer",
   componentId: "sc-1jzhet8-0"
@@ -690,7 +690,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.62.0'
+  'data-garden-version': '8.62.1'
 }).withConfig({
   displayName: "StyledMultiselectItemWrapper",
   componentId: "sc-1rb2bye-0"
@@ -702,7 +702,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.62.0'
+  'data-garden-version': '8.62.1'
 }).withConfig({
   displayName: "StyledMultiselectMoreAnchor",
   componentId: "sc-1m9v46e-0"
@@ -1772,6 +1772,7 @@ const Item = React__default["default"].forwardRef((_ref, forwardRef) => {
     disabled,
     isDanger,
     component = StyledItem,
+    hasIcon,
     children,
     ...props
   } = _ref;
@@ -1836,7 +1837,7 @@ const Item = React__default["default"].forwardRef((_ref, forwardRef) => {
       disabled: disabled,
       isDanger: isDanger,
       isCompact: isCompact
-    }, props), isSelected && React__default["default"].createElement(StyledItemIcon, {
+    }, props), isSelected && !hasIcon && React__default["default"].createElement(StyledItemIcon, {
       isCompact: isCompact,
       isVisible: isSelected,
       isDisabled: disabled
@@ -1888,7 +1889,9 @@ const AddItemComponent = React__default["default"].forwardRef((_ref, ref) => {
 const AddItem = React__default["default"].forwardRef((props, ref) => React__default["default"].createElement(Item, _extends$5({
   component: AddItemComponent,
   ref: ref
-}, props)));
+}, props, {
+  hasIcon: true
+})));
 AddItem.displayName = 'AddItem';
 AddItem.propTypes = {
   value: PropTypes__default["default"].any,
@@ -2006,7 +2009,9 @@ const NextItem = React__default["default"].forwardRef((_ref2, ref) => {
     disabled: disabled,
     value: value,
     ref: ref
-  }, props));
+  }, props, {
+    hasIcon: true
+  }));
 });
 NextItem.displayName = 'NextItem';
 NextItem.propTypes = {
@@ -2055,7 +2060,8 @@ const PreviousItem = React__default["default"].forwardRef((_ref2, ref) => {
     value: value,
     disabled: disabled
   }, props, {
-    ref: ref
+    ref: ref,
+    hasIcon: true
   }));
 });
 PreviousItem.displayName = 'PreviousItem';

package/dist/index.esm.js

@@ -278,7 +278,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.62.0',
+  'data-garden-version': '8.62.1',
   className: props.isAnimated && 'is-animated'
 })).withConfig({
   displayName: "StyledMenu",
@@ -295,7 +295,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.62.0',
+  'data-garden-version': '8.62.1',
   className: props.isAnimated && 'is-animated'
 })).withConfig({
   displayName: "StyledMenuWrapper",
@@ -314,7 +314,7 @@ StyledMenuWrapper.defaultProps = {
 const COMPONENT_ID$k = 'dropdowns.separator';
 const StyledSeparator = styled.li.attrs({
   'data-garden-id': COMPONENT_ID$k,
-  'data-garden-version': '8.62.0',
+  'data-garden-version': '8.62.1',
   role: 'separator'
 }).withConfig({
   displayName: "StyledSeparator",
@@ -347,7 +347,7 @@ const getColorStyles = props => {
 };
 const StyledItem = styled.li.attrs(props => ({
   'data-garden-id': COMPONENT_ID$j,
-  'data-garden-version': '8.62.0',
+  'data-garden-version': '8.62.1',
   'aria-disabled': props.disabled
 })).withConfig({
   displayName: "StyledItem",
@@ -360,7 +360,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.62.0'
+  'data-garden-version': '8.62.1'
 }).withConfig({
   displayName: "StyledAddItem",
   componentId: "sc-ekqk50-0"
@@ -372,7 +372,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.62.0'
+  'data-garden-version': '8.62.1'
 }).withConfig({
   displayName: "StyledItemMeta",
   componentId: "sc-k6xy28-0"
@@ -387,7 +387,7 @@ const getSizeStyles = props => {
 };
 const StyledItemIcon = styled.div.attrs({
   'data-garden-id': COMPONENT_ID$g,
-  'data-garden-version': '8.62.0'
+  'data-garden-version': '8.62.1'
 }).withConfig({
   displayName: "StyledItemIcon",
   componentId: "sc-1v0ty11-0"
@@ -399,7 +399,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.62.0'
+  'data-garden-version': '8.62.1'
 }).withConfig({
   displayName: "StyledNextItem",
   componentId: "sc-1bcygn5-0"
@@ -434,7 +434,7 @@ const NextIconComponent = _ref => {
   } = _ref;
   return React__default.createElement(SvgChevronRightStroke, {
     "data-garden-id": COMPONENT_ID$e,
-    "data-garden-version": '8.62.0',
+    "data-garden-version": '8.62.1',
     className: className
   });
 };
@@ -449,7 +449,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.62.0'
+  'data-garden-version': '8.62.1'
 }).withConfig({
   displayName: "StyledPreviousItem",
   componentId: "sc-1nmdds9-0"
@@ -484,7 +484,7 @@ const PreviousIconComponent = _ref => {
   } = _ref;
   return React__default.createElement(SvgChevronLeftStroke, {
     "data-garden-id": COMPONENT_ID$c,
-    "data-garden-version": '8.62.0',
+    "data-garden-version": '8.62.1',
     className: className
   });
 };
@@ -499,7 +499,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.62.0'
+  'data-garden-version': '8.62.1'
 }).withConfig({
   displayName: "StyledHeaderIcon",
   componentId: "sc-1fl6nsz-0"
@@ -517,7 +517,7 @@ const getHorizontalPadding = props => {
 };
 const StyledHeaderItem = styled(StyledItem).attrs({
   'data-garden-id': COMPONENT_ID$a,
-  'data-garden-version': '8.62.0'
+  'data-garden-version': '8.62.1'
 }).withConfig({
   displayName: "StyledHeaderItem",
   componentId: "sc-137filx-0"
@@ -529,7 +529,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.62.0'
+  'data-garden-version': '8.62.1'
 }).withConfig({
   displayName: "StyledMediaBody",
   componentId: "sc-36j7ef-0"
@@ -552,7 +552,7 @@ _ref => {
   );
 }).attrs({
   'data-garden-id': COMPONENT_ID$8,
-  'data-garden-version': '8.62.0'
+  'data-garden-version': '8.62.1'
 }).withConfig({
   displayName: "StyledMediaFigure",
   componentId: "sc-2f2x8x-0"
@@ -564,7 +564,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.62.0'
+  'data-garden-version': '8.62.1'
 }).withConfig({
   displayName: "StyledMediaItem",
   componentId: "sc-ikwshz-0"
@@ -576,7 +576,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.62.0',
+  'data-garden-version': '8.62.1',
   mediaLayout: true,
   theme: props.theme
 })).withConfig({
@@ -591,7 +591,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.62.0',
+  'data-garden-version': '8.62.1',
   isBare: true
 }).withConfig({
   displayName: "StyledInput",
@@ -604,7 +604,7 @@ StyledInput.defaultProps = {
 const COMPONENT_ID$4 = 'dropdowns.select';
 const StyledSelect = styled.div.attrs({
   'data-garden-id': COMPONENT_ID$4,
-  'data-garden-version': '8.62.0'
+  'data-garden-version': '8.62.1'
 }).withConfig({
   displayName: "StyledSelect",
   componentId: "sc-xifmwj-0"
@@ -625,7 +625,7 @@ const visibleStyling = props => {
 };
 const StyledMultiselectInput = styled(StyledInput).attrs({
   'data-garden-id': COMPONENT_ID$3,
-  'data-garden-version': '8.62.0'
+  'data-garden-version': '8.62.1'
 }).withConfig({
   displayName: "StyledMultiselectInput",
   componentId: "sc-1avnf6f-0"
@@ -649,7 +649,7 @@ const sizeStyles = props => {
 };
 const StyledMultiselectItemsContainer = styled.div.attrs({
   'data-garden-id': COMPONENT_ID$2,
-  'data-garden-version': '8.62.0'
+  'data-garden-version': '8.62.1'
 }).withConfig({
   displayName: "StyledMultiselectItemsContainer",
   componentId: "sc-1jzhet8-0"
@@ -661,7 +661,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.62.0'
+  'data-garden-version': '8.62.1'
 }).withConfig({
   displayName: "StyledMultiselectItemWrapper",
   componentId: "sc-1rb2bye-0"
@@ -673,7 +673,7 @@ StyledMultiselectItemWrapper.defaultProps = {
 const COMPONENT_ID = 'dropdowns.multiselect_more_anchor';
 const StyledMultiselectMoreAnchor = styled.div.attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '8.62.0'
+  'data-garden-version': '8.62.1'
 }).withConfig({
   displayName: "StyledMultiselectMoreAnchor",
   componentId: "sc-1m9v46e-0"
@@ -1743,6 +1743,7 @@ const Item = React__default.forwardRef((_ref, forwardRef) => {
     disabled,
     isDanger,
     component = StyledItem,
+    hasIcon,
     children,
     ...props
   } = _ref;
@@ -1807,7 +1808,7 @@ const Item = React__default.forwardRef((_ref, forwardRef) => {
       disabled: disabled,
       isDanger: isDanger,
       isCompact: isCompact
-    }, props), isSelected && React__default.createElement(StyledItemIcon, {
+    }, props), isSelected && !hasIcon && React__default.createElement(StyledItemIcon, {
       isCompact: isCompact,
       isVisible: isSelected,
       isDisabled: disabled
@@ -1859,7 +1860,9 @@ const AddItemComponent = React__default.forwardRef((_ref, ref) => {
 const AddItem = React__default.forwardRef((props, ref) => React__default.createElement(Item, _extends$5({
   component: AddItemComponent,
   ref: ref
-}, props)));
+}, props, {
+  hasIcon: true
+})));
 AddItem.displayName = 'AddItem';
 AddItem.propTypes = {
   value: PropTypes.any,
@@ -1977,7 +1980,9 @@ const NextItem = React__default.forwardRef((_ref2, ref) => {
     disabled: disabled,
     value: value,
     ref: ref
-  }, props));
+  }, props, {
+    hasIcon: true
+  }));
 });
 NextItem.displayName = 'NextItem';
 NextItem.propTypes = {
@@ -2026,7 +2031,8 @@ const PreviousItem = React__default.forwardRef((_ref2, ref) => {
     value: value,
     disabled: disabled
   }, props, {
-    ref: ref
+    ref: ref,
+    hasIcon: true
   }));
 });
 PreviousItem.displayName = 'PreviousItem';

package/dist/typings/elements/Menu/Items/AddItem.d.ts

@@ -9,4 +9,4 @@ import { IItemProps } from '../../../types';
 /**
  * @extends LiHTMLAttributes<HTMLLIElement>
  */
-export declare const AddItem: React.ForwardRefExoticComponent<Omit<IItemProps, "component"> & React.RefAttributes<HTMLLIElement>>;
+export declare const AddItem: React.ForwardRefExoticComponent<Omit<IItemProps, "component" | "hasIcon"> & React.RefAttributes<HTMLLIElement>>;

package/dist/typings/elements/Menu/Items/MediaItem.d.ts

@@ -9,4 +9,4 @@ import { IItemProps } from '../../../types';
 /**
  * @extends LiHTMLAttributes<HTMLLIElement>
  */
-export declare const MediaItem: React.ForwardRefExoticComponent<Omit<IItemProps, "component"> & React.RefAttributes<HTMLLIElement>>;
+export declare const MediaItem: React.ForwardRefExoticComponent<Omit<IItemProps, "component" | "hasIcon"> & React.RefAttributes<HTMLLIElement>>;

package/dist/typings/elements/Menu/Items/NextItem.d.ts

@@ -9,4 +9,4 @@ import { IItemProps } from '../../../types';
 /**
  * @extends LiHTMLAttributes<HTMLLIElement>
  */
-export declare const NextItem: React.ForwardRefExoticComponent<Omit<IItemProps, "component"> & React.RefAttributes<HTMLLIElement>>;
+export declare const NextItem: React.ForwardRefExoticComponent<Omit<IItemProps, "component" | "hasIcon"> & React.RefAttributes<HTMLLIElement>>;

package/dist/typings/elements/Menu/Items/PreviousItem.d.ts

@@ -9,4 +9,4 @@ import { IItemProps } from '../../../types';
 /**
  * @extends LiHTMLAttributes<HTMLLIElement>
  */
-export declare const PreviousItem: React.ForwardRefExoticComponent<Omit<IItemProps, "component"> & React.RefAttributes<HTMLLIElement>>;
+export declare const PreviousItem: React.ForwardRefExoticComponent<Omit<IItemProps, "component" | "hasIcon"> & React.RefAttributes<HTMLLIElement>>;

package/dist/typings/types/index.d.ts

@@ -139,6 +139,10 @@ export interface IItemProps extends LiHTMLAttributes<HTMLLIElement> {
      * @ignore Sets the wrapping component for the item
      */
     component?: any;
+    /**
+     * @ignore Hides the select icon for the item
+     */
+    hasIcon?: boolean;
 }
 export interface IHeaderItemProps extends LiHTMLAttributes<HTMLLIElement> {
     /** Applies icon styling */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zendeskgarden/react-dropdowns",
-  "version": "8.62.0",
+  "version": "8.62.1",
   "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.0",
-    "@zendeskgarden/react-forms": "^8.62.0",
+    "@zendeskgarden/react-forms": "^8.62.1",
     "downshift": "^6.0.0",
     "polished": "^4.0.0",
     "prop-types": "^15.5.7",
@@ -38,7 +38,7 @@
   },
   "devDependencies": {
     "@types/lodash.debounce": "4.0.7",
-    "@zendeskgarden/react-theming": "^8.62.0",
+    "@zendeskgarden/react-theming": "^8.62.1",
     "@zendeskgarden/svg-icons": "6.33.0",
     "lodash.debounce": "4.0.8"
   },
@@ -52,5 +52,5 @@
     "access": "public"
   },
   "zendeskgarden:src": "src/index.ts",
-  "gitHead": "f8233a46d9732497578dbea9e88f82a3d4bb3678"
+  "gitHead": "e84b3603c69975dc0ef30029364da15fc1e4fc03"
 }