@zendeskgarden/react-dropdowns 9.1.2 → 9.2.0

package/dist/esm/elements/combobox/Combobox.js

@@ -30,6 +30,7 @@ import '../../views/combobox/StyledOption.js';
 import '../../views/combobox/StyledOptionContent.js';
 import '../../views/combobox/StyledOptionIcon.js';
 import '../../views/combobox/StyledOptionMeta.js';
+import '../../views/combobox/StyledOptionSelectionIcon.js';
 import '../../views/combobox/StyledOptionTypeIcon.js';
 import '../../views/combobox/StyledTag.js';
 import { StyledTagsButton } from '../../views/combobox/StyledTagsButton.js';

package/dist/esm/elements/combobox/Field.js

@@ -23,6 +23,7 @@ import '../../views/combobox/StyledOption.js';
 import '../../views/combobox/StyledOptionContent.js';
 import '../../views/combobox/StyledOptionIcon.js';
 import '../../views/combobox/StyledOptionMeta.js';
+import '../../views/combobox/StyledOptionSelectionIcon.js';
 import '../../views/combobox/StyledOptionTypeIcon.js';
 import '../../views/combobox/StyledTag.js';
 import '../../views/combobox/StyledTagsButton.js';

package/dist/esm/elements/combobox/Hint.js

@@ -23,6 +23,7 @@ import '../../views/combobox/StyledOption.js';
 import '../../views/combobox/StyledOptionContent.js';
 import '../../views/combobox/StyledOptionIcon.js';
 import '../../views/combobox/StyledOptionMeta.js';
+import '../../views/combobox/StyledOptionSelectionIcon.js';
 import '../../views/combobox/StyledOptionTypeIcon.js';
 import '../../views/combobox/StyledTag.js';
 import '../../views/combobox/StyledTagsButton.js';

package/dist/esm/elements/combobox/Label.js

@@ -25,6 +25,7 @@ import '../../views/combobox/StyledOption.js';
 import '../../views/combobox/StyledOptionContent.js';
 import '../../views/combobox/StyledOptionIcon.js';
 import '../../views/combobox/StyledOptionMeta.js';
+import '../../views/combobox/StyledOptionSelectionIcon.js';
 import '../../views/combobox/StyledOptionTypeIcon.js';
 import '../../views/combobox/StyledTag.js';
 import '../../views/combobox/StyledTagsButton.js';

package/dist/esm/elements/combobox/Listbox.js

@@ -25,6 +25,7 @@ import '../../views/combobox/StyledOption.js';
 import '../../views/combobox/StyledOptionContent.js';
 import '../../views/combobox/StyledOptionIcon.js';
 import '../../views/combobox/StyledOptionMeta.js';
+import '../../views/combobox/StyledOptionSelectionIcon.js';
 import '../../views/combobox/StyledOptionTypeIcon.js';
 import '../../views/combobox/StyledTag.js';
 import '../../views/combobox/StyledTagsButton.js';

package/dist/esm/elements/combobox/Message.js

@@ -25,6 +25,7 @@ import '../../views/combobox/StyledOption.js';
 import '../../views/combobox/StyledOptionContent.js';
 import '../../views/combobox/StyledOptionIcon.js';
 import '../../views/combobox/StyledOptionMeta.js';
+import '../../views/combobox/StyledOptionSelectionIcon.js';
 import '../../views/combobox/StyledOptionTypeIcon.js';
 import '../../views/combobox/StyledTag.js';
 import '../../views/combobox/StyledTagsButton.js';

package/dist/esm/elements/combobox/OptGroup.js

@@ -26,6 +26,7 @@ import { StyledOption } from '../../views/combobox/StyledOption.js';
 import { StyledOptionContent } from '../../views/combobox/StyledOptionContent.js';
 import '../../views/combobox/StyledOptionIcon.js';
 import '../../views/combobox/StyledOptionMeta.js';
+import '../../views/combobox/StyledOptionSelectionIcon.js';
 import { StyledOptionTypeIcon } from '../../views/combobox/StyledOptionTypeIcon.js';
 import '../../views/combobox/StyledTag.js';
 import '../../views/combobox/StyledTagsButton.js';

package/dist/esm/elements/combobox/Option.js

