@zendeskgarden/react-dropdowns 9.0.0-next.2 → 9.0.0-next.20

package/dist/typings/views/combobox/StyledOptionMeta.d.ts

@@ -0,0 +1,14 @@
+/**
+ * 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 { ThemeProps, DefaultTheme } from 'styled-components';
+export interface IStyledOptionMetaProps extends ThemeProps<DefaultTheme> {
+    isDisabled?: boolean;
+}
+export declare const StyledOptionMeta: import("styled-components").StyledComponent<"div", DefaultTheme, {
+    'data-garden-id': string;
+    'data-garden-version': string;
+} & IStyledOptionMetaProps, "data-garden-id" | "data-garden-version">;

package/dist/typings/views/combobox/StyledOptionTypeIcon.d.ts

@@ -0,0 +1,17 @@
+/**
+ * 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.
+ */
+/// <reference types="react" />
+import { ThemeProps, DefaultTheme } from 'styled-components';
+import { OptionType } from '../../types';
+export interface IStyledOptionTypeIconProps extends ThemeProps<DefaultTheme> {
+    $isCompact?: boolean;
+    $type?: OptionType | 'header';
+}
+export declare const StyledOptionTypeIcon: import("styled-components").StyledComponent<({ children, theme, ...props }: any) => import("react").DetailedReactHTMLElement<any, HTMLElement>, DefaultTheme, {
+    'data-garden-id': string;
+    'data-garden-version': string;
+} & IStyledOptionTypeIconProps, "data-garden-id" | "data-garden-version">;

package/dist/typings/views/combobox/StyledTag.d.ts

@@ -0,0 +1,17 @@
+/**
+ * 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.
+ */
+/// <reference types="react" />
+export declare const StyledTag: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@zendeskgarden/react-tags").ITagProps & import("react").RefAttributes<HTMLDivElement>> & {
+    Avatar: {
+        (props: import("react").HTMLAttributes<HTMLElement>): import("react").JSX.Element;
+        displayName: string;
+    };
+    Close: import("react").ForwardRefExoticComponent<import("react").ButtonHTMLAttributes<HTMLButtonElement> & import("react").RefAttributes<HTMLButtonElement>>;
+}, import("styled-components").DefaultTheme, {
+    'data-garden-id': string;
+    'data-garden-version': string;
+}, "data-garden-id" | "data-garden-version">;

package/dist/typings/views/combobox/StyledTagsButton.d.ts

@@ -0,0 +1,16 @@
+/**
+ * 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 { DefaultTheme, ThemeProps } from 'styled-components';
+interface IStyledTagsButtonProps extends ThemeProps<DefaultTheme> {
+    isCompact?: boolean;
+}
+export declare const StyledTagsButton: import("styled-components").StyledComponent<"button", DefaultTheme, {
+    as: string;
+    'data-garden-id': string;
+    'data-garden-version': string;
+} & IStyledTagsButtonProps, "as" | "data-garden-id" | "data-garden-version">;
+export {};

package/dist/typings/views/combobox/StyledTrigger.d.ts

@@ -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 { ThemeProps, DefaultTheme } from 'styled-components';
+import { Validation } from '../../types';
+interface IStyledTriggerProps extends ThemeProps<DefaultTheme> {
+    isAutocomplete?: boolean;
+    isBare?: boolean;
+    isCompact?: boolean;
+    isEditable?: boolean;
+    isLabelHovered?: boolean;
+    isMultiselectable?: boolean;
+    maxHeight?: string;
+    focusInset?: boolean;
+    validation?: Validation;
+}
+export declare const StyledTrigger: import("styled-components").StyledComponent<"div", DefaultTheme, {
+    'data-garden-id': string;
+    'data-garden-version': string;
+} & IStyledTriggerProps, "data-garden-id" | "data-garden-version">;
+export {};

package/dist/typings/views/combobox/StyledValue.d.ts

@@ -0,0 +1,21 @@
+/**
+ * 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 { ThemeProps, DefaultTheme } from 'styled-components';
+interface IStyledValueProps extends ThemeProps<DefaultTheme> {
+    isAutocomplete?: boolean;
+    isBare?: boolean;
+    isCompact?: boolean;
+    isDisabled?: boolean;
+    isEditable?: boolean;
+    isMultiselectable?: boolean;
+    isPlaceholder?: boolean;
+}
+export declare const StyledValue: import("styled-components").StyledComponent<"div", DefaultTheme, {
+    'data-garden-id': string;
+    'data-garden-version': string;
+} & IStyledValueProps, "data-garden-id" | "data-garden-version">;
+export {};

package/dist/typings/views/index.d.ts

@@ -0,0 +1,37 @@
+/**
+ * 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.
+ */
+export * from './combobox/StyledCombobox';
+export * from './combobox/StyledContainer';
+export * from './combobox/StyledField';
+export * from './combobox/StyledFloatingListbox';
+export * from './combobox/StyledHint';
+export * from './combobox/StyledInput';
+export * from './combobox/StyledInputGroup';
+export * from './combobox/StyledInputIcon';
+export * from './combobox/StyledLabel';
+export * from './combobox/StyledListbox';
+export * from './combobox/StyledListboxSeparator';
+export * from './combobox/StyledMessage';
+export * from './combobox/StyledOptGroup';
+export * from './combobox/StyledOption';
+export * from './combobox/StyledOptionContent';
+export * from './combobox/StyledOptionIcon';
+export * from './combobox/StyledOptionMeta';
+export * from './combobox/StyledOptionTypeIcon';
+export * from './combobox/StyledTag';
+export * from './combobox/StyledTagsButton';
+export * from './combobox/StyledTrigger';
+export * from './combobox/StyledValue';
+export * from './menu/StyledMenu';
+export * from './menu/StyledFloatingMenu';
+export * from './menu/StyledItem';
+export * from './menu/StyledItemContent';
+export * from './menu/StyledItemGroup';
+export * from './menu/StyledItemIcon';
+export * from './menu/StyledItemMeta';
+export * from './menu/StyledItemTypeIcon';
+export * from './menu/StyledSeparator';

