@zendeskgarden/react-dropdowns.legacy 9.3.0 → 9.5.0

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

@@ -5,19 +5,19 @@
 * found at http://www.apache.org/licenses/LICENSE-2.0.
 */
 import styled from 'styled-components';
-import { getColor, retrieveComponentStyles } from '@zendeskgarden/react-theming';
+import { getColor, componentStyles } 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.3.0'
+  'data-garden-version': '9.5.0'
 }).withConfig({
   displayName: "StyledAddItem",
   componentId: "sc-mlto71-0"
 })(["color:", ";", ";"], props => !props.disabled && getColor({
   theme: props.theme,
   variable: 'foreground.primary'
-}), props => retrieveComponentStyles(COMPONENT_ID, props));
+}), componentStyles);
 
 export { StyledAddItem };

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

@@ -5,7 +5,7 @@
 * found at http://www.apache.org/licenses/LICENSE-2.0.
 */
 import styled, { css } from 'styled-components';
-import { retrieveComponentStyles, getColor } from '@zendeskgarden/react-theming';
+import { componentStyles, getColor } from '@zendeskgarden/react-theming';
 
 const COMPONENT_ID = 'dropdowns.item';
 const getItemPaddingVertical = props => {
@@ -41,11 +41,11 @@ const getColorStyles = props => {
 };
 const StyledItem = styled.li.attrs(props => ({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.3.0',
+  'data-garden-version': '9.5.0',
   '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));
+})(["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), componentStyles);
 
 export { StyledItem, getItemPaddingVertical };

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

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

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

@@ -5,18 +5,18 @@
 * found at http://www.apache.org/licenses/LICENSE-2.0.
 */
 import styled from 'styled-components';
-import { getColor, retrieveComponentStyles } from '@zendeskgarden/react-theming';
+import { getColor, componentStyles } from '@zendeskgarden/react-theming';
 
 const COMPONENT_ID = 'dropdowns.item_meta';
 const StyledItemMeta = styled.span.attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.3.0'
+  'data-garden-version': '9.5.0'
 }).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 => getColor({
   theme: props.theme,
   variable: props.$isDisabled ? 'foreground.disabled' : 'foreground.subtle'
-}), props => props.theme.fontSizes.sm, props => retrieveComponentStyles(COMPONENT_ID, props));
+}), props => props.theme.fontSizes.sm, componentStyles);
 
 export { StyledItemMeta };

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

@@ -7,7 +7,7 @@
 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 { getColor, retrieveComponentStyles } from '@zendeskgarden/react-theming';
+import { getColor, componentStyles } from '@zendeskgarden/react-theming';
 
 const COMPONENT_ID = 'dropdowns.next_item_icon';
 const NextIconComponent = _ref => {
@@ -16,7 +16,7 @@ const NextIconComponent = _ref => {
   } = _ref;
   return React__default.createElement(SvgChevronRightStroke, {
     "data-garden-id": COMPONENT_ID,
-    "data-garden-version": '9.3.0',
+    "data-garden-version": '9.5.0',
     className: className
   });
 };
@@ -26,6 +26,6 @@ const StyledNextIcon = styled(NextIconComponent).withConfig({
 })(["transform:", ";color:", ";", ";"], props => props.theme.rtl && 'rotate(180deg)', props => props.$isDisabled ? 'inherit' : getColor({
   theme: props.theme,
   variable: 'foreground.disabled'
-}), props => retrieveComponentStyles(COMPONENT_ID, props));
+}), componentStyles);
 
 export { StyledNextIcon };

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

@@ -5,17 +5,17 @@
 * found at http://www.apache.org/licenses/LICENSE-2.0.
 */
 import styled from 'styled-components';
-import { retrieveComponentStyles } from '@zendeskgarden/react-theming';
+import { componentStyles } 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.3.0'
+  'data-garden-version': '9.5.0'
 }).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));
+})(["", "{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', componentStyles);
 
 export { StyledNextItem };

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

@@ -7,7 +7,7 @@
 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 { getColor, retrieveComponentStyles } from '@zendeskgarden/react-theming';
+import { getColor, componentStyles } from '@zendeskgarden/react-theming';
 
 const COMPONENT_ID = 'dropdowns.previous_item_icon';
 const PreviousIconComponent = _ref => {
@@ -16,7 +16,7 @@ const PreviousIconComponent = _ref => {
   } = _ref;
   return React__default.createElement(SvgChevronLeftStroke, {
     "data-garden-id": COMPONENT_ID,
-    "data-garden-version": '9.3.0',
+    "data-garden-version": '9.5.0',
     className: className
   });
 };
@@ -26,6 +26,6 @@ const StyledPreviousIcon = styled(PreviousIconComponent).withConfig({
 })(["transform:", ";color:", ";", ";"], props => props.theme.rtl && 'rotate(180deg)', props => props.$isDisabled ? 'inherit' : getColor({
   theme: props.theme,
   variable: 'foreground.subtle'
-}), props => retrieveComponentStyles(COMPONENT_ID, props));
+}), componentStyles);
 
 export { StyledPreviousIcon };

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

