@zendeskgarden/react-dropdowns 9.0.0-next.9 → 9.0.0

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

@@ -5,17 +5,24 @@
 * 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 { retrieveComponentStyles, getColor } from '@zendeskgarden/react-theming';
 import { sizeStyles } from './StyledInput.js';
 
 const COMPONENT_ID = 'dropdowns.combobox.value';
-const colorStyles = props => {
-  const foregroundColor = props.isPlaceholder && getColorV8('neutralHue', 400, props.theme);
+const colorStyles = _ref => {
+  let {
+    theme,
+    isPlaceholder
+  } = _ref;
+  const foregroundColor = isPlaceholder && getColor({
+    theme,
+    variable: 'foreground.disabled'
+  });
   return css(["color:", ";"], foregroundColor);
 };
 const StyledValue = styled.div.attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.0.0-next.9'
+  'data-garden-version': '9.0.0'
 }).withConfig({
   displayName: "StyledValue",
   componentId: "sc-t719sx-0"
@@ -25,8 +32,5 @@ const StyledValue = styled.div.attrs({
   }
   return props.isEditable && !props.isAutocomplete ? 'text' : 'pointer';
 }, sizeStyles, colorStyles, props => retrieveComponentStyles(COMPONENT_ID, props));
-StyledValue.defaultProps = {
-  theme: DEFAULT_THEME
-};
 
 export { StyledValue };

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

@@ -5,19 +5,16 @@
 * found at http://www.apache.org/licenses/LICENSE-2.0.
 */
 import styled from 'styled-components';
-import { retrieveComponentStyles, DEFAULT_THEME } from '@zendeskgarden/react-theming';
+import { retrieveComponentStyles } from '@zendeskgarden/react-theming';
 import { StyledFloatingListbox } from '../combobox/StyledFloatingListbox.js';
 
 const COMPONENT_ID = 'dropdowns.menu.floating';
 const StyledFloatingMenu = styled(StyledFloatingListbox).attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.0.0-next.9'
+  'data-garden-version': '9.0.0'
 }).withConfig({
   displayName: "StyledFloatingMenu",
   componentId: "sc-1rc7ahb-0"
 })(["", ";"], props => retrieveComponentStyles(COMPONENT_ID, props));
-StyledFloatingMenu.defaultProps = {
-  theme: DEFAULT_THEME
-};
 
 export { StyledFloatingMenu };

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

@@ -5,19 +5,16 @@
 * found at http://www.apache.org/licenses/LICENSE-2.0.
 */
 import styled from 'styled-components';
-import { retrieveComponentStyles, DEFAULT_THEME } from '@zendeskgarden/react-theming';
+import { retrieveComponentStyles } from '@zendeskgarden/react-theming';
 import { StyledOption } from '../combobox/StyledOption.js';
 
 const COMPONENT_ID = 'dropdowns.menu.item';
 const StyledItem = styled(StyledOption).attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.0.0-next.9'
+  'data-garden-version': '9.0.0'
 }).withConfig({
   displayName: "StyledItem",
   componentId: "sc-1jp99dq-0"
 })(["", ";"], props => retrieveComponentStyles(COMPONENT_ID, props));
-StyledItem.defaultProps = {
-  theme: DEFAULT_THEME
-};
 
 export { StyledItem };

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

@@ -5,19 +5,16 @@
 * found at http://www.apache.org/licenses/LICENSE-2.0.
 */
 import styled from 'styled-components';
-import { retrieveComponentStyles, DEFAULT_THEME } from '@zendeskgarden/react-theming';
+import { retrieveComponentStyles } from '@zendeskgarden/react-theming';
 import { StyledOptionContent } from '../combobox/StyledOptionContent.js';
 
 const COMPONENT_ID = 'dropdowns.menu.item.content';
 const StyledItemContent = styled(StyledOptionContent).attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.0.0-next.9'
+  'data-garden-version': '9.0.0'
 }).withConfig({
   displayName: "StyledItemContent",
   componentId: "sc-1opglsb-0"
 })(["", ";"], props => retrieveComponentStyles(COMPONENT_ID, props));
-StyledItemContent.defaultProps = {
-  theme: DEFAULT_THEME
-};
 
 export { StyledItemContent };

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

@@ -5,19 +5,16 @@
 * found at http://www.apache.org/licenses/LICENSE-2.0.
 */
 import styled from 'styled-components';
-import { retrieveComponentStyles, DEFAULT_THEME } from '@zendeskgarden/react-theming';
+import { retrieveComponentStyles } from '@zendeskgarden/react-theming';
 import { StyledOptGroup } from '../combobox/StyledOptGroup.js';
 
 const COMPONENT_ID = 'dropdowns.menu.item_group';
 const StyledItemGroup = styled(StyledOptGroup).attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.0.0-next.9'
+  'data-garden-version': '9.0.0'
 }).withConfig({
   displayName: "StyledItemGroup",
   componentId: "sc-1umk3cg-0"
 })(["", ";"], props => retrieveComponentStyles(COMPONENT_ID, props));
-StyledItemGroup.defaultProps = {
-  theme: DEFAULT_THEME
-};
 
 export { StyledItemGroup };

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

