@zendeskgarden/react-dropdowns 9.0.0-next.1 → 9.0.0-next.11

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

@@ -0,0 +1,32 @@
+/**
+* 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 { sizeStyles } from './StyledInput.js';
+
+const COMPONENT_ID = 'dropdowns.combobox.value';
+const colorStyles = props => {
+  const foregroundColor = props.isPlaceholder && getColorV8('neutralHue', 400, props.theme);
+  return css(["color:", ";"], foregroundColor);
+};
+const StyledValue = styled.div.attrs({
+  'data-garden-id': COMPONENT_ID,
+  'data-garden-version': '9.0.0-next.11'
+}).withConfig({
+  displayName: "StyledValue",
+  componentId: "sc-t719sx-0"
+})(["flex-basis:0;flex-grow:1;cursor:", ";overflow:hidden;text-overflow:ellipsis;white-space:pre;user-select:none;", ";", ";&[hidden]{display:none;}", ";"], props => {
+  if (props.isDisabled) {
+    return 'default';
+  }
+  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/StyledButton.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 { Button } from '@zendeskgarden/react-buttons';
+
+const COMPONENT_ID = 'dropdowns.menu.button';
+const StyledButton = styled(Button).attrs({
+  'data-garden-id': COMPONENT_ID,
+  'data-garden-version': '9.0.0-next.11'
+}).withConfig({
+  displayName: "StyledButton",
+  componentId: "sc-5hs2jg-0"
+})(["", ";"], props => retrieveComponentStyles(COMPONENT_ID, props));
+StyledButton.defaultProps = {
+  theme: DEFAULT_THEME
+};
+
+export { StyledButton };

package/dist/esm/views/menu/StyledFloatingMenu.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 { 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.11'
+}).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

@@ -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 { 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.11'
+}).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

@@ -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 { 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.11'
+}).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

@@ -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 { 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.11'
+}).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

@@ -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 { 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.11'
+}).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

@@ -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 { 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.11'
+}).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

@@ -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 { 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.11'
+}).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

@@ -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 from 'styled-components';
+import { arrowStyles, retrieveComponentStyles, DEFAULT_THEME } 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.11'
+}).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',
+  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

@@ -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 { 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.11'
+}).withConfig({
+  displayName: "StyledSeparator",
+  componentId: "sc-8kqwen-0"
+})(["", ";"], props => retrieveComponentStyles(COMPONENT_ID, props));
+StyledSeparator.defaultProps = {
+  theme: DEFAULT_THEME
+};
+
+export { StyledSeparator };