@@ -5,16 +5,16 @@
 * found at http://www.apache.org/licenses/LICENSE-2.0.
 */
 import styled from 'styled-components';
-import { retrieveComponentStyles } from '@zendeskgarden/react-theming';
+import { componentStyles } 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.3.0'
+  'data-garden-version': '9.5.0'
 }).withConfig({
   displayName: "StyledPreviousItem",
   componentId: "sc-1qv9jwe-0"
-})(["font-weight:", ";", ";"], props => props.theme.fontWeights.semibold, props => retrieveComponentStyles(COMPONENT_ID, props));
+})(["font-weight:", ";", ";"], props => props.theme.fontWeights.semibold, componentStyles);
 
 export { StyledPreviousItem };

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

@@ -5,18 +5,18 @@
 * found at http://www.apache.org/licenses/LICENSE-2.0.
 */
 import styled from 'styled-components';
-import { getColor, retrieveComponentStyles } from '@zendeskgarden/react-theming';
+import { getColor, componentStyles } from '@zendeskgarden/react-theming';
 
 const COMPONENT_ID = 'dropdowns.header_icon';
 const StyledHeaderIcon = styled.div.attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.3.0'
+  'data-garden-version': '9.5.0'
 }).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 => getColor({
   theme: props.theme,
   variable: 'foreground.subtle'
-}), props => props.theme.iconSizes.md, props => props.theme.iconSizes.md, props => retrieveComponentStyles(COMPONENT_ID, props));
+}), props => props.theme.iconSizes.md, props => props.theme.iconSizes.md, componentStyles);
 
 export { StyledHeaderIcon };

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

@@ -5,7 +5,7 @@
 * found at http://www.apache.org/licenses/LICENSE-2.0.
 */
 import styled from 'styled-components';
-import { retrieveComponentStyles } from '@zendeskgarden/react-theming';
+import { componentStyles } from '@zendeskgarden/react-theming';
 import { StyledItem } from '../StyledItem.js';
 
 const COMPONENT_ID = 'dropdowns.header_item';
@@ -17,10 +17,10 @@ const getHorizontalPadding = props => {
 };
 const StyledHeaderItem = styled(StyledItem).attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.3.0'
+  'data-garden-version': '9.5.0'
 }).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));
+})(["cursor:default;padding-right:", ";padding-left:", ";font-weight:", ";", ";"], props => getHorizontalPadding(props), props => getHorizontalPadding(props), props => props.theme.fontWeights.semibold, componentStyles);
 
 export { StyledHeaderItem };

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

@@ -5,15 +5,15 @@
 * found at http://www.apache.org/licenses/LICENSE-2.0.
 */
 import styled from 'styled-components';
-import { retrieveComponentStyles } from '@zendeskgarden/react-theming';
+import { componentStyles } from '@zendeskgarden/react-theming';
 
 const COMPONENT_ID = 'dropdowns.media_body';
 const StyledMediaBody = styled.div.attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.3.0'
+  'data-garden-version': '9.5.0'
 }).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));
+})(["display:block;overflow:hidden;padding-", ":", "px;", ";"], props => props.theme.rtl ? 'right' : 'left', props => props.theme.space.base * 2, componentStyles);
 
 export { StyledMediaBody };

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

@@ -6,7 +6,7 @@
 */
 import React__default, { Children } from 'react';
 import styled from 'styled-components';
-import { retrieveComponentStyles } from '@zendeskgarden/react-theming';
+import { componentStyles } from '@zendeskgarden/react-theming';
 
 const COMPONENT_ID = 'dropdowns.media_figure';
 const StyledMediaFigure = styled(
@@ -20,10 +20,10 @@ _ref => {
   return  React__default.cloneElement(Children.only(children), props);
 }).attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.3.0'
+  'data-garden-version': '9.5.0'
 }).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));
+})(["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, componentStyles);
 
 export { StyledMediaFigure };

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

@@ -5,16 +5,16 @@
 * found at http://www.apache.org/licenses/LICENSE-2.0.
 */
 import styled from 'styled-components';
-import { retrieveComponentStyles } from '@zendeskgarden/react-theming';
+import { componentStyles } 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.3.0'
+  'data-garden-version': '9.5.0'
 }).withConfig({
   displayName: "StyledMediaItem",
   componentId: "sc-af4509-0"
-})(["", ";"], props => retrieveComponentStyles(COMPONENT_ID, props));
+})(["", ";"], componentStyles);
 
 export { StyledMediaItem };

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

@@ -5,13 +5,13 @@
 * found at http://www.apache.org/licenses/LICENSE-2.0.
 */
 import styled from 'styled-components';