@@ -11,6 +11,7 @@ import SvgPlusStroke from '../../node_modules/@zendeskgarden/svg-icons/src/16/pl
 import SvgChevronRightStroke from '../../node_modules/@zendeskgarden/svg-icons/src/16/chevron-right-stroke.svg.js';
 import SvgChevronLeftStroke from '../../node_modules/@zendeskgarden/svg-icons/src/16/chevron-left-stroke.svg.js';
 import SvgCheckLgStroke from '../../node_modules/@zendeskgarden/svg-icons/src/16/check-lg-stroke.svg.js';
+import SvgCircleSmFill from '../../node_modules/@zendeskgarden/svg-icons/src/12/circle-sm-fill.svg.js';
 import { OPTION_TYPE } from '../../types/index.js';
 import useComboboxContext from '../../context/useComboboxContext.js';
 import { OptionContext } from '../../context/useOptionContext.js';
@@ -31,6 +32,7 @@ import { StyledOption } from '../../views/combobox/StyledOption.js';
 import { StyledOptionContent } from '../../views/combobox/StyledOptionContent.js';
 import { StyledOptionIcon } from '../../views/combobox/StyledOptionIcon.js';
 import '../../views/combobox/StyledOptionMeta.js';
+import { StyledOptionSelectionIcon } from '../../views/combobox/StyledOptionSelectionIcon.js';
 import { StyledOptionTypeIcon } from '../../views/combobox/StyledOptionTypeIcon.js';
 import '../../views/combobox/StyledTag.js';
 import '../../views/combobox/StyledTagsButton.js';