@@ -5,19 +5,16 @@
 * found at http://www.apache.org/licenses/LICENSE-2.0.
 */
 import styled from 'styled-components';
-import { retrieveComponentStyles, DEFAULT_THEME } from '@zendeskgarden/react-theming';
+import { retrieveComponentStyles } from '@zendeskgarden/react-theming';
 import { StyledOptionIcon } from '../combobox/StyledOptionIcon.js';
 
 const COMPONENT_ID = 'dropdowns.menu.item.icon';
 const StyledItemIcon = styled(StyledOptionIcon).attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.0.0-next.9'
+  'data-garden-version': '9.0.0'
 }).withConfig({
   displayName: "StyledItemIcon",
   componentId: "sc-w9orqb-0"
 })(["", ";"], props => retrieveComponentStyles(COMPONENT_ID, props));
-StyledItemIcon.defaultProps = {
-  theme: DEFAULT_THEME
-};
 
 export { StyledItemIcon };

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

@@ -5,19 +5,16 @@
 * found at http://www.apache.org/licenses/LICENSE-2.0.
 */
 import styled from 'styled-components';
-import { retrieveComponentStyles, DEFAULT_THEME } from '@zendeskgarden/react-theming';
+import { retrieveComponentStyles } from '@zendeskgarden/react-theming';
 import { StyledOptionMeta } from '../combobox/StyledOptionMeta.js';
 
 const COMPONENT_ID = 'dropdowns.menu.item.meta';
 const StyledItemMeta = styled(StyledOptionMeta).attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.0.0-next.9'
+  'data-garden-version': '9.0.0'
 }).withConfig({
   displayName: "StyledItemMeta",
   componentId: "sc-1unw3x1-0"
 })(["", ";"], props => retrieveComponentStyles(COMPONENT_ID, props));
-StyledItemMeta.defaultProps = {
-  theme: DEFAULT_THEME
-};
 
 export { StyledItemMeta };

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

@@ -5,20 +5,17 @@
 * found at http://www.apache.org/licenses/LICENSE-2.0.
 */
 import styled from 'styled-components';
-import { retrieveComponentStyles, DEFAULT_THEME } from '@zendeskgarden/react-theming';
+import { retrieveComponentStyles } from '@zendeskgarden/react-theming';
 import { StyledOptionTypeIcon } from '../combobox/StyledOptionTypeIcon.js';
 import { StyledItem } from './StyledItem.js';
 
 const COMPONENT_ID = 'dropdowns.menu.item.type_icon';
 const StyledItemTypeIcon = styled(StyledOptionTypeIcon).attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.0.0-next.9'
+  'data-garden-version': '9.0.0'
 }).withConfig({
   displayName: "StyledItemTypeIcon",
   componentId: "sc-1pll3nu-0"
 })(["", "[aria-checked='true'] > &{opacity:1;}", ";"], StyledItem, props => retrieveComponentStyles(COMPONENT_ID, props));
-StyledItemTypeIcon.defaultProps = {
-  theme: DEFAULT_THEME
-};
 
 export { StyledItemTypeIcon };

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

@@ -5,23 +5,20 @@
 * 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 { arrowStyles, retrieveComponentStyles } from '@zendeskgarden/react-theming';
 import { StyledListbox } from '../combobox/StyledListbox.js';
 
 const COMPONENT_ID = 'dropdowns.menu';
 const StyledMenu = styled(StyledListbox).attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.0.0-next.9'
+  'data-garden-version': '9.0.0'
 }).withConfig({
   displayName: "StyledMenu",
   componentId: "sc-f77ntu-0"
 })(["position:static !important;", ";", ";"], props => props.arrowPosition && arrowStyles(props.arrowPosition, {
-  size: `${props.theme.space.base * 2}px`,
-  inset: '2px',
+  size: `${props.theme.space.base * 1.5}px`,
+  inset: '1px',
   animationModifier: '[data-garden-animate-arrow="true"]'
 }), props => retrieveComponentStyles(COMPONENT_ID, props));
-StyledMenu.defaultProps = {
-  theme: DEFAULT_THEME
-};
 
 export { StyledMenu };

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

@@ -5,19 +5,16 @@
 * found at http://www.apache.org/licenses/LICENSE-2.0.
 */
 import styled from 'styled-components';
-import { retrieveComponentStyles, DEFAULT_THEME } from '@zendeskgarden/react-theming';
+import { retrieveComponentStyles } from '@zendeskgarden/react-theming';
 import { StyledListboxSeparator } from '../combobox/StyledListboxSeparator.js';
 
 const COMPONENT_ID = 'dropdowns.menu.separator';
 const StyledSeparator = styled(StyledListboxSeparator).attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.0.0-next.9'
+  'data-garden-version': '9.0.0'
 }).withConfig({
   displayName: "StyledSeparator",
   componentId: "sc-8kqwen-0"
 })(["", ";"], props => retrieveComponentStyles(COMPONENT_ID, props));
-StyledSeparator.defaultProps = {
-  theme: DEFAULT_THEME
-};
 
 export { StyledSeparator };