@zendeskgarden/react-dropdowns.legacy 9.12.2 → 9.12.4

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

@@ -6,17 +6,17 @@
 */
 import * as React from 'react';
 
-var _path;
-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 _path$2;
+function _extends$2() { return _extends$2 = 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$2.apply(null, arguments); }
 var SvgChevronDownStroke = function SvgChevronDownStroke(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends({
+  return /*#__PURE__*/React.createElement("svg", _extends$2({
     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", {
+  }, props), _path$2 || (_path$2 = /*#__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"
   })));

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

@@ -6,17 +6,17 @@
 */
 import * as React from 'react';
 
-var _path;
-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 _path$3;
+function _extends$3() { return _extends$3 = 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$3.apply(null, arguments); }
 var SvgChevronLeftStroke = function SvgChevronLeftStroke(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends({
+  return /*#__PURE__*/React.createElement("svg", _extends$3({
     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", {
+  }, props), _path$3 || (_path$3 = /*#__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"
   })));

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

@@ -6,17 +6,17 @@
 */
 import * as React from 'react';
 
-var _path;
-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 _path$4;
+function _extends$4() { return _extends$4 = 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$4.apply(null, arguments); }
 var SvgChevronRightStroke = function SvgChevronRightStroke(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends({
+  return /*#__PURE__*/React.createElement("svg", _extends$4({
     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", {
+  }, props), _path$4 || (_path$4 = /*#__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"
   })));

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

@@ -6,17 +6,17 @@
 */
 import * as React from 'react';
 
-var _path;
-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 _path$1;
+function _extends$1() { return _extends$1 = 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$1.apply(null, arguments); }
 var SvgPlusStroke = function SvgPlusStroke(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends({
+  return /*#__PURE__*/React.createElement("svg", _extends$1({
     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", {
+  }, props), _path$1 || (_path$1 = /*#__PURE__*/React.createElement("path", {
     stroke: "currentColor",
     strokeLinecap: "round",
     d: "M7.5 2.5v12m6-6h-12"

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

@@ -8,10 +8,10 @@ import styled from 'styled-components';
 import { getColor, componentStyles } from '@zendeskgarden/react-theming';
 import { StyledItem } from './StyledItem.js';
 
-const COMPONENT_ID = 'dropdowns.add_item';
+const COMPONENT_ID$i = 'dropdowns.add_item';
 const StyledAddItem = styled(StyledItem).attrs({
-  'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.12.2'
+  'data-garden-id': COMPONENT_ID$i,
+  'data-garden-version': '9.12.4'
 }).withConfig({
   displayName: "StyledAddItem",
   componentId: "sc-mlto71-0"

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

@@ -7,7 +7,7 @@
 import styled, { css } from 'styled-components';
 import { componentStyles, getColor } from '@zendeskgarden/react-theming';
 
-const COMPONENT_ID = 'dropdowns.item';
+const COMPONENT_ID$j = 'dropdowns.item';
 const getItemPaddingVertical = props => {
   if (props.$isCompact) {
     return `${props.theme.space.base}px`;
@@ -40,8 +40,8 @@ const getColorStyles = props => {
   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.12.2',
+  'data-garden-id': COMPONENT_ID$j,
+  'data-garden-version': '9.12.4',
   'aria-disabled': props.disabled
 })).withConfig({
   displayName: "StyledItem",

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

@@ -9,13 +9,13 @@ import { math } from 'polished';
 import { getColor } from '@zendeskgarden/react-theming';
 import { getItemPaddingVertical } from './StyledItem.js';
 
-const COMPONENT_ID = 'dropdowns.item_icon';
+const COMPONENT_ID$g = '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.12.2'
+  'data-garden-id': COMPONENT_ID$g,
+  'data-garden-version': '9.12.4'
 }).withConfig({
   displayName: "StyledItemIcon",
   componentId: "sc-pspm80-0"

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

@@ -7,10 +7,10 @@
 import styled from 'styled-components';
 import { getColor, componentStyles } from '@zendeskgarden/react-theming';
 
-const COMPONENT_ID = 'dropdowns.item_meta';
+const COMPONENT_ID$h = 'dropdowns.item_meta';
 const StyledItemMeta = styled.span.attrs({
-  'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.12.2'
+  'data-garden-id': COMPONENT_ID$h,
+  'data-garden-version': '9.12.4'
 }).withConfig({
   displayName: "StyledItemMeta",
   componentId: "sc-1m3x8m1-0"

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

@@ -9,17 +9,14 @@ import styled from 'styled-components';
 import SvgChevronRightStroke from '../../node_modules/@zendeskgarden/svg-icons/src/16/chevron-right-stroke.svg.js';
 import { getColor, componentStyles } 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.12.2',
-    className: className
-  });
-};
+const COMPONENT_ID$e = 'dropdowns.next_item_icon';
+const NextIconComponent = ({
+  className
+}) => React__default.createElement(SvgChevronRightStroke, {
+  "data-garden-id": COMPONENT_ID$e,
+  "data-garden-version": '9.12.4',
+  className: className
+});
 const StyledNextIcon = styled(NextIconComponent).withConfig({
   displayName: "StyledNextIcon",
   componentId: "sc-1nzkdnq-0"

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

@@ -9,10 +9,10 @@ import { componentStyles } from '@zendeskgarden/react-theming';
 import { StyledItem } from './StyledItem.js';
 import { StyledItemIcon } from './StyledItemIcon.js';
 
-const COMPONENT_ID = 'dropdowns.next_item';
+const COMPONENT_ID$f = 'dropdowns.next_item';
 const StyledNextItem = styled(StyledItem).attrs({
-  'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.12.2'
+  'data-garden-id': COMPONENT_ID$f,
+  'data-garden-version': '9.12.4'
 }).withConfig({
   displayName: "StyledNextItem",
   componentId: "sc-1wrjlge-0"

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

@@ -9,17 +9,14 @@ import styled from 'styled-components';
 import SvgChevronLeftStroke from '../../node_modules/@zendeskgarden/svg-icons/src/16/chevron-left-stroke.svg.js';
 import { getColor, componentStyles } 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.12.2',
-    className: className
-  });
-};
+const COMPONENT_ID$c = 'dropdowns.previous_item_icon';
+const PreviousIconComponent = ({
+  className
+}) => React__default.createElement(SvgChevronLeftStroke, {
+  "data-garden-id": COMPONENT_ID$c,
+  "data-garden-version": '9.12.4',
+  className: className
+});
 const StyledPreviousIcon = styled(PreviousIconComponent).withConfig({
   displayName: "StyledPreviousIcon",
   componentId: "sc-1n1t07s-0"

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

@@ -8,10 +8,10 @@ import styled from 'styled-components';
 import { componentStyles } from '@zendeskgarden/react-theming';
 import { StyledItem } from './StyledItem.js';
 
-const COMPONENT_ID = 'dropdowns.previous_item';
+const COMPONENT_ID$d = 'dropdowns.previous_item';
 const StyledPreviousItem = styled(StyledItem).attrs({
-  'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.12.2'
+  'data-garden-id': COMPONENT_ID$d,
+  'data-garden-version': '9.12.4'
 }).withConfig({
   displayName: "StyledPreviousItem",
   componentId: "sc-1qv9jwe-0"

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

@@ -7,10 +7,10 @@
 import styled from 'styled-components';
 import { getColor, componentStyles } from '@zendeskgarden/react-theming';
 
-const COMPONENT_ID = 'dropdowns.header_icon';
+const COMPONENT_ID$b = 'dropdowns.header_icon';
 const StyledHeaderIcon = styled.div.attrs({
-  'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.12.2'
+  'data-garden-id': COMPONENT_ID$b,
+  'data-garden-version': '9.12.4'
 }).withConfig({
   displayName: "StyledHeaderIcon",
   componentId: "sc-ow8s45-0"

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

@@ -8,7 +8,7 @@ import styled from 'styled-components';
 import { componentStyles } from '@zendeskgarden/react-theming';
 import { StyledItem } from '../StyledItem.js';
 
-const COMPONENT_ID = 'dropdowns.header_item';
+const COMPONENT_ID$a = 'dropdowns.header_item';
 const getHorizontalPadding = props => {
   if (props.$hasIcon) {
     return undefined;
@@ -16,8 +16,8 @@ const getHorizontalPadding = props => {
   return `${props.theme.space.base * 3}px`;
 };
 const StyledHeaderItem = styled(StyledItem).attrs({
-  'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.12.2'
+  'data-garden-id': COMPONENT_ID$a,
+  'data-garden-version': '9.12.4'
 }).withConfig({
   displayName: "StyledHeaderItem",
   componentId: "sc-1xosinr-0"

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

@@ -7,10 +7,10 @@
 import styled from 'styled-components';
 import { componentStyles } from '@zendeskgarden/react-theming';
 
-const COMPONENT_ID = 'dropdowns.media_body';
+const COMPONENT_ID$9 = 'dropdowns.media_body';
 const StyledMediaBody = styled.div.attrs({
-  'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.12.2'
+  'data-garden-id': COMPONENT_ID$9,
+  'data-garden-version': '9.12.4'
 }).withConfig({
   displayName: "StyledMediaBody",
   componentId: "sc-133sssc-0"

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

@@ -8,19 +8,17 @@ import React__default, { Children } from 'react';
 import styled from 'styled-components';
 import { componentStyles } from '@zendeskgarden/react-theming';
 
-const COMPONENT_ID = 'dropdowns.media_figure';
+const COMPONENT_ID$8 = '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.12.2'
+({
+  children,
+  $isCompact,
+  theme,
+  ...props
+}) =>
+React__default.cloneElement(Children.only(children), props)).attrs({
+  'data-garden-id': COMPONENT_ID$8,
+  'data-garden-version': '9.12.4'
 }).withConfig({
   displayName: "StyledMediaFigure",
   componentId: "sc-16vz3xj-0"

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

@@ -8,10 +8,10 @@ import styled from 'styled-components';
 import { componentStyles } from '@zendeskgarden/react-theming';
 import { StyledItem } from '../StyledItem.js';
 
-const COMPONENT_ID = 'dropdowns.media_item';
+const COMPONENT_ID$7 = 'dropdowns.media_item';
 const StyledMediaItem = styled(StyledItem).attrs({
-  'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.12.2'
+  'data-garden-id': COMPONENT_ID$7,
+  'data-garden-version': '9.12.4'
 }).withConfig({
   displayName: "StyledMediaItem",
   componentId: "sc-af4509-0"

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

@@ -8,10 +8,10 @@ import styled from 'styled-components';
 import { arrowStyles, componentStyles } from '@zendeskgarden/react-theming';
 import { getArrowPosition } from '../../utils/garden-placements.js';
 
-const COMPONENT_ID = 'dropdowns.menu';
+const COMPONENT_ID$m = 'dropdowns.menu';
 const StyledMenu = styled.ul.attrs(props => ({
-  'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.12.2',
+  'data-garden-id': COMPONENT_ID$m,
+  'data-garden-version': '9.12.4',
   className: props.$isAnimated ? 'is-animated' : undefined
 })).withConfig({
   displayName: "StyledMenu",

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

@@ -8,10 +8,10 @@ import styled from 'styled-components';
 import { menuStyles, componentStyles } from '@zendeskgarden/react-theming';
 import { getMenuPosition } from '../../utils/garden-placements.js';
 
-const COMPONENT_ID = 'dropdowns.menu_wrapper';
+const COMPONENT_ID$l = 'dropdowns.menu_wrapper';
 const StyledMenuWrapper = styled.div.attrs(props => ({
-  'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.12.2',
+  'data-garden-id': COMPONENT_ID$l,
+  'data-garden-version': '9.12.4',
   className: props.$isAnimated ? 'is-animated' : undefined
 })).withConfig({
   displayName: "StyledMenuWrapper",

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

@@ -7,10 +7,10 @@
 import styled from 'styled-components';
 import { getColor, componentStyles } from '@zendeskgarden/react-theming';
 
-const COMPONENT_ID = 'dropdowns.separator';
+const COMPONENT_ID$k = 'dropdowns.separator';
 const StyledSeparator = styled.li.attrs({
-  'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.12.2',
+  'data-garden-id': COMPONENT_ID$k,
+  'data-garden-version': '9.12.4',
   role: 'separator'
 }).withConfig({
   displayName: "StyledSeparator",

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

@@ -8,13 +8,12 @@ import styled, { css } from 'styled-components';
 import { componentStyles } from '@zendeskgarden/react-theming';
 import { StyledInput } from '../select/StyledInput.js';
 
-const COMPONENT_ID = 'dropdowns.multiselect_input';
-const visibleStyling = _ref => {
-  let {
-    $isVisible,
-    isCompact,
-    theme
-  } = _ref;
+const COMPONENT_ID$3 = 'dropdowns.multiselect_input';
+const visibleStyling = ({
+  $isVisible,
+  isCompact,
+  theme
+}) => {
   const margin = $isVisible ? `${theme.space.base / 2}px` : 0;
   const minWidth = $isVisible ? `${theme.space.base * 15}px` : 0;
   let height = '0';
@@ -24,8 +23,8 @@ const visibleStyling = _ref => {
   return css(["opacity:", ";margin:", ";width:", ";min-width:", ";height:", ";"], !$isVisible && 0, margin, !$isVisible && 0, minWidth, height);
 };
 const StyledMultiselectInput = styled(StyledInput).attrs({
-  'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.12.2',
+  'data-garden-id': COMPONENT_ID$3,
+  'data-garden-version': '9.12.4',
   isBare: true
 }).withConfig({
   displayName: "StyledMultiselectInput",

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

@@ -7,10 +7,10 @@
 import styled from 'styled-components';
 import { componentStyles } from '@zendeskgarden/react-theming';
 
-const COMPONENT_ID = 'dropdowns.multiselect_item_wrapper';
+const COMPONENT_ID$1 = 'dropdowns.multiselect_item_wrapper';
 const StyledMultiselectItemWrapper = styled.div.attrs({
-  'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.12.2'
+  'data-garden-id': COMPONENT_ID$1,
+  'data-garden-version': '9.12.4'
 }).withConfig({
   displayName: "StyledMultiselectItemWrapper",
   componentId: "sc-vgr7nd-0"

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

@@ -7,7 +7,7 @@
 import styled, { css } from 'styled-components';
 import { componentStyles } from '@zendeskgarden/react-theming';
 
-const COMPONENT_ID = 'dropdowns.multiselect_items_container';
+const COMPONENT_ID$2 = 'dropdowns.multiselect_items_container';
 const sizeStyles = props => {
   let margin;
   let padding;
@@ -21,8 +21,8 @@ const sizeStyles = props => {
   return css(["margin:", ";padding:", ";"], margin, padding);
 };
 const StyledMultiselectItemsContainer = styled.div.attrs({
-  'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.12.2'
+  'data-garden-id': COMPONENT_ID$2,
+  'data-garden-version': '9.12.4'
 }).withConfig({
   displayName: "StyledMultiselectItemsContainer",
   componentId: "sc-1dxwjyz-0"

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

@@ -10,7 +10,7 @@ import { getLineHeight, getColor, componentStyles } from '@zendeskgarden/react-t
 const COMPONENT_ID = 'dropdowns.multiselect_more_anchor';
 const StyledMultiselectMoreAnchor = styled.div.attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.12.2'
+  'data-garden-version': '9.12.4'
 }).withConfig({
   displayName: "StyledMultiselectMoreAnchor",
   componentId: "sc-pkakky-0"

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

@@ -8,10 +8,10 @@ import styled from 'styled-components';
 import { componentStyles } from '@zendeskgarden/react-theming';
 import { FauxInput } from '@zendeskgarden/react-forms';
 
-const COMPONENT_ID = 'dropdowns.faux_input';
+const COMPONENT_ID$6 = 'dropdowns.faux_input';
 const StyledFauxInput = styled(FauxInput).attrs(props => ({
-  'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.12.2',
+  'data-garden-id': COMPONENT_ID$6,
+  'data-garden-version': '9.12.4',
   mediaLayout: true,
   theme: props.theme
 })).withConfig({

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

@@ -8,11 +8,11 @@ import styled, { css } from 'styled-components';
 import { Input } from '@zendeskgarden/react-forms';
 import { componentStyles } from '@zendeskgarden/react-theming';
 
-const COMPONENT_ID = 'dropdowns.input';
+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,
-  'data-garden-version': '9.12.2',
+  'data-garden-id': COMPONENT_ID$5,
+  'data-garden-version': '9.12.4',
   isBare: true
 }).withConfig({
   displayName: "StyledInput",

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

@@ -7,10 +7,10 @@
 import styled from 'styled-components';
 import { componentStyles } from '@zendeskgarden/react-theming';
 
-const COMPONENT_ID = 'dropdowns.select';
+const COMPONENT_ID$4 = 'dropdowns.select';
 const StyledSelect = styled.div.attrs({
-  'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.12.2'
+  'data-garden-id': COMPONENT_ID$4,
+  'data-garden-version': '9.12.4'
 }).withConfig({
   displayName: "StyledSelect",
   componentId: "sc-xf4qjv-0"