-import { arrowStyles, retrieveComponentStyles } from '@zendeskgarden/react-theming';
+import { arrowStyles, componentStyles } 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.3.0',
+  'data-garden-version': '9.5.0',
   className: props.$isAnimated ? 'is-animated' : undefined
 })).withConfig({
   displayName: "StyledMenu",
@@ -20,6 +20,6 @@ const StyledMenu = styled.ul.attrs(props => ({
   size: `${props.theme.space.base * 1.5}px`,
   inset: '1px',
   animationModifier: props.$isAnimated ? '.is-animated' : undefined
-}), props => retrieveComponentStyles(COMPONENT_ID, props));
+}), componentStyles);
 
 export { StyledMenu };

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

@@ -5,13 +5,13 @@
 * found at http://www.apache.org/licenses/LICENSE-2.0.
 */
 import styled from 'styled-components';
-import { menuStyles, retrieveComponentStyles } from '@zendeskgarden/react-theming';
+import { menuStyles, componentStyles } 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.3.0',
+  'data-garden-version': '9.5.0',
   className: props.$isAnimated ? 'is-animated' : undefined
 })).withConfig({
   displayName: "StyledMenuWrapper",
@@ -22,6 +22,6 @@ const StyledMenuWrapper = styled.div.attrs(props => ({
   margin: `${props.theme.space.base * (props.$hasArrow ? 2 : 1)}px`,
   zIndex: props.$zIndex,
   animationModifier: props.$isAnimated ? '.is-animated' : undefined
-}), props => retrieveComponentStyles(COMPONENT_ID, props));
+}), componentStyles);
 
 export { StyledMenuWrapper };

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

@@ -5,12 +5,12 @@
 * found at http://www.apache.org/licenses/LICENSE-2.0.
 */
 import styled from 'styled-components';
-import { getColor, retrieveComponentStyles } from '@zendeskgarden/react-theming';
+import { getColor, componentStyles } from '@zendeskgarden/react-theming';
 
 const COMPONENT_ID = 'dropdowns.separator';
 const StyledSeparator = styled.li.attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.3.0',
