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

package/dist/typings/styled/items/StyledItem.d.ts

@@ -6,9 +6,9 @@
  */
 import { ThemeProps, DefaultTheme } from 'styled-components';
 export interface IStyledItemProps {
-    isFocused?: boolean;
-    isCompact?: boolean;
-    isDanger?: boolean;
+    $isFocused?: boolean;
+    $isCompact?: boolean;
+    $isDanger?: boolean;
     disabled?: boolean;
     checked?: boolean;
 }

package/dist/typings/styled/items/StyledItemIcon.d.ts

@@ -6,9 +6,9 @@
  */
 import { DefaultTheme } from 'styled-components';
 interface IStyledItemIconProps {
-    isCompact?: boolean;
-    isVisible?: boolean;
-    isDisabled?: boolean;
+    $isCompact?: boolean;
+    $isVisible?: boolean;
+    $isDisabled?: boolean;
 }
 export declare const StyledItemIcon: import("styled-components").StyledComponent<"div", DefaultTheme, {
     'data-garden-id': string;

package/dist/typings/styled/items/StyledItemMeta.d.ts

@@ -5,8 +5,8 @@
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
 interface IStyledItemMetaProps {
-    isCompact?: boolean;
-    isDisabled?: boolean;
+    $isCompact?: boolean;
+    $isDisabled?: boolean;
 }
 /**
  * Accepts all `<span>` props

package/dist/typings/styled/items/StyledNextIcon.d.ts

@@ -6,7 +6,7 @@
  */
 import React from 'react';
 interface IStyledNextIconProps {
-    isDisabled?: boolean;
+    $isDisabled?: boolean;
 }
 export declare const StyledNextIcon: import("styled-components").StyledComponent<React.FC<React.HTMLAttributes<SVGSVGElement>>, import("styled-components").DefaultTheme, IStyledNextIconProps, never>;
 export {};

package/dist/typings/styled/items/StyledPreviousIcon.d.ts

@@ -6,7 +6,7 @@
  */
 import React from 'react';
 interface IStyledPreviousIconProps {
-    isDisabled?: boolean;
+    $isDisabled?: boolean;
 }
 export declare const StyledPreviousIcon: import("styled-components").StyledComponent<React.FC<React.HTMLAttributes<SVGSVGElement>>, import("styled-components").DefaultTheme, IStyledPreviousIconProps, never>;
 export {};

package/dist/typings/styled/items/header/StyledHeaderItem.d.ts

@@ -7,8 +7,8 @@
 import { DefaultTheme } from 'styled-components';
 export interface IStyledHeaderItemProps {
     /** Applies icon styling */
-    hasIcon?: boolean;
-    isCompact?: boolean;
+    $hasIcon?: boolean;
+    $isCompact?: boolean;
 }
 /**
  * Accepts all `<li>` props

package/dist/typings/styled/items/media/StyledMediaBody.d.ts

@@ -5,7 +5,7 @@
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
 interface IStyledMediaBodyProps {
-    isCompact?: boolean;
+    $isCompact?: boolean;
 }
 /**
  * Accepts all `<div>` props

package/dist/typings/styled/items/media/StyledMediaFigure.d.ts

@@ -4,27 +4,28 @@
  * 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="trusted-types" />
 import React, { HTMLAttributes, PropsWithChildren } from 'react';
 import { ThemeProps, DefaultTheme } from 'styled-components';
 interface IStyledMediaFigureProps extends HTMLAttributes<HTMLDivElement> {
-    isCompact?: boolean;
+    $isCompact?: boolean;
 }
 /**
  * 1. Override default Avatar styling
  */
-export declare const StyledMediaFigure: import("styled-components").StyledComponent<({ children, isCompact, theme, ...props }: PropsWithChildren<IStyledMediaFigureProps & ThemeProps<DefaultTheme>>) => React.DetailedReactHTMLElement<{
+export declare const StyledMediaFigure: import("styled-components").StyledComponent<({ children, $isCompact, theme, ...props }: PropsWithChildren<IStyledMediaFigureProps & ThemeProps<DefaultTheme>>) => React.DetailedReactHTMLElement<{
     defaultChecked?: boolean | undefined;
     defaultValue?: string | number | readonly string[] | undefined;
     suppressContentEditableWarning?: boolean | undefined;
     suppressHydrationWarning?: boolean | undefined;
     accessKey?: string | undefined;
+    autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {});
     autoFocus?: boolean | undefined;
     className?: string | undefined;
     contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
     contextMenu?: string | undefined;
     dir?: string | undefined;
     draggable?: (boolean | "true" | "false") | undefined;
+    enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined;
     hidden?: boolean | undefined;
     id?: string | undefined;
     lang?: string | undefined;
@@ -48,7 +49,6 @@ export declare const StyledMediaFigure: import("styled-components").StyledCompon
     rev?: string | undefined;
     typeof?: string | undefined;
     vocab?: string | undefined;
-    autoCapitalize?: string | undefined;
     autoCorrect?: string | undefined;
     autoSave?: string | undefined;
     color?: string | undefined;
@@ -60,33 +60,33 @@ export declare const StyledMediaFigure: import("styled-components").StyledCompon
     results?: number | undefined;
     security?: string | undefined;
     unselectable?: "on" | "off" | undefined;
-    inputMode?: "search" | "text" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
+    inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
     is?: string | undefined;
     "aria-activedescendant"?: string | undefined;
     "aria-atomic"?: (boolean | "true" | "false") | undefined;
-    "aria-autocomplete"?: "list" | "none" | "inline" | "both" | undefined;
+    "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
     "aria-braillelabel"?: string | undefined;
     "aria-brailleroledescription"?: string | undefined;
     "aria-busy"?: (boolean | "true" | "false") | undefined;
-    "aria-checked"?: boolean | "true" | "false" | "mixed" | undefined;
+    "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined;
     "aria-colcount"?: number | undefined;
     "aria-colindex"?: number | undefined;
     "aria-colindextext"?: string | undefined;
     "aria-colspan"?: number | undefined;
     "aria-controls"?: string | undefined;
-    "aria-current"?: boolean | "time" | "step" | "true" | "false" | "date" | "page" | "location" | undefined;
+    "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined;
     "aria-describedby"?: string | undefined;
     "aria-description"?: string | undefined;
     "aria-details"?: string | undefined;
     "aria-disabled"?: (boolean | "true" | "false") | undefined;
-    "aria-dropeffect"?: "link" | "none" | "copy" | "execute" | "move" | "popup" | undefined;
+    "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
     "aria-errormessage"?: string | undefined;
     "aria-expanded"?: (boolean | "true" | "false") | undefined;
     "aria-flowto"?: string | undefined;
     "aria-grabbed"?: (boolean | "true" | "false") | undefined;
-    "aria-haspopup"?: boolean | "dialog" | "menu" | "true" | "false" | "grid" | "listbox" | "tree" | undefined;
+    "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
     "aria-hidden"?: (boolean | "true" | "false") | undefined;
-    "aria-invalid"?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
+    "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
     "aria-keyshortcuts"?: string | undefined;
     "aria-label"?: string | undefined;
     "aria-labelledby"?: string | undefined;
@@ -99,9 +99,9 @@ export declare const StyledMediaFigure: import("styled-components").StyledCompon
     "aria-owns"?: string | undefined;
     "aria-placeholder"?: string | undefined;
     "aria-posinset"?: number | undefined;
-    "aria-pressed"?: boolean | "true" | "false" | "mixed" | undefined;
+    "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined;
     "aria-readonly"?: (boolean | "true" | "false") | undefined;
-    "aria-relevant"?: "text" | "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
+    "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
     "aria-required"?: (boolean | "true" | "false") | undefined;
     "aria-roledescription"?: string | undefined;
     "aria-rowcount"?: number | undefined;

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

@@ -6,11 +6,11 @@
  */
 import { PopperPlacement } from '../../types';
 interface IStyledMenuProps {
-    isCompact?: boolean;
-    isAnimated?: boolean;
-    hasArrow?: boolean;
-    placement?: PopperPlacement;
-    maxHeight?: string;
+    $isCompact?: boolean;
+    $isAnimated?: boolean;
+    $hasArrow?: boolean;
+    $placement?: PopperPlacement;
+    $maxHeight?: string;
 }
 /**
  * 1. Override arrow parent positioning to ensure arrow is visible beyond block

package/dist/typings/styled/menu/StyledMenuWrapper.d.ts

@@ -6,11 +6,11 @@
  */
 import { PopperPlacement } from '../../types';
 interface IStyledMenuWrapperProps {
-    hasArrow?: boolean;
-    placement?: PopperPlacement;
-    isHidden?: boolean;
-    zIndex?: number;
-    isAnimated?: boolean;
+    $hasArrow?: boolean;
+    $placement?: PopperPlacement;
+    $isHidden?: boolean;
+    $zIndex?: number;
+    $isAnimated?: boolean;
 }
 export declare const StyledMenuWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, IStyledMenuWrapperProps, never>;
 export {};

package/dist/typings/styled/multiselect/StyledMultiselectInput.d.ts

@@ -4,7 +4,6 @@
  * 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 { DefaultTheme } from 'styled-components';
 interface IStyledMultiselectInputProps {
     isCompact: boolean;

package/dist/typings/styled/multiselect/StyledMultiselectItemsContainer.d.ts

@@ -6,8 +6,8 @@
  */
 import { DefaultTheme } from 'styled-components';
 interface IStyledMultiselectItemsContainerProps {
-    isCompact?: boolean;
-    isBare?: boolean;
+    $isCompact?: boolean;
+    $isBare?: boolean;
 }
 export declare const StyledMultiselectItemsContainer: import("styled-components").StyledComponent<"div", DefaultTheme, {
     'data-garden-id': string;

package/dist/typings/styled/multiselect/StyledMultiselectMoreAnchor.d.ts

@@ -5,8 +5,8 @@
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
 interface IStyledMultiselectMoreAnchorProps {
-    isCompact?: boolean;
-    isDisabled?: boolean;
+    $isCompact?: boolean;
+    $isDisabled?: boolean;
 }
 export declare const StyledMultiselectMoreAnchor: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
     'data-garden-id': string;

package/dist/typings/styled/select/StyledFauxInput.d.ts

@@ -4,19 +4,12 @@
  * 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 StyledFauxInput: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@zendeskgarden/react-forms").IFauxInputProps & import("react").RefAttributes<HTMLDivElement>> & {
-    EndIcon: {
-        ({ isDisabled, isRotated, ...props }: import("@zendeskgarden/react-forms").IFauxInputStartIconProps): import("react").JSX.Element;
-        displayName: string;
-    };
-    StartIcon: {
-        ({ isDisabled, isRotated, ...props }: import("@zendeskgarden/react-forms").IFauxInputStartIconProps): import("react").JSX.Element;
-        displayName: string;
-    };
+    EndIcon: typeof import("packages/forms/dist/typings/elements/faux-input/components/EndIcon").EndIcon;
+    StartIcon: typeof import("packages/forms/dist/typings/elements/faux-input/components/StartIcon").StartIcon;
 }, import("styled-components").DefaultTheme, {
     'data-garden-id': string;
     'data-garden-version': string;
-    mediaLayout: boolean;
+    mediaLayout: true;
     theme: import("styled-components").DefaultTheme;
-}, "theme" | "data-garden-id" | "data-garden-version" | "mediaLayout">;
+}, "theme" | "mediaLayout" | "data-garden-id" | "data-garden-version">;

package/dist/typings/styled/select/StyledInput.d.ts

@@ -4,7 +4,6 @@
  * 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 interface IStyledInputProps {
     isHidden?: boolean;
 }

package/dist/typings/utils/garden-placements.d.ts

@@ -4,6 +4,7 @@
  * 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 { GardenPlacement, PopperPlacement } from '../types';
 /**
  * Convert Garden RTL aware placement to Popper.JS valid placement
@@ -18,7 +19,7 @@ export declare function getRtlPopperPlacement(gardenPlacement: GardenPlacement):
  * Convert Popper.JS placement to corresponding arrow position
  * @param {String} popperPlacement
  */
-export declare function getArrowPosition(popperPlacement?: PopperPlacement): "top" | "bottom" | "right" | "left" | "top-left" | "top-right" | "right-top" | "right-bottom" | "bottom-left" | "bottom-right" | "left-top" | "left-bottom";
+export declare function getArrowPosition(popperPlacement?: PopperPlacement): ArrowPosition;
 /**
  * Convert Popper.JS placement to corresponding menu position
  * @param {String} popperPlacement

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zendeskgarden/react-dropdowns.legacy",
-  "version": "9.0.0-next.9",
+  "version": "9.1.0",
   "description": "Components relating to dropdowns in the Garden Design System",
   "license": "Apache-2.0",
   "author": "Zendesk Garden <garden@zendesk.com>",
@@ -23,23 +23,23 @@
   "dependencies": {
     "@zendeskgarden/container-selection": "^2.0.0",
     "@zendeskgarden/container-utilities": "^1.0.14",
-    "@zendeskgarden/react-forms": "^9.0.0-next.9",
+    "@zendeskgarden/react-forms": "^9.1.0",
     "downshift": "^7.0.0",
-    "polished": "^4.0.0",
+    "polished": "^4.3.1",
     "prop-types": "^15.5.7",
     "react-merge-refs": "^2.0.0",
     "react-popper": "^1.3.4"
   },
   "peerDependencies": {
     "@zendeskgarden/react-theming": ">=9.0.0-next",
-    "react": ">=16.8.0",
-    "react-dom": ">=16.8.0",
+    "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
+    "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0",
     "styled-components": "^5.3.1"
   },
   "devDependencies": {
     "@types/lodash.debounce": "4.0.9",
-    "@zendeskgarden/react-theming": "^9.0.0-next.9",
-    "@zendeskgarden/svg-icons": "7.0.0",
+    "@zendeskgarden/react-theming": "^9.1.0",
+    "@zendeskgarden/svg-icons": "7.1.1",
     "lodash.debounce": "4.0.8"
   },
   "keywords": [
@@ -52,5 +52,5 @@
     "access": "public"
   },
   "zendeskgarden:src": "src/index.ts",
-  "gitHead": "771281b562d376a6aee04b0cd71dd888b3ae4a1d"
+  "gitHead": "a2842d18615ad057d75988fde4df5a0c79d2714e"
 }