@zendeskgarden/react-dropdowns.legacy 9.0.0-next.10

package/dist/esm/index.js

@@ -0,0 +1,29 @@
+/**
+* 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.
+*/
+export { Dropdown } from './elements/Dropdown/Dropdown.js';
+export { Trigger } from './elements/Trigger/Trigger.js';
+export { Autocomplete } from './elements/Autocomplete/Autocomplete.js';
+export { Combobox } from './elements/Combobox/Combobox.js';
+export { Multiselect } from './elements/Multiselect/Multiselect.js';
+export { Select } from './elements/Select/Select.js';
+export { Field } from './elements/Fields/Field.js';
+export { Hint } from './elements/Fields/Hint.js';
+export { Label } from './elements/Fields/Label.js';
+export { Message } from './elements/Fields/Message.js';
+export { Menu } from './elements/Menu/Menu.js';
+export { Separator } from './elements/Menu/Separator.js';
+export { AddItem } from './elements/Menu/Items/AddItem.js';
+export { HeaderIcon } from './elements/Menu/Items/HeaderIcon.js';
+export { HeaderItem } from './elements/Menu/Items/HeaderItem.js';
+export { Item } from './elements/Menu/Items/Item.js';
+export { ItemMeta } from './elements/Menu/Items/ItemMeta.js';
+export { MediaBody } from './elements/Menu/Items/MediaBody.js';
+export { MediaFigure } from './elements/Menu/Items/MediaFigure.js';
+export { MediaItem } from './elements/Menu/Items/MediaItem.js';
+export { NextItem } from './elements/Menu/Items/NextItem.js';
+export { PreviousItem } from './elements/Menu/Items/PreviousItem.js';
+export { resetIdCounter } from 'downshift';

package/dist/esm/node_modules/@zendeskgarden/svg-icons/src/16/check-lg-stroke.svg.js