+  'data-garden-version': '9.5.0',
   role: 'separator'
 }).withConfig({
   displayName: "StyledSeparator",
@@ -18,6 +18,6 @@ const StyledSeparator = styled.li.attrs({
 })(["display:block;margin:", "px 0;border-bottom:", ";", ";"], props => props.theme.space.base, props => `${props.theme.borders.sm} ${getColor({
   theme: props.theme,
   variable: 'border.subtle'
-})}`, props => retrieveComponentStyles(COMPONENT_ID, props));
+})}`, componentStyles);
 
 export { StyledSeparator };

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

@@ -5,7 +5,7 @@
 * found at http://www.apache.org/licenses/LICENSE-2.0.
 */
 import styled, { css } from 'styled-components';
-import { retrieveComponentStyles } from '@zendeskgarden/react-theming';
+import { componentStyles } from '@zendeskgarden/react-theming';
 import { StyledInput } from '../select/StyledInput.js';
 
 const COMPONENT_ID = 'dropdowns.multiselect_input';
@@ -25,11 +25,11 @@ const visibleStyling = _ref => {
 };
 const StyledMultiselectInput = styled(StyledInput).attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.3.0',
+  'data-garden-version': '9.5.0',
   isBare: true
 }).withConfig({
   displayName: "StyledMultiselectInput",
   componentId: "sc-iiow29-0"
-})(["flex-basis:", "px;flex-grow:1;align-self:center;min-height:0;", ";", ";"], props => props.theme.space.base * 15, props => visibleStyling(props), props => retrieveComponentStyles(COMPONENT_ID, props));
+})(["flex-basis:", "px;flex-grow:1;align-self:center;min-height:0;", ";", ";"], props => props.theme.space.base * 15, props => visibleStyling(props), componentStyles);
 
 export { StyledMultiselectInput };

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

@@ -5,15 +5,15 @@
 * found at http://www.apache.org/licenses/LICENSE-2.0.
 */
 import styled from 'styled-components';
-import { retrieveComponentStyles } from '@zendeskgarden/react-theming';
+import { componentStyles } from '@zendeskgarden/react-theming';
 
 const COMPONENT_ID = 'dropdowns.multiselect_item_wrapper';
 const StyledMultiselectItemWrapper = styled.div.attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.3.0'
+  'data-garden-version': '9.5.0'
 }).withConfig({
   displayName: "StyledMultiselectItemWrapper",
   componentId: "sc-vgr7nd-0"
-})(["display:inline-flex;align-items:center;margin:", "px;max-width:100%;", ";"], props => props.theme.space.base / 2, props => retrieveComponentStyles(COMPONENT_ID, props));
+})(["display:inline-flex;align-items:center;margin:", "px;max-width:100%;", ";"], props => props.theme.space.base / 2, componentStyles);
 
 export { StyledMultiselectItemWrapper };

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

@@ -5,7 +5,7 @@
 * found at http://www.apache.org/licenses/LICENSE-2.0.
 */
 import styled, { css } from 'styled-components';
-import { retrieveComponentStyles } from '@zendeskgarden/react-theming';
+import { componentStyles } from '@zendeskgarden/react-theming';
 
 const COMPONENT_ID = 'dropdowns.multiselect_items_container';
 const sizeStyles = props => {
@@ -22,10 +22,10 @@ const sizeStyles = props => {
 };
 const StyledMultiselectItemsContainer = styled.div.attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.3.0'
+  'data-garden-version': '9.5.0'
 }).withConfig({
   displayName: "StyledMultiselectItemsContainer",
   componentId: "sc-1dxwjyz-0"
-})(["display:inline-flex;flex-grow:1;flex-wrap:wrap;min-width:0;", ";", ";"], props => sizeStyles(props), props => retrieveComponentStyles(COMPONENT_ID, props));
+})(["display:inline-flex;flex-grow:1;flex-wrap:wrap;min-width:0;", ";", ";"], props => sizeStyles(props), componentStyles);
 
 export { StyledMultiselectItemsContainer };

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

@@ -5,18 +5,18 @@
 * found at http://www.apache.org/licenses/LICENSE-2.0.
 */
 import styled from 'styled-components';
-import { getLineHeight, getColor, retrieveComponentStyles } from '@zendeskgarden/react-theming';
+import { getLineHeight, getColor, componentStyles } from '@zendeskgarden/react-theming';
 
 const COMPONENT_ID = 'dropdowns.multiselect_more_anchor';
 const StyledMultiselectMoreAnchor = styled.div.attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.3.0'
+  'data-garden-version': '9.5.0'
 }).withConfig({
   displayName: "StyledMultiselectMoreAnchor",
   componentId: "sc-pkakky-0"
 })(["display:inline-block;cursor:", ";padding:", "px 0;overflow:hidden;user-select:none;text-overflow:ellipsis;line-height:", ";white-space:nowrap;color:", ";&:hover{text-decoration:", ";}", ";"], props => props.$isDisabled ? 'default' : 'pointer', props => props.theme.space.base * (props.$isCompact ? 0.75 : 1.5), props => props.$isCompact ? '1em' : getLineHeight(props.theme.space.base * 5, props.theme.fontSizes.md), props => getColor({
   theme: props.theme,
   variable: props.$isDisabled ? 'foreground.disabled' : 'foreground.primary'
-}), props => !props.$isDisabled && 'underline', props => retrieveComponentStyles(COMPONENT_ID, props));
+}), props => !props.$isDisabled && 'underline', componentStyles);
 
 export { StyledMultiselectMoreAnchor };

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

@@ -5,18 +5,18 @@
 * found at http://www.apache.org/licenses/LICENSE-2.0.
 */
 import styled from 'styled-components';
-import { retrieveComponentStyles } from '@zendeskgarden/react-theming';
+import { componentStyles } from '@zendeskgarden/react-theming';
 import { FauxInput } from '@zendeskgarden/react-forms';
 
 const COMPONENT_ID = 'dropdowns.faux_input';
 const StyledFauxInput = styled(FauxInput).attrs(props => ({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.3.0',
+  'data-garden-version': '9.5.0',
   mediaLayout: true,
   theme: props.theme
 })).withConfig({
   displayName: "StyledFauxInput",
   componentId: "sc-bk8odf-0"
-})(["cursor:", ";min-width:", "px;", ";"], props => !props.disabled && 'pointer', props => props.theme.space.base * (props.isCompact ? 25 : 36), props => retrieveComponentStyles(COMPONENT_ID, props));
+})(["cursor:", ";min-width:", "px;", ";"], props => !props.disabled && 'pointer', props => props.theme.space.base * (props.isCompact ? 25 : 36), componentStyles);
 
 export { StyledFauxInput };

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

@@ -6,17 +6,17 @@
 */
 import styled, { css } from 'styled-components';
 import { Input } from '@zendeskgarden/react-forms';
-import { retrieveComponentStyles } from '@zendeskgarden/react-theming';
+import { componentStyles } from '@zendeskgarden/react-theming';
 
 const COMPONENT_ID = 'dropdowns.input';
 const hiddenStyling = css(["position:fixed;border:0;clip:rect(1px,1px,1px,1px);padding:0;width:1px;height:1px;overflow:hidden;white-space:nowrap;"]);
 const StyledInput = styled(Input).attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.3.0',
+  'data-garden-version': '9.5.0',
   isBare: true
 }).withConfig({
   displayName: "StyledInput",
   componentId: "sc-kykaw8-0"
-})(["", ";", ";"], props => props.$isHidden && hiddenStyling, props => retrieveComponentStyles(COMPONENT_ID, props));
+})(["", ";", ";"], props => props.$isHidden && hiddenStyling, componentStyles);
 
 export { StyledInput };

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

@@ -5,15 +5,15 @@
 * found at http://www.apache.org/licenses/LICENSE-2.0.
 */
 import styled from 'styled-components';
-import { retrieveComponentStyles } from '@zendeskgarden/react-theming';
+import { componentStyles } from '@zendeskgarden/react-theming';
 
 const COMPONENT_ID = 'dropdowns.select';
 const StyledSelect = styled.div.attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.3.0'
+  'data-garden-version': '9.5.0'
 }).withConfig({
   displayName: "StyledSelect",
   componentId: "sc-xf4qjv-0"
-})(["flex-grow:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;", ";"], props => retrieveComponentStyles(COMPONENT_ID, props));
+})(["flex-grow:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;", ";"], componentStyles);
 
 export { StyledSelect };

package/dist/index.cjs.js

@@ -289,7 +289,7 @@ function getMenuPosition(popperPlacement) {
 const COMPONENT_ID$m = 'dropdowns.menu';
 const StyledMenu = styled__default.default.ul.attrs(props => ({
   'data-garden-id': COMPONENT_ID$m,
-  'data-garden-version': '9.3.0',
+  'data-garden-version': '9.5.0',
   className: props.$isAnimated ? 'is-animated' : undefined
 })).withConfig({
   displayName: "StyledMenu",
@@ -298,12 +298,12 @@ const StyledMenu = styled__default.default.ul.attrs(props => ({
   size: `${props.theme.space.base * 1.5}px`,
   inset: '1px',
   animationModifier: props.$isAnimated ? '.is-animated' : undefined
-}), props => reactTheming.retrieveComponentStyles(COMPONENT_ID$m, props));
+}), reactTheming.componentStyles);
 
 const COMPONENT_ID$l = 'dropdowns.menu_wrapper';
 const StyledMenuWrapper = styled__default.default.div.attrs(props => ({
   'data-garden-id': COMPONENT_ID$l,
-  'data-garden-version': '9.3.0',
+  'data-garden-version': '9.5.0',
   className: props.$isAnimated ? 'is-animated' : undefined
 })).withConfig({
   displayName: "StyledMenuWrapper",
@@ -314,12 +314,12 @@ const StyledMenuWrapper = styled__default.default.div.attrs(props => ({
   margin: `${props.theme.space.base * (props.$hasArrow ? 2 : 1)}px`,
   zIndex: props.$zIndex,
   animationModifier: props.$isAnimated ? '.is-animated' : undefined
-}), props => reactTheming.retrieveComponentStyles(COMPONENT_ID$l, props));
+}), reactTheming.componentStyles);
 
 const COMPONENT_ID$k = 'dropdowns.separator';
 const StyledSeparator = styled__default.default.li.attrs({
   'data-garden-id': COMPONENT_ID$k,
-  'data-garden-version': '9.3.0',
+  'data-garden-version': '9.5.0',
   role: 'separator'
 }).withConfig({
   displayName: "StyledSeparator",
@@ -327,7 +327,7 @@ const StyledSeparator = styled__default.default.li.attrs({
 })(["display:block;margin:", "px 0;border-bottom:", ";", ";"], props => props.theme.space.base, props => `${props.theme.borders.sm} ${reactTheming.getColor({
   theme: props.theme,
   variable: 'border.subtle'
-})}`, props => reactTheming.retrieveComponentStyles(COMPONENT_ID$k, props));
+})}`, reactTheming.componentStyles);
 
 const COMPONENT_ID$j = 'dropdowns.item';
 const getItemPaddingVertical = props => {
@@ -363,36 +363,36 @@ const getColorStyles = props => {
 };
 const StyledItem = styled__default.default.li.attrs(props => ({
   'data-garden-id': COMPONENT_ID$j,
-  'data-garden-version': '9.3.0',
+  'data-garden-version': '9.5.0',
   '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 => reactTheming.retrieveComponentStyles(COMPONENT_ID$j, props));
+})(["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), reactTheming.componentStyles);
 
 const COMPONENT_ID$i = 'dropdowns.add_item';
 const StyledAddItem = styled__default.default(StyledItem).attrs({
   'data-garden-id': COMPONENT_ID$i,
-  'data-garden-version': '9.3.0'
+  'data-garden-version': '9.5.0'
 }).withConfig({
   displayName: "StyledAddItem",
   componentId: "sc-mlto71-0"
 })(["color:", ";", ";"], props => !props.disabled && reactTheming.getColor({
   theme: props.theme,
   variable: 'foreground.primary'
-}), props => reactTheming.retrieveComponentStyles(COMPONENT_ID$i, props));
+}), reactTheming.componentStyles);
 
 const COMPONENT_ID$h = 'dropdowns.item_meta';
 const StyledItemMeta = styled__default.default.span.attrs({
   'data-garden-id': COMPONENT_ID$h,
-  'data-garden-version': '9.3.0'
+  'data-garden-version': '9.5.0'
 }).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 => reactTheming.getColor({
   theme: props.theme,
   variable: props.$isDisabled ? 'foreground.disabled' : 'foreground.subtle'
-}), props => props.theme.fontSizes.sm, props => reactTheming.retrieveComponentStyles(COMPONENT_ID$h, props));
+}), props => props.theme.fontSizes.sm, reactTheming.componentStyles);
 
 const COMPONENT_ID$g = 'dropdowns.item_icon';
 const getSizeStyles = props => {
@@ -400,7 +400,7 @@ const getSizeStyles = props => {
 };
 const StyledItemIcon = styled__default.default.div.attrs({
   'data-garden-id': COMPONENT_ID$g,
-  'data-garden-version': '9.3.0'
+  'data-garden-version': '9.5.0'
 }).withConfig({
   displayName: "StyledItemIcon",
   componentId: "sc-pspm80-0"
@@ -412,11 +412,11 @@ const StyledItemIcon = styled__default.default.div.attrs({
 const COMPONENT_ID$f = 'dropdowns.next_item';
 const StyledNextItem = styled__default.default(StyledItem).attrs({
   'data-garden-id': COMPONENT_ID$f,
-  'data-garden-version': '9.3.0'
+  'data-garden-version': '9.5.0'
 }).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 => reactTheming.retrieveComponentStyles(COMPONENT_ID$f, props));
+})(["", "{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', reactTheming.componentStyles);
 
 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); }
@@ -441,7 +441,7 @@ const NextIconComponent = _ref => {
   } = _ref;
   return React__namespace.default.createElement(SvgChevronRightStroke, {
     "data-garden-id": COMPONENT_ID$e,
-    "data-garden-version": '9.3.0',
+    "data-garden-version": '9.5.0',
     className: className
   });
 };
@@ -451,16 +451,16 @@ const StyledNextIcon = styled__default.default(NextIconComponent).withConfig({
 })(["transform:", ";color:", ";", ";"], props => props.theme.rtl && 'rotate(180deg)', props => props.$isDisabled ? 'inherit' : reactTheming.getColor({
   theme: props.theme,
   variable: 'foreground.disabled'
-}), props => reactTheming.retrieveComponentStyles(COMPONENT_ID$e, props));
+}), reactTheming.componentStyles);
 
 const COMPONENT_ID$d = 'dropdowns.previous_item';
 const StyledPreviousItem = styled__default.default(StyledItem).attrs({
   'data-garden-id': COMPONENT_ID$d,
-  'data-garden-version': '9.3.0'
+  'data-garden-version': '9.5.0'
 }).withConfig({
   displayName: "StyledPreviousItem",
   componentId: "sc-1qv9jwe-0"
-})(["font-weight:", ";", ";"], props => props.theme.fontWeights.semibold, props => reactTheming.retrieveComponentStyles(COMPONENT_ID$d, props));
+})(["font-weight:", ";", ";"], props => props.theme.fontWeights.semibold, reactTheming.componentStyles);
 
 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); }