package/dist/typings/views/menu/StyledFloatingMenu.d.ts

@@ -0,0 +1,13 @@
+/**
+ * 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.
+ */
+export declare const StyledFloatingMenu: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    'data-garden-id': string;
+    'data-garden-version': string;
+} & import("../combobox/StyledFloatingListbox").IStyledFloatingListboxProps & {
+    'data-garden-id': string;
+    'data-garden-version': string;
+}, "data-garden-id" | "data-garden-version">;

package/dist/typings/{styled/items/StyledPreviousItem.d.ts → views/menu/StyledItem.d.ts}

@@ -4,10 +4,10 @@
  * Use of this source code is governed under the Apache License, Version 2.0
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
-/**
- * Accepts all `<li>` props
- */
-export declare const StyledPreviousItem: import("styled-components").StyledComponent<"li", import("styled-components").DefaultTheme, import("./StyledItem").IStyledItemProps & {
+export declare const StyledItem: import("styled-components").StyledComponent<"li", import("styled-components").DefaultTheme, {
+    'data-garden-id': string;
+    'data-garden-version': string;
+} & import("../combobox/StyledOption").IStyledOptionProps & {
     'data-garden-id': string;
     'data-garden-version': string;
 }, "data-garden-id" | "data-garden-version">;

package/dist/typings/views/menu/StyledItemContent.d.ts

@@ -0,0 +1,13 @@
+/**
+ * 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.
+ */
+export declare const StyledItemContent: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    'data-garden-id': string;
+    'data-garden-version': string;
+} & {
+    'data-garden-id': string;
+    'data-garden-version': string;
+}, "data-garden-id" | "data-garden-version">;

package/dist/typings/views/menu/StyledItemGroup.d.ts

@@ -0,0 +1,13 @@
+/**
+ * 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.
+ */
+export declare const StyledItemGroup: import("styled-components").StyledComponent<"ul", import("styled-components").DefaultTheme, {
+    'data-garden-id': string;
+    'data-garden-version': string;
+} & import("../combobox/StyledOptGroup").IStyledOptGroupProps & {
+    'data-garden-id': string;
+    'data-garden-version': string;
+}, "data-garden-id" | "data-garden-version">;

package/dist/typings/views/menu/StyledItemIcon.d.ts

@@ -0,0 +1,14 @@
+/**
+ * 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.
+ */
+/// <reference types="react" />
+export declare const StyledItemIcon: import("styled-components").StyledComponent<({ children, theme, ...props }: any) => import("react").DetailedReactHTMLElement<any, HTMLElement>, import("styled-components").DefaultTheme, {
+    'data-garden-id': string;
+    'data-garden-version': string;
+} & import("../combobox/StyledOptionIcon").IStyledOptionIconProps & {
+    'data-garden-id': string;
+    'data-garden-version': string;
+}, "data-garden-id" | "data-garden-version">;

package/dist/typings/{styled/items → views/menu}/StyledItemMeta.d.ts

@@ -4,15 +4,10 @@
  * Use of this source code is governed under the Apache License, Version 2.0
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
-interface IStyledItemMetaProps {
-    isCompact?: boolean;
-    isDisabled?: boolean;
-}
-/**
- * Accepts all `<span>` props
- */
-export declare const StyledItemMeta: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {
+export declare const StyledItemMeta: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    'data-garden-id': string;
+    'data-garden-version': string;
+} & import("../combobox/StyledOptionMeta").IStyledOptionMetaProps & {
     'data-garden-id': string;
     'data-garden-version': string;
-} & IStyledItemMetaProps, "data-garden-id" | "data-garden-version">;
-export {};
+}, "data-garden-id" | "data-garden-version">;

package/dist/typings/views/menu/StyledItemTypeIcon.d.ts