@@ -51,6 +53,7 @@ import { toOption } from './utils.js';
 const OptionComponent = forwardRef((_ref, ref) => {
   let {
     children,
+    hasSelection,
     icon,
     isDisabled,
     isHidden,
@@ -112,7 +115,9 @@ const OptionComponent = forwardRef((_ref, ref) => {
     $isActive: isActive,
     $isCompact: isCompact,
     $type: type
-  }, props, optionProps), React__default.createElement(StyledOptionTypeIcon, {
+  }, props, optionProps), !!hasSelection && type === 'next' && React__default.createElement(StyledOptionSelectionIcon, {
+    $isCompact: isCompact
+  }, React__default.createElement(SvgCircleSmFill, null)), React__default.createElement(StyledOptionTypeIcon, {
     $isCompact: isCompact,
     $type: type
   }, renderActionIcon(type)), !!icon && React__default.createElement(StyledOptionIcon, {
@@ -122,6 +127,7 @@ const OptionComponent = forwardRef((_ref, ref) => {
 });
 OptionComponent.displayName = 'Option';
 OptionComponent.propTypes = {
+  hasSelection: PropTypes.bool,
   icon: PropTypes.any,
   isDisabled: PropTypes.bool,
   isSelected: PropTypes.bool,

package/dist/esm/elements/combobox/OptionMeta.js

@@ -23,6 +23,7 @@ import '../../views/combobox/StyledOption.js';
 import '../../views/combobox/StyledOptionContent.js';
 import '../../views/combobox/StyledOptionIcon.js';
 import { StyledOptionMeta } from '../../views/combobox/StyledOptionMeta.js';
+import '../../views/combobox/StyledOptionSelectionIcon.js';
 import '../../views/combobox/StyledOptionTypeIcon.js';
 import '../../views/combobox/StyledTag.js';
 import '../../views/combobox/StyledTagsButton.js';

package/dist/esm/elements/combobox/Tag.js

@@ -27,6 +27,7 @@ import '../../views/combobox/StyledOption.js';
 import '../../views/combobox/StyledOptionContent.js';
 import '../../views/combobox/StyledOptionIcon.js';
 import '../../views/combobox/StyledOptionMeta.js';
+import '../../views/combobox/StyledOptionSelectionIcon.js';
 import '../../views/combobox/StyledOptionTypeIcon.js';
 import { StyledTag } from '../../views/combobox/StyledTag.js';
 import '../../views/combobox/StyledTagsButton.js';

package/dist/esm/elements/menu/Item.js

@@ -29,6 +29,7 @@ import '../../views/combobox/StyledOption.js';
 import '../../views/combobox/StyledOptionContent.js';
 import '../../views/combobox/StyledOptionIcon.js';
 import '../../views/combobox/StyledOptionMeta.js';
+import '../../views/combobox/StyledOptionSelectionIcon.js';
 import '../../views/combobox/StyledOptionTypeIcon.js';
 import '../../views/combobox/StyledTag.js';
 import '../../views/combobox/StyledTagsButton.js';

package/dist/esm/elements/menu/ItemGroup.js

@@ -25,6 +25,7 @@ import '../../views/combobox/StyledOption.js';
 import '../../views/combobox/StyledOptionContent.js';
 import '../../views/combobox/StyledOptionIcon.js';
 import '../../views/combobox/StyledOptionMeta.js';
+import '../../views/combobox/StyledOptionSelectionIcon.js';
 import '../../views/combobox/StyledOptionTypeIcon.js';
 import '../../views/combobox/StyledTag.js';
 import '../../views/combobox/StyledTagsButton.js';

package/dist/esm/elements/menu/ItemMeta.js

@@ -23,6 +23,7 @@ import '../../views/combobox/StyledOption.js';
 import '../../views/combobox/StyledOptionContent.js';
 import '../../views/combobox/StyledOptionIcon.js';
 import '../../views/combobox/StyledOptionMeta.js';
+import '../../views/combobox/StyledOptionSelectionIcon.js';
 import '../../views/combobox/StyledOptionTypeIcon.js';
 import '../../views/combobox/StyledTag.js';
 import '../../views/combobox/StyledTagsButton.js';

package/dist/esm/elements/menu/MenuList.js

@@ -27,6 +27,7 @@ import '../../views/combobox/StyledOption.js';
 import '../../views/combobox/StyledOptionContent.js';
 import '../../views/combobox/StyledOptionIcon.js';
 import '../../views/combobox/StyledOptionMeta.js';
+import '../../views/combobox/StyledOptionSelectionIcon.js';
 import '../../views/combobox/StyledOptionTypeIcon.js';
 import '../../views/combobox/StyledTag.js';
 import '../../views/combobox/StyledTagsButton.js';

package/dist/esm/elements/menu/Separator.js

@@ -22,6 +22,7 @@ import '../../views/combobox/StyledOption.js';
 import '../../views/combobox/StyledOptionContent.js';
 import '../../views/combobox/StyledOptionIcon.js';
 import '../../views/combobox/StyledOptionMeta.js';
+import '../../views/combobox/StyledOptionSelectionIcon.js';
 import '../../views/combobox/StyledOptionTypeIcon.js';
 import '../../views/combobox/StyledTag.js';
 import '../../views/combobox/StyledTagsButton.js';

package/dist/esm/node_modules/@zendeskgarden/svg-icons/src/12/circle-sm-fill.svg.js

@@ -0,0 +1,27 @@
+/**
+* Copyright Zendesk, Inc.
+*
+* 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 * as React from 'react';
+
+var _circle;
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+var SvgCircleSmFill = function SvgCircleSmFill(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 12,
+    height: 12,
+    focusable: "false",
+    viewBox: "0 0 12 12",
+    "aria-hidden": "true"
+  }, props), _circle || (_circle = /*#__PURE__*/React.createElement("circle", {
+    cx: 6,
+    cy: 6,
+    r: 2,
+    fill: "currentColor"
+  })));
+};
+
+export { SvgCircleSmFill as default };

package/dist/esm/views/combobox/StyledCombobox.js

@@ -18,7 +18,7 @@ const sizeStyles = props => {
 };
 const StyledCombobox = styled.div.attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.1.2'
+  'data-garden-version': '9.2.0'
 }).withConfig({
   displayName: "StyledCombobox",
   componentId: "sc-13eybg8-0"

package/dist/esm/views/combobox/StyledContainer.js

@@ -10,7 +10,7 @@ import { retrieveComponentStyles } from '@zendeskgarden/react-theming';
 const COMPONENT_ID = 'dropdowns.combobox.container';
 const StyledContainer = styled.div.attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.1.2'
+  'data-garden-version': '9.2.0'
 }).withConfig({
   displayName: "StyledContainer",
   componentId: "sc-14i9jid-0"

package/dist/esm/views/combobox/StyledField.js

@@ -10,10 +10,10 @@ import { retrieveComponentStyles } from '@zendeskgarden/react-theming';
 const COMPONENT_ID = 'dropdowns.combobox.field';
 const StyledField = styled.div.attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.1.2'
+  'data-garden-version': '9.2.0'
 }).withConfig({
   displayName: "StyledField",
   componentId: "sc-zc57xl-0"
-})(["direction:", ";", ";"], props => props.theme.rtl ? 'rtl' : 'ltr', props => retrieveComponentStyles(COMPONENT_ID, props));
+})(["direction:", ";text-align:start;", ";"], props => props.theme.rtl ? 'rtl' : 'ltr', props => retrieveComponentStyles(COMPONENT_ID, props));
 
 export { StyledField };