@@ -485,7 +485,7 @@ const PreviousIconComponent = _ref => {
   } = _ref;
   return React__namespace.default.createElement(SvgChevronLeftStroke, {
     "data-garden-id": COMPONENT_ID$c,
-    "data-garden-version": '9.3.0',
+    "data-garden-version": '9.5.0',
     className: className
   });
 };
@@ -495,19 +495,19 @@ const StyledPreviousIcon = styled__default.default(PreviousIconComponent).withCo
 })(["transform:", ";color:", ";", ";"], props => props.theme.rtl && 'rotate(180deg)', props => props.$isDisabled ? 'inherit' : reactTheming.getColor({
   theme: props.theme,
   variable: 'foreground.subtle'
-}), props => reactTheming.retrieveComponentStyles(COMPONENT_ID$c, props));
+}), reactTheming.componentStyles);
 
 const COMPONENT_ID$b = 'dropdowns.header_icon';
 const StyledHeaderIcon = styled__default.default.div.attrs({
   'data-garden-id': COMPONENT_ID$b,
-  'data-garden-version': '9.3.0'
+  'data-garden-version': '9.5.0'
 }).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 => reactTheming.getColor({
   theme: props.theme,
   variable: 'foreground.subtle'
-}), props => props.theme.iconSizes.md, props => props.theme.iconSizes.md, props => reactTheming.retrieveComponentStyles(COMPONENT_ID$b, props));
+}), props => props.theme.iconSizes.md, props => props.theme.iconSizes.md, reactTheming.componentStyles);
 
 const COMPONENT_ID$a = 'dropdowns.header_item';
 const getHorizontalPadding = props => {
@@ -518,20 +518,20 @@ const getHorizontalPadding = props => {
 };
 const StyledHeaderItem = styled__default.default(StyledItem).attrs({
   'data-garden-id': COMPONENT_ID$a,
-  'data-garden-version': '9.3.0'
+  'data-garden-version': '9.5.0'
 }).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 => reactTheming.retrieveComponentStyles(COMPONENT_ID$a, props));
