@zendeskgarden/react-dropdowns.legacy 9.0.0 → 9.1.1

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

@@ -10,14 +10,14 @@ import { StyledItem } from '../StyledItem.js';
 
 const COMPONENT_ID = 'dropdowns.header_item';
 const getHorizontalPadding = props => {
-  if (props.hasIcon) {
+  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'
+  'data-garden-version': '9.1.1'
 }).withConfig({
   displayName: "StyledHeaderItem",
   componentId: "sc-1xosinr-0"

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

@@ -10,7 +10,7 @@ import { retrieveComponentStyles } 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'
+  'data-garden-version': '9.1.1'
 }).withConfig({
   displayName: "StyledMediaBody",
   componentId: "sc-133sssc-0"

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

@@ -13,16 +13,14 @@ const StyledMediaFigure = styled(
 _ref => {
   let {
     children,
-    isCompact,
+    $isCompact,
     theme,
     ...props
   } = _ref;
-  return (
-    React__default.cloneElement(Children.only(children), props)
-  );
+  return  React__default.cloneElement(Children.only(children), props);
 }).attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.0.0'
+  'data-garden-version': '9.1.1'
 }).withConfig({
   displayName: "StyledMediaFigure",
   componentId: "sc-16vz3xj-0"

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

@@ -11,7 +11,7 @@ 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'
+  'data-garden-version': '9.1.1'
 }).withConfig({
   displayName: "StyledMediaItem",
   componentId: "sc-af4509-0"

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

@@ -11,15 +11,15 @@ 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',
-  className: props.isAnimated && 'is-animated'
+  'data-garden-version': '9.1.1',
+  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), {
+})(["position:static !important;max-height:", ";overflow-y:auto;", ";", ";"], props => props.$maxHeight, props => props.$hasArrow && arrowStyles(getArrowPosition(props.$placement), {
   size: `${props.theme.space.base * 1.5}px`,
   inset: '1px',
-  animationModifier: props.isAnimated ? '.is-animated' : undefined
+  animationModifier: props.$isAnimated ? '.is-animated' : undefined
 }), props => retrieveComponentStyles(COMPONENT_ID, props));
 
 export { StyledMenu };

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

@@ -11,17 +11,17 @@ 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',
-  className: props.isAnimated && 'is-animated'
+  'data-garden-version': '9.1.1',
+  className: props.$isAnimated && 'is-animated'
 })).withConfig({
   displayName: "StyledMenuWrapper",
   componentId: "sc-u70fn3-0"
-})(["", ";", ";"], props => menuStyles(getMenuPosition(props.placement), {
+})(["", ";", ";"], 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
+  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));
 
 export { StyledMenuWrapper };

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

@@ -10,7 +10,7 @@ import { getColor, retrieveComponentStyles } 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',
+  'data-garden-version': '9.1.1',
   role: 'separator'
 }).withConfig({
   displayName: "StyledSeparator",

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

@@ -20,7 +20,7 @@ const visibleStyling = props => {
 };
 const StyledMultiselectInput = styled(StyledInput).attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.0.0',
+  'data-garden-version': '9.1.1',
   isBare: true
 }).withConfig({
   displayName: "StyledMultiselectInput",

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

@@ -10,7 +10,7 @@ import { retrieveComponentStyles } 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.0.0'
+  'data-garden-version': '9.1.1'
 }).withConfig({
   displayName: "StyledMultiselectItemWrapper",
   componentId: "sc-vgr7nd-0"

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

@@ -11,10 +11,10 @@ const COMPONENT_ID = 'dropdowns.multiselect_items_container';
 const sizeStyles = props => {
   let margin;
   let padding;
-  if (!props.isBare) {
-    const marginVertical = props.isCompact ? `-${props.theme.space.base * 1.5}px` : `-${props.theme.space.base * 2.5}px`;
+  if (!props.$isBare) {
+    const marginVertical = props.$isCompact ? `-${props.theme.space.base * 1.5}px` : `-${props.theme.space.base * 2.5}px`;
     margin = `${marginVertical} 0`;
-    const paddingVertical = props.isCompact ? '3px' : '1px';
+    const paddingVertical = props.$isCompact ? '3px' : '1px';
     const paddingEnd = `${props.theme.space.base}px`;
     padding = `${paddingVertical} ${props.theme.rtl ? 0 : paddingEnd} ${paddingVertical} ${props.theme.rtl ? paddingEnd : 0}`;
   }
@@ -22,7 +22,7 @@ const sizeStyles = props => {
 };
 const StyledMultiselectItemsContainer = styled.div.attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.0.0'
+  'data-garden-version': '9.1.1'
 }).withConfig({
   displayName: "StyledMultiselectItemsContainer",
   componentId: "sc-1dxwjyz-0"

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

@@ -10,13 +10,13 @@ import { getLineHeight, getColor, retrieveComponentStyles } from '@zendeskgarden
 const COMPONENT_ID = 'dropdowns.multiselect_more_anchor';
 const StyledMultiselectMoreAnchor = styled.div.attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.0.0'
+  'data-garden-version': '9.1.1'
 }).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({
+})(["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));
+  variable: props.$isDisabled ? 'foreground.disabled' : 'foreground.primary'
+}), props => !props.$isDisabled && 'underline', props => retrieveComponentStyles(COMPONENT_ID, props));
 
 export { StyledMultiselectMoreAnchor };

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

@@ -11,7 +11,7 @@ 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.0.0',
+  'data-garden-version': '9.1.1',
   mediaLayout: true,
   theme: props.theme
 })).withConfig({

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

@@ -12,7 +12,7 @@ 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.0.0',
+  'data-garden-version': '9.1.1',
   isBare: true
 }).withConfig({
   displayName: "StyledInput",

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

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