package/dist/esm/views/combobox/StyledFloatingListbox.js

@@ -10,7 +10,7 @@ import { menuStyles, retrieveComponentStyles } from '@zendeskgarden/react-themin
 const COMPONENT_ID = 'dropdowns.combobox.floating';
 const StyledFloatingListbox = styled.div.attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.1.2'
+  'data-garden-version': '9.2.0'
 }).withConfig({
   displayName: "StyledFloatingListbox",
   componentId: "sc-1cp6spf-0"

package/dist/esm/views/combobox/StyledHint.js

@@ -11,7 +11,7 @@ import { Field } from '@zendeskgarden/react-forms';
 const COMPONENT_ID = 'dropdowns.combobox.hint';
 const StyledHint = styled(Field.Hint).attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.1.2'
+  'data-garden-version': '9.2.0'
 }).withConfig({
   displayName: "StyledHint",
   componentId: "sc-106qvqx-0"

package/dist/esm/views/combobox/StyledInput.js

@@ -35,7 +35,7 @@ const sizeStyles = props => {
 };
 const StyledInput = styled.input.attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.1.2'
+  'data-garden-version': '9.2.0'
 }).withConfig({
   displayName: "StyledInput",
   componentId: "sc-1lkqdg-0"

package/dist/esm/views/combobox/StyledInputGroup.js

@@ -14,7 +14,7 @@ const sizeStyles = props => {
 };
 const StyledInputGroup = styled.div.attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.1.2'
+  'data-garden-version': '9.2.0'
 }).withConfig({
   displayName: "StyledInputGroup",
   componentId: "sc-yx3q7u-0"

package/dist/esm/views/combobox/StyledInputIcon.js

@@ -50,7 +50,7 @@ const sizeStyles = props => {
 };
 const StyledInputIcon = styled(StyledBaseIcon).attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.1.2'
+  'data-garden-version': '9.2.0'
 }).withConfig({
   displayName: "StyledInputIcon",
   componentId: "sc-gqbs1s-0"

package/dist/esm/views/combobox/StyledLabel.js

@@ -11,7 +11,7 @@ import { Field } from '@zendeskgarden/react-forms';
 const COMPONENT_ID = 'dropdowns.combobox.label';
 const StyledLabel = styled(Field.Label).attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.1.2'
+  'data-garden-version': '9.2.0'
 }).withConfig({
   displayName: "StyledLabel",
   componentId: "sc-az6now-0"

package/dist/esm/views/combobox/StyledListbox.js

@@ -18,7 +18,7 @@ const sizeStyles = props => {
 };
 const StyledListbox = styled.ul.attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.1.2'
+  'data-garden-version': '9.2.0'
 }).withConfig({
   displayName: "StyledListbox",
   componentId: "sc-1k13ba7-0"

package/dist/esm/views/combobox/StyledListboxSeparator.js

@@ -25,7 +25,7 @@ const sizeStyles = props => {
 };
 const StyledListboxSeparator = styled.li.attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.1.2'
+  'data-garden-version': '9.2.0'
 }).withConfig({
   displayName: "StyledListboxSeparator",
   componentId: "sc-1p6toh2-0"

package/dist/esm/views/combobox/StyledMessage.js

@@ -11,7 +11,7 @@ import { Field } from '@zendeskgarden/react-forms';
 const COMPONENT_ID = 'dropdowns.combobox.message';
 const StyledMessage = styled(Field.Message).attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.1.2'
+  'data-garden-version': '9.2.0'
 }).withConfig({
   displayName: "StyledMessage",
   componentId: "sc-jux8m5-0"

package/dist/esm/views/combobox/StyledOptGroup.js

@@ -10,7 +10,7 @@ import { retrieveComponentStyles } from '@zendeskgarden/react-theming';
 const COMPONENT_ID = 'dropdowns.combobox.optgroup';
 const StyledOptGroup = styled.ul.attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.1.2'
+  'data-garden-version': '9.2.0'
 }).withConfig({
   displayName: "StyledOptGroup",
   componentId: "sc-1kavqsx-0"

package/dist/esm/views/combobox/StyledOption.js

@@ -57,7 +57,7 @@ const sizeStyles = props => {
 };
 const StyledOption = styled.li.attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.1.2'
+  'data-garden-version': '9.2.0'
 }).withConfig({
   displayName: "StyledOption",
   componentId: "sc-jl4wn6-0"

package/dist/esm/views/combobox/StyledOptionContent.js

@@ -10,7 +10,7 @@ import { retrieveComponentStyles } from '@zendeskgarden/react-theming';
 const COMPONENT_ID = 'dropdowns.combobox.option.content';
 const StyledOptionContent = styled.div.attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.1.2'
+  'data-garden-version': '9.2.0'
 }).withConfig({
   displayName: "StyledOptionContent",
   componentId: "sc-121ujpu-0"

package/dist/esm/views/combobox/StyledOptionIcon.js

@@ -39,7 +39,7 @@ const sizeStyles = props => {
 };
 const StyledOptionIcon = styled(StyledBaseIcon).attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.1.2'
+  'data-garden-version': '9.2.0'
 }).withConfig({
   displayName: "StyledOptionIcon",
   componentId: "sc-qsab3y-0"

package/dist/esm/views/combobox/StyledOptionMeta.js

@@ -27,7 +27,7 @@ const sizeStyles = props => {
 };
 const StyledOptionMeta = styled.div.attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.1.2'
+  'data-garden-version': '9.2.0'
 }).withConfig({
   displayName: "StyledOptionMeta",
   componentId: "sc-j6pu10-0"

package/dist/esm/views/combobox/StyledOptionSelectionIcon.js

@@ -0,0 +1,45 @@
+/**
+* Copyright Zendesk, Inc.
+*
+* 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 styled, { css } from 'styled-components';
+import { math } from 'polished';
+import { StyledBaseIcon, retrieveComponentStyles, getColor } from '@zendeskgarden/react-theming';
+import { getMinHeight } from './StyledOption.js';
+
+const COMPONENT_ID = 'dropdowns.combobox.option.selection_icon';
+const colorStyles = _ref => {
+  let {
+    theme
+  } = _ref;
+  const color = getColor({
+    theme,
+    variable: 'foreground.primary'
+  });
+  return css(["color:", ";"], color);
+};
+const sizeStyles = _ref2 => {
+  let {
+    theme,
+    $isCompact
+  } = _ref2;
+  const size = theme.iconSizes.sm;
+  const position = `${theme.space.base * 3.5}px`;
+  const top = math(`(${getMinHeight({
+    theme,
+    $isCompact
+  })} - ${size}) / 2`);
+  const side = theme.rtl ? 'right' : 'left';
+  return css(["top:", ";", ":", ";width:", ";height:", ";"], top, side, position, size, size);
+};
+const StyledOptionSelectionIcon = styled(StyledBaseIcon).attrs({
+  'data-garden-id': COMPONENT_ID,
+  'data-garden-version': '9.2.0'
+}).withConfig({
+  displayName: "StyledOptionSelectionIcon",
+  componentId: "sc-12wj24m-0"
+})(["position:absolute;", ";", ";", ";"], sizeStyles, colorStyles, props => retrieveComponentStyles(COMPONENT_ID, props));
+
+export { StyledOptionSelectionIcon };

package/dist/esm/views/combobox/StyledOptionTypeIcon.js

@@ -46,7 +46,7 @@ const sizeStyles = props => {
 };
 const StyledOptionTypeIcon = styled(StyledBaseIcon).attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.1.2'
+  'data-garden-version': '9.2.0'
 }).withConfig({
   displayName: "StyledOptionTypeIcon",
   componentId: "sc-xpink2-0"

package/dist/esm/views/combobox/StyledTag.js

@@ -12,7 +12,7 @@ import { Tag } from '@zendeskgarden/react-tags';
 const COMPONENT_ID = 'dropdowns.combobox.tag';
 const StyledTag = styled(Tag).attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.1.2'
+  'data-garden-version': '9.2.0'
 }).withConfig({
   displayName: "StyledTag",
   componentId: "sc-1alam0r-0"

package/dist/esm/views/combobox/StyledTagsButton.js

@@ -22,7 +22,7 @@ const colorStyles = _ref => {
 const StyledTagsButton = styled(StyledValue).attrs({
   as: 'button',
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.1.2'
+  'data-garden-version': '9.2.0'
 }).withConfig({
   displayName: "StyledTagsButton",
   componentId: "sc-6q5w33-0"

package/dist/esm/views/combobox/StyledTrigger.js

@@ -113,7 +113,7 @@ const sizeStyles = props => {
 };
 const StyledTrigger = styled.div.attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.1.2'
+  'data-garden-version': '9.2.0'
 }).withConfig({
   displayName: "StyledTrigger",
   componentId: "sc-116nftk-0"

package/dist/esm/views/combobox/StyledValue.js

@@ -22,7 +22,7 @@ const colorStyles = _ref => {
 };
 const StyledValue = styled.div.attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.1.2'
+  'data-garden-version': '9.2.0'
 }).withConfig({
   displayName: "StyledValue",
   componentId: "sc-t719sx-0"

package/dist/esm/views/menu/StyledFloatingMenu.js

@@ -11,7 +11,7 @@ import { StyledFloatingListbox } from '../combobox/StyledFloatingListbox.js';
 const COMPONENT_ID = 'dropdowns.menu.floating';
 const StyledFloatingMenu = styled(StyledFloatingListbox).attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.1.2'
+  'data-garden-version': '9.2.0'
 }).withConfig({
   displayName: "StyledFloatingMenu",
   componentId: "sc-1rc7ahb-0"

package/dist/esm/views/menu/StyledItem.js

@@ -11,7 +11,7 @@ import { StyledOption } from '../combobox/StyledOption.js';
 const COMPONENT_ID = 'dropdowns.menu.item';
 const StyledItem = styled(StyledOption).attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.1.2'
+  'data-garden-version': '9.2.0'
 }).withConfig({
   displayName: "StyledItem",
   componentId: "sc-1jp99dq-0"

package/dist/esm/views/menu/StyledItemContent.js

@@ -11,7 +11,7 @@ import { StyledOptionContent } from '../combobox/StyledOptionContent.js';
 const COMPONENT_ID = 'dropdowns.menu.item.content';
 const StyledItemContent = styled(StyledOptionContent).attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.1.2'
+  'data-garden-version': '9.2.0'
 }).withConfig({
   displayName: "StyledItemContent",
   componentId: "sc-1opglsb-0"

package/dist/esm/views/menu/StyledItemGroup.js

@@ -11,7 +11,7 @@ import { StyledOptGroup } from '../combobox/StyledOptGroup.js';
 const COMPONENT_ID = 'dropdowns.menu.item_group';
 const StyledItemGroup = styled(StyledOptGroup).attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.1.2'
+  'data-garden-version': '9.2.0'
 }).withConfig({
   displayName: "StyledItemGroup",
   componentId: "sc-1umk3cg-0"

package/dist/esm/views/menu/StyledItemIcon.js

@@ -11,7 +11,7 @@ import { StyledOptionIcon } from '../combobox/StyledOptionIcon.js';
 const COMPONENT_ID = 'dropdowns.menu.item.icon';
 const StyledItemIcon = styled(StyledOptionIcon).attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.1.2'
+  'data-garden-version': '9.2.0'
 }).withConfig({
   displayName: "StyledItemIcon",
   componentId: "sc-w9orqb-0"

package/dist/esm/views/menu/StyledItemMeta.js

@@ -11,7 +11,7 @@ import { StyledOptionMeta } from '../combobox/StyledOptionMeta.js';
 const COMPONENT_ID = 'dropdowns.menu.item.meta';
 const StyledItemMeta = styled(StyledOptionMeta).attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.1.2'
+  'data-garden-version': '9.2.0'
 }).withConfig({
   displayName: "StyledItemMeta",
   componentId: "sc-1unw3x1-0"

package/dist/esm/views/menu/StyledItemTypeIcon.js

@@ -12,7 +12,7 @@ import { StyledItem } from './StyledItem.js';
 const COMPONENT_ID = 'dropdowns.menu.item.type_icon';
 const StyledItemTypeIcon = styled(StyledOptionTypeIcon).attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.1.2'
+  'data-garden-version': '9.2.0'
 }).withConfig({
   displayName: "StyledItemTypeIcon",
   componentId: "sc-1pll3nu-0"

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

@@ -11,7 +11,7 @@ import { StyledListbox } from '../combobox/StyledListbox.js';
 const COMPONENT_ID = 'dropdowns.menu';
 const StyledMenu = styled(StyledListbox).attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.1.2'
+  'data-garden-version': '9.2.0'
 }).withConfig({
   displayName: "StyledMenu",
   componentId: "sc-f77ntu-0"

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

@@ -11,7 +11,7 @@ import { StyledListboxSeparator } from '../combobox/StyledListboxSeparator.js';
 const COMPONENT_ID = 'dropdowns.menu.separator';
 const StyledSeparator = styled(StyledListboxSeparator).attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.1.2'
+  'data-garden-version': '9.2.0'
 }).withConfig({
   displayName: "StyledSeparator",
   componentId: "sc-8kqwen-0"