+})(["cursor:default;padding-right:", ";padding-left:", ";font-weight:", ";", ";"], props => getHorizontalPadding(props), props => getHorizontalPadding(props), props => props.theme.fontWeights.semibold, reactTheming.componentStyles);
 
 const COMPONENT_ID$9 = 'dropdowns.media_body';
 const StyledMediaBody = styled__default.default.div.attrs({
   'data-garden-id': COMPONENT_ID$9,
-  'data-garden-version': '9.3.0'
+  'data-garden-version': '9.5.0'
 }).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 => reactTheming.retrieveComponentStyles(COMPONENT_ID$9, props));
+})(["display:block;overflow:hidden;padding-", ":", "px;", ";"], props => props.theme.rtl ? 'right' : 'left', props => props.theme.space.base * 2, reactTheming.componentStyles);
 
 const COMPONENT_ID$8 = 'dropdowns.media_figure';
 const StyledMediaFigure = styled__default.default(
@@ -545,51 +545,51 @@ _ref => {
   return  React__namespace.default.cloneElement(React.Children.only(children), props);
 }).attrs({
   'data-garden-id': COMPONENT_ID$8,
-  'data-garden-version': '9.3.0'
+  'data-garden-version': '9.5.0'
 }).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 => reactTheming.retrieveComponentStyles(COMPONENT_ID$8, props));