@@ -0,0 +1,14 @@
+/**
+ * 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.
+ */
+/// <reference types="react" />
+export declare const StyledItemTypeIcon: import("styled-components").StyledComponent<({ children, theme, ...props }: any) => import("react").DetailedReactHTMLElement<any, HTMLElement>, import("styled-components").DefaultTheme, {
+    'data-garden-id': string;
+    'data-garden-version': string;
+} & import("../combobox/StyledOptionTypeIcon").IStyledOptionTypeIconProps & {
+    'data-garden-id': string;
+    'data-garden-version': string;
+}, "data-garden-id" | "data-garden-version">;

package/dist/typings/views/menu/StyledMenu.d.ts

@@ -0,0 +1,19 @@
+/**
+ * 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 { ArrowPosition } from '@zendeskgarden/react-theming';
+import { IStyledListboxProps } from '../combobox/StyledListbox';
+interface IStyledMenuProps extends IStyledListboxProps {
+    arrowPosition?: ArrowPosition;
+}
+export declare const StyledMenu: import("styled-components").StyledComponent<"ul", import("styled-components").DefaultTheme, {
+    'data-garden-id': string;
+    'data-garden-version': string;
+} & IStyledListboxProps & {
+    'data-garden-id': string;
+    'data-garden-version': string;
+} & IStyledMenuProps, "data-garden-id" | "data-garden-version">;
+export {};

package/dist/typings/{styled → views}/menu/StyledSeparator.d.ts

@@ -4,7 +4,10 @@
  * Use of this source code is governed under the Apache License, Version 2.0
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
-/**
- * Accepts all `<li>` props
- */
-export declare const StyledSeparator: import("styled-components").StyledComponent<"li", import("styled-components").DefaultTheme, any, string | number | symbol>;
+export declare const StyledSeparator: import("styled-components").StyledComponent<"li", import("styled-components").DefaultTheme, {
+    'data-garden-id': string;
+    'data-garden-version': string;
+} & {
+    'data-garden-id': string;
+    'data-garden-version': string;
+}, "data-garden-id" | "data-garden-version">;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@zendeskgarden/react-dropdowns",
-  "version": "9.0.0-next.2",
-  "description": "Components relating to dropdowns in the Garden Design System",
+  "version": "9.0.0-next.20",
+  "description": "Components related to dropdowns in the Garden Design System",
   "license": "Apache-2.0",
   "author": "Zendesk Garden <garden@zendesk.com>",
   "homepage": "https://garden.zendesk.com/",
@@ -10,7 +10,7 @@
     "url": "https://github.com/zendeskgarden/react-components/issues"
   },
   "main": "dist/index.cjs.js",
-  "module": "dist/index.esm.js",
+  "module": "dist/esm/index.js",
   "files": [
     "dist"
   ],
@@ -21,29 +21,31 @@
   "sideEffects": false,
   "types": "dist/typings/index.d.ts",
   "dependencies": {
-    "@zendeskgarden/container-selection": "^2.0.0",
-    "@zendeskgarden/container-utilities": "^1.0.14",
-    "@zendeskgarden/react-forms": "^9.0.0-next.2",
-    "downshift": "^7.0.0",
-    "polished": "^4.0.0",
-    "prop-types": "^15.5.7",
-    "react-merge-refs": "^2.0.0",
-    "react-popper": "^1.3.4"
+    "@floating-ui/react-dom": "^2.0.0",
+    "@zendeskgarden/container-combobox": "^2.0.0",
+    "@zendeskgarden/container-menu": "^0.3.0",
+    "@zendeskgarden/container-utilities": "^2.0.0",
+    "@zendeskgarden/react-buttons": "^9.0.0-next.20",
+    "@zendeskgarden/react-forms": "^9.0.0-next.20",
+    "@zendeskgarden/react-tags": "^9.0.0-next.20",
+    "@zendeskgarden/react-tooltips": "^9.0.0-next.20",
+    "polished": "^4.3.1",
+    "prop-types": "^15.7.2",
+    "react-merge-refs": "^2.0.0"
   },
   "peerDependencies": {
-    "@zendeskgarden/react-theming": "^8.67.0",
+    "@zendeskgarden/react-theming": ">=9.0.0-next",
     "react": ">=16.8.0",
     "react-dom": ">=16.8.0",
-    "styled-components": "^5.1.0"
+    "styled-components": "^5.3.1"
   },
   "devDependencies": {
-    "@types/lodash.debounce": "4.0.9",
-    "@zendeskgarden/react-theming": "^9.0.0-next.2",
-    "@zendeskgarden/svg-icons": "7.0.0",
-    "lodash.debounce": "4.0.8"
+    "@zendeskgarden/react-theming": "^9.0.0-next.20",
+    "@zendeskgarden/svg-icons": "7.0.0"
   },
   "keywords": [
     "components",
+    "dropdowns",
     "garden",
     "react",
     "zendesk"
@@ -52,5 +54,5 @@
     "access": "public"
   },
   "zendeskgarden:src": "src/index.ts",
-  "gitHead": "e47dd011fedf130106acdb485a023340564171af"
+  "gitHead": "eab087ac0d6e74b3a4489d37d067baf7a225e7a8"
 }