@@ -0,0 +1,28 @@
+/**
+* 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 _path;
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+var SvgCheckLgStroke = function SvgCheckLgStroke(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 16,
+    height: 16,
+    focusable: "false",
+    viewBox: "0 0 16 16",
+    "aria-hidden": "true"
+  }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
+    fill: "none",
+    stroke: "currentColor",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    d: "M1 9l4 4L15 3"
+  })));
+};
+
+export { SvgCheckLgStroke as default };

package/dist/esm/node_modules/@zendeskgarden/svg-icons/src/16/chevron-down-stroke.svg.js

@@ -0,0 +1,25 @@
+/**
+* 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 _path;
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+var SvgChevronDownStroke = function SvgChevronDownStroke(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 16,
+    height: 16,
+    focusable: "false",
+    viewBox: "0 0 16 16",
+    "aria-hidden": "true"
+  }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
+    fill: "currentColor",
+    d: "M12.688 5.61a.5.5 0 01.69.718l-.066.062-5 4a.5.5 0 01-.542.054l-.082-.054-5-4a.5.5 0 01.55-.83l.074.05L8 9.359l4.688-3.75z"
+  })));
+};
+
+export { SvgChevronDownStroke as default };

package/dist/esm/node_modules/@zendeskgarden/svg-icons/src/16/chevron-left-stroke.svg.js

@@ -0,0 +1,25 @@
+/**
+* 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 _path;
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+var SvgChevronLeftStroke = function SvgChevronLeftStroke(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 16,
+    height: 16,
+    focusable: "false",
+    viewBox: "0 0 16 16",
+    "aria-hidden": "true"
+  }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
+    fill: "currentColor",
+    d: "M10.39 12.688a.5.5 0 01-.718.69l-.062-.066-4-5a.5.5 0 01-.054-.542l.054-.082 4-5a.5.5 0 01.83.55l-.05.074L6.641 8l3.75 4.688z"
+  })));
+};
+
+export { SvgChevronLeftStroke as default };

package/dist/esm/node_modules/@zendeskgarden/svg-icons/src/16/chevron-right-stroke.svg.js

@@ -0,0 +1,25 @@
+/**
+* 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 _path;
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+var SvgChevronRightStroke = function SvgChevronRightStroke(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 16,
+    height: 16,
+    focusable: "false",
+    viewBox: "0 0 16 16",
+    "aria-hidden": "true"
+  }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
+    fill: "currentColor",
+    d: "M5.61 3.312a.5.5 0 01.718-.69l.062.066 4 5a.5.5 0 01.054.542l-.054.082-4 5a.5.5 0 01-.83-.55l.05-.074L9.359 8l-3.75-4.688z"
+  })));
+};
+
+export { SvgChevronRightStroke as default };

package/dist/esm/node_modules/@zendeskgarden/svg-icons/src/16/plus-stroke.svg.js

@@ -0,0 +1,26 @@
+/**
+* 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 _path;
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+var SvgPlusStroke = function SvgPlusStroke(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 16,
+    height: 16,
+    focusable: "false",
+    viewBox: "0 0 16 16",
+    "aria-hidden": "true"
+  }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
+    stroke: "currentColor",
+    strokeLinecap: "round",
+    d: "M7.5 2.5v12m6-6h-12"
+  })));
+};
+
+export { SvgPlusStroke as default };

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

@@ -0,0 +1,23 @@
+/**
+* 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 from 'styled-components';
+import { getColorV8, retrieveComponentStyles, DEFAULT_THEME } from '@zendeskgarden/react-theming';
+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.10'
+}).withConfig({
+  displayName: "StyledAddItem",
+  componentId: "sc-mlto71-0"
+})(["color:", ";", ";"], props => !props.disabled && getColorV8('primaryHue', 600, props.theme), props => retrieveComponentStyles(COMPONENT_ID, props));
+StyledAddItem.defaultProps = {
+  theme: DEFAULT_THEME
+};
+
+export { StyledAddItem };

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

@@ -0,0 +1,44 @@
+/**
+* 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 { retrieveComponentStyles, DEFAULT_THEME, getColorV8 } from '@zendeskgarden/react-theming';
+import { rgba } from 'polished';
+
+const COMPONENT_ID = 'dropdowns.item';
+const getItemPaddingVertical = props => {
+  if (props.isCompact) {
+    return `${props.theme.space.base}px`;
+  }
+  return `${props.theme.space.base * 2}px`;
+};
+const getColorStyles = props => {
+  let foregroundColor;
+  let backgroundColor;
+  if (props.disabled) {
+    foregroundColor = getColorV8('neutralHue', 400, props.theme);
+  } else if (props.isDanger) {
+    foregroundColor = getColorV8('dangerHue', 600, props.theme);
+    backgroundColor = props.isFocused ? rgba(foregroundColor, 0.08) : 'inherit';
+  } else {
+    foregroundColor = getColorV8('foreground', 600 , props.theme);
+    backgroundColor = props.isFocused ? getColorV8('primaryHue', 600, props.theme, 0.08) : 'inherit';
+  }
+  return css(["background-color:", ";color:", ";& a,& a:hover,& a:focus,& a:active{color:inherit;}"], backgroundColor, foregroundColor);
+};
+const StyledItem = styled.li.attrs(props => ({
+  'data-garden-id': COMPONENT_ID,
+  'data-garden-version': '9.0.0-next.10',
+  'aria-disabled': props.disabled
+})).withConfig({
+  displayName: "StyledItem",
+  componentId: "sc-x4h8aw-0"
+})(["display:block;position:relative;z-index:0;cursor:", ";padding:", " ", "px;text-decoration:none;line-height:", "px;word-wrap:break-word;user-select:none;&:first-child{margin-top:", "px;}&:last-child{margin-bottom:", "px;}&:focus{outline:none;}& a,& a:hover,& a:focus,& a:active{text-decoration:none;}", ";", ";"], props => props.disabled ? 'default' : 'pointer', props => getItemPaddingVertical(props), props => props.theme.space.base * 9, props => props.theme.space.base * 5, props => props.theme.space.base, props => props.theme.space.base, props => getColorStyles(props), props => retrieveComponentStyles(COMPONENT_ID, props));
+StyledItem.defaultProps = {
+  theme: DEFAULT_THEME
+};
+
+export { StyledItem, getItemPaddingVertical };

package/dist/esm/styled/items/StyledItemIcon.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 styled, { css } from 'styled-components';
+import { math } from 'polished';
+import { getColorV8, DEFAULT_THEME } from '@zendeskgarden/react-theming';
+import { getItemPaddingVertical } from './StyledItem.js';
+
+const COMPONENT_ID = 'dropdowns.item_icon';
+const getSizeStyles = props => {
+  return css(["width:", ";height:calc(", "px + ", ");"], props.theme.iconSizes.md, props.theme.space.base * 5, math(`${getItemPaddingVertical(props)} * 2`));
+};
+const StyledItemIcon = styled.div.attrs({
+  'data-garden-id': COMPONENT_ID,
+  'data-garden-version': '9.0.0-next.10'
+}).withConfig({
+  displayName: "StyledItemIcon",
+  componentId: "sc-pspm80-0"
+})(["display:flex;position:absolute;top:0;", ":", "px;align-items:center;justify-content:center;transition:opacity 0.1s ease-in-out;opacity:", ";color:", ";", ";& > *{width:", ";height:", ";}"], props => props.theme.rtl ? 'right' : 'left', props => props.theme.space.base * 3, props => props.isVisible ? '1' : '0', props => props.isDisabled ? 'inherit' : getColorV8('primaryHue', 600, props.theme), props => getSizeStyles(props), props => props.theme.iconSizes.md, props => props.theme.iconSizes.md);
+StyledItemIcon.defaultProps = {
+  theme: DEFAULT_THEME
+};
+
+export { StyledItemIcon };

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

@@ -0,0 +1,22 @@
+/**
+* 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 from 'styled-components';
+import { getColorV8, retrieveComponentStyles, DEFAULT_THEME } from '@zendeskgarden/react-theming';
+
+const COMPONENT_ID = 'dropdowns.item_meta';
+const StyledItemMeta = styled.span.attrs({
+  'data-garden-id': COMPONENT_ID,
+  'data-garden-version': '9.0.0-next.10'
+}).withConfig({
+  displayName: "StyledItemMeta",
+  componentId: "sc-1m3x8m1-0"
+})(["display:block;line-height:", "px;color:", ";font-size:", ";", ";"], props => props.theme.space.base * (props.isCompact ? 3 : 4), props => getColorV8('neutralHue', props.isDisabled ? 400 : 600, props.theme), props => props.theme.fontSizes.sm, props => retrieveComponentStyles(COMPONENT_ID, props));
+StyledItemMeta.defaultProps = {
+  theme: DEFAULT_THEME
+};
+
+export { StyledItemMeta };

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

@@ -0,0 +1,31 @@
+/**
+* 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 React__default from 'react';
+import styled from 'styled-components';
+import SvgChevronRightStroke from '../../node_modules/@zendeskgarden/svg-icons/src/16/chevron-right-stroke.svg.js';
+import { getColorV8, retrieveComponentStyles, DEFAULT_THEME } from '@zendeskgarden/react-theming';
+
+const COMPONENT_ID = 'dropdowns.next_item_icon';
+const NextIconComponent = _ref => {
+  let {
+    className
+  } = _ref;
+  return React__default.createElement(SvgChevronRightStroke, {
+    "data-garden-id": COMPONENT_ID,
+    "data-garden-version": '9.0.0-next.10',
+    className: className
+  });
+};
+const StyledNextIcon = styled(NextIconComponent).withConfig({
+  displayName: "StyledNextIcon",
+  componentId: "sc-1nzkdnq-0"
+})(["transform:", ";color:", ";", ";"], props => props.theme.rtl && 'rotate(180deg)', props => props.isDisabled ? 'inherit' : getColorV8('neutralHue', 600, props.theme), props => retrieveComponentStyles(COMPONENT_ID, props));
+StyledNextIcon.defaultProps = {
+  theme: DEFAULT_THEME
+};
+
+export { StyledNextIcon };

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

@@ -0,0 +1,24 @@
+/**
+* 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 from 'styled-components';
+import { retrieveComponentStyles, DEFAULT_THEME } from '@zendeskgarden/react-theming';
+import { StyledItem } from './StyledItem.js';
+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.10'
+}).withConfig({
+  displayName: "StyledNextItem",
+  componentId: "sc-1wrjlge-0"
+})(["", "{right:", ";left:", ";}", ";"], StyledItemIcon, props => props.theme.rtl ? 'auto' : `${props.theme.space.base * 3}px`, props => props.theme.rtl ? `${props.theme.space.base * 3}px` : 'auto', props => retrieveComponentStyles(COMPONENT_ID, props));
+StyledNextItem.defaultProps = {
+  theme: DEFAULT_THEME
+};
+
+export { StyledNextItem };

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

@@ -0,0 +1,31 @@
+/**
+* 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 React__default from 'react';
+import styled from 'styled-components';
+import SvgChevronLeftStroke from '../../node_modules/@zendeskgarden/svg-icons/src/16/chevron-left-stroke.svg.js';
+import { getColorV8, retrieveComponentStyles, DEFAULT_THEME } from '@zendeskgarden/react-theming';
+
+const COMPONENT_ID = 'dropdowns.previous_item_icon';
+const PreviousIconComponent = _ref => {
+  let {
+    className
+  } = _ref;
+  return React__default.createElement(SvgChevronLeftStroke, {
+    "data-garden-id": COMPONENT_ID,
+    "data-garden-version": '9.0.0-next.10',
+    className: className
+  });
+};
+const StyledPreviousIcon = styled(PreviousIconComponent).withConfig({
+  displayName: "StyledPreviousIcon",
+  componentId: "sc-1n1t07s-0"
+})(["transform:", ";color:", ";", ";"], props => props.theme.rtl && 'rotate(180deg)', props => props.isDisabled ? 'inherit' : getColorV8('neutralHue', 600, props.theme), props => retrieveComponentStyles(COMPONENT_ID, props));
+StyledPreviousIcon.defaultProps = {
+  theme: DEFAULT_THEME
+};
+
+export { StyledPreviousIcon };

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

@@ -0,0 +1,23 @@
+/**
+* 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 from 'styled-components';
+import { retrieveComponentStyles, DEFAULT_THEME } from '@zendeskgarden/react-theming';
+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.10'
+}).withConfig({
+  displayName: "StyledPreviousItem",
+  componentId: "sc-1qv9jwe-0"
+})(["font-weight:", ";", ";"], props => props.theme.fontWeights.semibold, props => retrieveComponentStyles(COMPONENT_ID, props));
+StyledPreviousItem.defaultProps = {
+  theme: DEFAULT_THEME
+};
+
+export { StyledPreviousItem };

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

@@ -0,0 +1,22 @@
+/**
+* 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 from 'styled-components';
+import { getColorV8, retrieveComponentStyles, DEFAULT_THEME } from '@zendeskgarden/react-theming';
+
+const COMPONENT_ID = 'dropdowns.header_icon';
+const StyledHeaderIcon = styled.div.attrs({
+  'data-garden-id': COMPONENT_ID,
+  'data-garden-version': '9.0.0-next.10'
+}).withConfig({
+  displayName: "StyledHeaderIcon",
+  componentId: "sc-ow8s45-0"
+})(["display:flex;position:absolute;top:0;bottom:0;align-items:center;justify-content:center;", ":", "px;color:", ";& > *{width:", ";height:", ";}", ";"], props => props.theme.rtl ? 'right' : 'left', props => props.theme.space.base * 3, props => getColorV8('neutralHue', 600, props.theme), props => props.theme.iconSizes.md, props => props.theme.iconSizes.md, props => retrieveComponentStyles(COMPONENT_ID, props));
+StyledHeaderIcon.defaultProps = {
+  theme: DEFAULT_THEME
+};
+
+export { StyledHeaderIcon };

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

@@ -0,0 +1,29 @@
+/**
+* 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 from 'styled-components';
+import { retrieveComponentStyles, DEFAULT_THEME } from '@zendeskgarden/react-theming';
+import { StyledItem } from '../StyledItem.js';
+
+const COMPONENT_ID = 'dropdowns.header_item';
+const getHorizontalPadding = props => {
+  if (props.hasIcon) {
+    return undefined;
+  }
+  return `${props.theme.space.base * 3}px`;
+};
+const StyledHeaderItem = styled(StyledItem).attrs({
+  'data-garden-id': COMPONENT_ID,
+  'data-garden-version': '9.0.0-next.10'
+}).withConfig({
+  displayName: "StyledHeaderItem",
+  componentId: "sc-1xosinr-0"
+})(["cursor:default;padding-right:", ";padding-left:", ";font-weight:", ";", ";"], props => getHorizontalPadding(props), props => getHorizontalPadding(props), props => props.theme.fontWeights.semibold, props => retrieveComponentStyles(COMPONENT_ID, props));
+StyledHeaderItem.defaultProps = {
+  theme: DEFAULT_THEME
+};
+
+export { StyledHeaderItem };

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

@@ -0,0 +1,22 @@
+/**
+* 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 from 'styled-components';
+import { retrieveComponentStyles, DEFAULT_THEME } from '@zendeskgarden/react-theming';
+
+const COMPONENT_ID = 'dropdowns.media_body';
+const StyledMediaBody = styled.div.attrs({
+  'data-garden-id': COMPONENT_ID,
+  'data-garden-version': '9.0.0-next.10'
+}).withConfig({
+  displayName: "StyledMediaBody",
+  componentId: "sc-133sssc-0"
+})(["display:block;overflow:hidden;padding-", ":", "px;", ";"], props => props.theme.rtl ? 'right' : 'left', props => props.theme.space.base * 2, props => retrieveComponentStyles(COMPONENT_ID, props));
+StyledMediaBody.defaultProps = {
+  theme: DEFAULT_THEME
+};
+
+export { StyledMediaBody };

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

@@ -0,0 +1,34 @@
+/**
+* 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 React__default, { Children } from 'react';
+import styled from 'styled-components';
+import { retrieveComponentStyles, DEFAULT_THEME } from '@zendeskgarden/react-theming';
+
+const COMPONENT_ID = 'dropdowns.media_figure';
+const StyledMediaFigure = styled(
+_ref => {
+  let {
+    children,
+    isCompact,
+    theme,
+    ...props
+  } = _ref;
+  return (
+    React__default.cloneElement(Children.only(children), props)
+  );
+}).attrs({
+  'data-garden-id': COMPONENT_ID,
+  'data-garden-version': '9.0.0-next.10'
+}).withConfig({
+  displayName: "StyledMediaFigure",
+  componentId: "sc-16vz3xj-0"
+})(["float:", ";margin-top:", "px !important;width:", ";height:", ";", ";"], props => props.theme.rtl ? 'right' : 'left', props => props.theme.space.base * 0.5, props => props.theme.iconSizes.md, props => props.theme.iconSizes.md, props => retrieveComponentStyles(COMPONENT_ID, props));
+StyledMediaFigure.defaultProps = {
+  theme: DEFAULT_THEME
+};
+
+export { StyledMediaFigure };

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

@@ -0,0 +1,23 @@
+/**
+* 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 from 'styled-components';
+import { retrieveComponentStyles, DEFAULT_THEME } from '@zendeskgarden/react-theming';
+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.10'
+}).withConfig({
+  displayName: "StyledMediaItem",
+  componentId: "sc-af4509-0"
+})(["", ";"], props => retrieveComponentStyles(COMPONENT_ID, props));
+StyledMediaItem.defaultProps = {
+  theme: DEFAULT_THEME
+};
+
+export { StyledMediaItem };

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

@@ -0,0 +1,28 @@
+/**
+* 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 from 'styled-components';
+import { arrowStyles, retrieveComponentStyles, DEFAULT_THEME } from '@zendeskgarden/react-theming';
+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.10',
+  className: props.isAnimated && 'is-animated'
+})).withConfig({
+  displayName: "StyledMenu",
+  componentId: "sc-lzt5u6-0"
+})(["position:static !important;max-height:", ";overflow-y:auto;", ";", ";"], props => props.maxHeight, props => props.hasArrow && arrowStyles(getArrowPosition(props.placement), {
+  size: `${props.theme.space.base * 2}px`,
+  inset: '2px',
+  animationModifier: props.isAnimated ? '.is-animated' : undefined
+}), props => retrieveComponentStyles(COMPONENT_ID, props));
+StyledMenu.defaultProps = {
+  theme: DEFAULT_THEME
+};
+
+export { StyledMenu };

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

@@ -0,0 +1,30 @@
+/**
+* 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 from 'styled-components';
+import { menuStyles, retrieveComponentStyles, DEFAULT_THEME } from '@zendeskgarden/react-theming';
+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.10',
+  className: props.isAnimated && 'is-animated'
+})).withConfig({
+  displayName: "StyledMenuWrapper",
+  componentId: "sc-u70fn3-0"
+})(["", ";", ";"], props => menuStyles(getMenuPosition(props.placement), {
+  theme: props.theme,
+  hidden: props.isHidden,
+  margin: `${props.theme.space.base * (props.hasArrow ? 2 : 1)}px`,
+  zIndex: props.zIndex,
+  animationModifier: props.isAnimated ? '.is-animated' : undefined
+}), props => retrieveComponentStyles(COMPONENT_ID, props));
+StyledMenuWrapper.defaultProps = {
+  theme: DEFAULT_THEME
+};
+
+export { StyledMenuWrapper };

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

@@ -0,0 +1,23 @@
+/**
+* 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 from 'styled-components';
+import { getColorV8, retrieveComponentStyles, DEFAULT_THEME } from '@zendeskgarden/react-theming';
+
+const COMPONENT_ID = 'dropdowns.separator';
+const StyledSeparator = styled.li.attrs({
+  'data-garden-id': COMPONENT_ID,
+  'data-garden-version': '9.0.0-next.10',
+  role: 'separator'
+}).withConfig({
+  displayName: "StyledSeparator",
+  componentId: "sc-oncsf0-0"
+})(["display:block;margin:", "px 0;border-bottom:", ";", ";"], props => props.theme.space.base, props => `${props.theme.borders.sm} ${getColorV8('neutralHue', 200, props.theme)}`, props => retrieveComponentStyles(COMPONENT_ID, props));
+StyledSeparator.defaultProps = {
+  theme: DEFAULT_THEME
+};
+
+export { StyledSeparator };