+})(["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, reactTheming.componentStyles);
 
 const COMPONENT_ID$7 = 'dropdowns.media_item';
 const StyledMediaItem = styled__default.default(StyledItem).attrs({
   'data-garden-id': COMPONENT_ID$7,
-  'data-garden-version': '9.3.0'
+  'data-garden-version': '9.5.0'
 }).withConfig({
   displayName: "StyledMediaItem",
   componentId: "sc-af4509-0"
-})(["", ";"], props => reactTheming.retrieveComponentStyles(COMPONENT_ID$7, props));
+})(["", ";"], reactTheming.componentStyles);
 
 const COMPONENT_ID$6 = 'dropdowns.faux_input';
 const StyledFauxInput = styled__default.default(reactForms.FauxInput).attrs(props => ({
   'data-garden-id': COMPONENT_ID$6,
-  'data-garden-version': '9.3.0',
+  'data-garden-version': '9.5.0',
   mediaLayout: true,
   theme: props.theme
 })).withConfig({
   displayName: "StyledFauxInput",
   componentId: "sc-bk8odf-0"
-})(["cursor:", ";min-width:", "px;", ";"], props => !props.disabled && 'pointer', props => props.theme.space.base * (props.isCompact ? 25 : 36), props => reactTheming.retrieveComponentStyles(COMPONENT_ID$6, props));
+})(["cursor:", ";min-width:", "px;", ";"], props => !props.disabled && 'pointer', props => props.theme.space.base * (props.isCompact ? 25 : 36), reactTheming.componentStyles);
 
 const COMPONENT_ID$5 = 'dropdowns.input';
 const hiddenStyling = styled.css(["position:fixed;border:0;clip:rect(1px,1px,1px,1px);padding:0;width:1px;height:1px;overflow:hidden;white-space:nowrap;"]);
 const StyledInput = styled__default.default(reactForms.Input).attrs({
   'data-garden-id': COMPONENT_ID$5,
-  'data-garden-version': '9.3.0',
+  'data-garden-version': '9.5.0',
   isBare: true
 }).withConfig({
   displayName: "StyledInput",
   componentId: "sc-kykaw8-0"
-})(["", ";", ";"], props => props.$isHidden && hiddenStyling, props => reactTheming.retrieveComponentStyles(COMPONENT_ID$5, props));
+})(["", ";", ";"], props => props.$isHidden && hiddenStyling, reactTheming.componentStyles);
 
 const COMPONENT_ID$4 = 'dropdowns.select';
 const StyledSelect = styled__default.default.div.attrs({
   'data-garden-id': COMPONENT_ID$4,
-  'data-garden-version': '9.3.0'
+  'data-garden-version': '9.5.0'
 }).withConfig({
   displayName: "StyledSelect",
   componentId: "sc-xf4qjv-0"
-})(["flex-grow:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;", ";"], props => reactTheming.retrieveComponentStyles(COMPONENT_ID$4, props));
+})(["flex-grow:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;", ";"], reactTheming.componentStyles);
 
 const COMPONENT_ID$3 = 'dropdowns.multiselect_input';
 const visibleStyling = _ref => {
@@ -608,12 +608,12 @@ const visibleStyling = _ref => {
 };
 const StyledMultiselectInput = styled__default.default(StyledInput).attrs({
   'data-garden-id': COMPONENT_ID$3,
-  'data-garden-version': '9.3.0',
+  'data-garden-version': '9.5.0',
   isBare: true
 }).withConfig({
   displayName: "StyledMultiselectInput",
   componentId: "sc-iiow29-0"
-})(["flex-basis:", "px;flex-grow:1;align-self:center;min-height:0;", ";", ";"], props => props.theme.space.base * 15, props => visibleStyling(props), props => reactTheming.retrieveComponentStyles(COMPONENT_ID$3, props));
+})(["flex-basis:", "px;flex-grow:1;align-self:center;min-height:0;", ";", ";"], props => props.theme.space.base * 15, props => visibleStyling(props), reactTheming.componentStyles);
 
 const COMPONENT_ID$2 = 'dropdowns.multiselect_items_container';
 const sizeStyles = props => {
@@ -630,32 +630,32 @@ const sizeStyles = props => {
 };
 const StyledMultiselectItemsContainer = styled__default.default.div.attrs({
   'data-garden-id': COMPONENT_ID$2,
-  'data-garden-version': '9.3.0'
+  'data-garden-version': '9.5.0'
 }).withConfig({
   displayName: "StyledMultiselectItemsContainer",
   componentId: "sc-1dxwjyz-0"
-})(["display:inline-flex;flex-grow:1;flex-wrap:wrap;min-width:0;", ";", ";"], props => sizeStyles(props), props => reactTheming.retrieveComponentStyles(COMPONENT_ID$2, props));
+})(["display:inline-flex;flex-grow:1;flex-wrap:wrap;min-width:0;", ";", ";"], props => sizeStyles(props), reactTheming.componentStyles);
 
 const COMPONENT_ID$1 = 'dropdowns.multiselect_item_wrapper';
 const StyledMultiselectItemWrapper = styled__default.default.div.attrs({
   'data-garden-id': COMPONENT_ID$1,
-  'data-garden-version': '9.3.0'
+  'data-garden-version': '9.5.0'
 }).withConfig({
   displayName: "StyledMultiselectItemWrapper",
   componentId: "sc-vgr7nd-0"
-})(["display:inline-flex;align-items:center;margin:", "px;max-width:100%;", ";"], props => props.theme.space.base / 2, props => reactTheming.retrieveComponentStyles(COMPONENT_ID$1, props));
+})(["display:inline-flex;align-items:center;margin:", "px;max-width:100%;", ";"], props => props.theme.space.base / 2, reactTheming.componentStyles);
 
 const COMPONENT_ID = 'dropdowns.multiselect_more_anchor';
 const StyledMultiselectMoreAnchor = styled__default.default.div.attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.3.0'
+  'data-garden-version': '9.5.0'
 }).withConfig({
   displayName: "StyledMultiselectMoreAnchor",
   componentId: "sc-pkakky-0"
 })(["display:inline-block;cursor:", ";padding:", "px 0;overflow:hidden;user-select:none;text-overflow:ellipsis;line-height:", ";white-space:nowrap;color:", ";&:hover{text-decoration:", ";}", ";"], props => props.$isDisabled ? 'default' : 'pointer', props => props.theme.space.base * (props.$isCompact ? 0.75 : 1.5), props => props.$isCompact ? '1em' : reactTheming.getLineHeight(props.theme.space.base * 5, props.theme.fontSizes.md), props => reactTheming.getColor({
   theme: props.theme,
   variable: props.$isDisabled ? 'foreground.disabled' : 'foreground.primary'
-}), props => !props.$isDisabled && 'underline', props => reactTheming.retrieveComponentStyles(COMPONENT_ID, props));
+}), props => !props.$isDisabled && 'underline', reactTheming.componentStyles);
 
 const Trigger = _ref => {
   let {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zendeskgarden/react-dropdowns.legacy",
-  "version": "9.3.0",
+  "version": "9.5.0",
   "description": "Components relating to dropdowns in the Garden Design System",
   "license": "Apache-2.0",
   "author": "Zendesk Garden <garden@zendesk.com>",
@@ -23,7 +23,7 @@
   "dependencies": {
     "@zendeskgarden/container-selection": "^2.0.0",
     "@zendeskgarden/container-utilities": "^1.0.14",
-    "@zendeskgarden/react-forms": "^9.3.0",
+    "@zendeskgarden/react-forms": "^9.5.0",
     "downshift": "^7.0.0",
     "polished": "^4.3.1",
     "prop-types": "^15.5.7",
@@ -38,7 +38,7 @@
   },
   "devDependencies": {
     "@types/lodash.debounce": "4.0.9",
-    "@zendeskgarden/react-theming": "^9.3.0",
+    "@zendeskgarden/react-theming": "^9.5.0",
     "@zendeskgarden/svg-icons": "7.1.1",
     "lodash.debounce": "4.0.8"
   },
@@ -52,5 +52,5 @@
     "access": "public"
   },
   "zendeskgarden:src": "src/index.ts",
-  "gitHead": "fa6461e0d9fae27956980056006e8013daedc6b9"
+  "gitHead": "43546784a9aa985332ddcc6dd09209a11e2c03ff"
 }