@zendeskgarden/react-dropdowns 9.0.0 → 9.1.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (62) hide show
  1. package/LICENSE.md +176 -0
  2. package/dist/esm/elements/combobox/Combobox.js +45 -45
  3. package/dist/esm/elements/combobox/Listbox.js +6 -6
  4. package/dist/esm/elements/combobox/OptGroup.js +3 -3
  5. package/dist/esm/elements/combobox/Option.js +2 -2
  6. package/dist/esm/elements/combobox/OptionMeta.js +1 -1
  7. package/dist/esm/elements/combobox/utils.js +1 -1
  8. package/dist/esm/elements/menu/Item.js +2 -2
  9. package/dist/esm/elements/menu/ItemGroup.js +3 -3
  10. package/dist/esm/elements/menu/ItemMeta.js +1 -1
  11. package/dist/esm/elements/menu/MenuList.js +7 -7
  12. package/dist/esm/elements/menu/utils.js +1 -1
  13. package/dist/esm/views/combobox/StyledCombobox.js +3 -3
  14. package/dist/esm/views/combobox/StyledContainer.js +1 -1
  15. package/dist/esm/views/combobox/StyledField.js +1 -1
  16. package/dist/esm/views/combobox/StyledFloatingListbox.js +4 -4
  17. package/dist/esm/views/combobox/StyledHint.js +1 -1
  18. package/dist/esm/views/combobox/StyledInput.js +4 -4
  19. package/dist/esm/views/combobox/StyledInputGroup.js +1 -1
  20. package/dist/esm/views/combobox/StyledInputIcon.js +1 -1
  21. package/dist/esm/views/combobox/StyledLabel.js +1 -1
  22. package/dist/esm/views/combobox/StyledListbox.js +3 -3
  23. package/dist/esm/views/combobox/StyledListboxSeparator.js +1 -1
  24. package/dist/esm/views/combobox/StyledMessage.js +1 -1
  25. package/dist/esm/views/combobox/StyledOptGroup.js +1 -1
  26. package/dist/esm/views/combobox/StyledOption.js +4 -4
  27. package/dist/esm/views/combobox/StyledOptionContent.js +1 -1
  28. package/dist/esm/views/combobox/StyledOptionIcon.js +1 -1
  29. package/dist/esm/views/combobox/StyledOptionMeta.js +3 -3
  30. package/dist/esm/views/combobox/StyledOptionTypeIcon.js +1 -1
  31. package/dist/esm/views/combobox/StyledTag.js +1 -1
  32. package/dist/esm/views/combobox/StyledTagsButton.js +1 -1
  33. package/dist/esm/views/combobox/StyledTrigger.js +21 -21
  34. package/dist/esm/views/combobox/StyledValue.js +5 -5
  35. package/dist/esm/views/menu/StyledFloatingMenu.js +1 -1
  36. package/dist/esm/views/menu/StyledItem.js +1 -1
  37. package/dist/esm/views/menu/StyledItemContent.js +1 -1
  38. package/dist/esm/views/menu/StyledItemGroup.js +1 -1
  39. package/dist/esm/views/menu/StyledItemIcon.js +1 -1
  40. package/dist/esm/views/menu/StyledItemMeta.js +1 -1
  41. package/dist/esm/views/menu/StyledItemTypeIcon.js +1 -1
  42. package/dist/esm/views/menu/StyledMenu.js +2 -2
  43. package/dist/esm/views/menu/StyledSeparator.js +1 -1
  44. package/dist/index.cjs.js +143 -143
  45. package/dist/typings/elements/combobox/TagAvatar.d.ts +1 -1
  46. package/dist/typings/views/combobox/StyledCombobox.d.ts +1 -1
  47. package/dist/typings/views/combobox/StyledFloatingListbox.d.ts +3 -3
  48. package/dist/typings/views/combobox/StyledInput.d.ts +4 -4
  49. package/dist/typings/views/combobox/StyledInputIcon.d.ts +1 -1
  50. package/dist/typings/views/combobox/StyledListbox.d.ts +3 -3
  51. package/dist/typings/views/combobox/StyledOptGroup.d.ts +1 -1
  52. package/dist/typings/views/combobox/StyledOption.d.ts +2 -2
  53. package/dist/typings/views/combobox/StyledOptionIcon.d.ts +1 -1
  54. package/dist/typings/views/combobox/StyledOptionMeta.d.ts +1 -1
  55. package/dist/typings/views/combobox/StyledOptionTypeIcon.d.ts +1 -1
  56. package/dist/typings/views/combobox/StyledTagsButton.d.ts +1 -1
  57. package/dist/typings/views/combobox/StyledTrigger.d.ts +9 -9
  58. package/dist/typings/views/combobox/StyledValue.d.ts +7 -7
  59. package/dist/typings/views/menu/StyledItemIcon.d.ts +1 -1
  60. package/dist/typings/views/menu/StyledItemTypeIcon.d.ts +1 -1
  61. package/dist/typings/views/menu/StyledMenu.d.ts +1 -1
  62. package/package.json +10 -9
@@ -8,6 +8,6 @@
8
8
  * @extends HTMLAttributes<HTMLElement>
9
9
  */
10
10
  export declare const TagAvatar: {
11
- (props: import("react").HTMLAttributes<HTMLElement>): import("react").JSX.Element;
11
+ (props: import("react").HTMLAttributes<HTMLElement>): React.JSX.Element;
12
12
  displayName: string;
13
13
  };
@@ -6,7 +6,7 @@
6
6
  */
7
7
  import { ThemeProps, DefaultTheme } from 'styled-components';
8
8
  interface IStyledComboboxProps extends ThemeProps<DefaultTheme> {
9
- isCompact?: boolean;
9
+ $isCompact?: boolean;
10
10
  }
11
11
  export declare const StyledCombobox: import("styled-components").StyledComponent<"div", DefaultTheme, {
12
12
  'data-garden-id': string;
@@ -8,9 +8,9 @@ import { ThemeProps, DefaultTheme } from 'styled-components';
8
8
  import { MenuPosition } from '@zendeskgarden/react-theming';
9
9
  import { IListboxProps } from '../../types';
10
10
  export interface IStyledFloatingListboxProps extends ThemeProps<DefaultTheme> {
11
- isHidden?: boolean;
12
- position: MenuPosition;
13
- zIndex?: IListboxProps['zIndex'];
11
+ $isHidden?: boolean;
12
+ $position: MenuPosition;
13
+ $zIndex?: IListboxProps['zIndex'];
14
14
  }
15
15
  export declare const StyledFloatingListbox: import("styled-components").StyledComponent<"div", DefaultTheme, {
16
16
  'data-garden-id': string;
@@ -6,10 +6,10 @@
6
6
  */
7
7
  import { ThemeProps, DefaultTheme } from 'styled-components';
8
8
  interface IStyledInputProps extends ThemeProps<DefaultTheme> {
9
- isBare?: boolean;
10
- isCompact?: boolean;
11
- isEditable?: boolean;
12
- isMultiselectable?: boolean;
9
+ $isBare?: boolean;
10
+ $isCompact?: boolean;
11
+ $isEditable?: boolean;
12
+ $isMultiselectable?: boolean;
13
13
  }
14
14
  export declare const getHeight: (props: IStyledInputProps) => number;
15
15
  export declare const sizeStyles: (props: IStyledInputProps) => import("styled-components").FlattenSimpleInterpolation;
@@ -12,7 +12,7 @@ interface IStyledInputIconProps extends ThemeProps<DefaultTheme> {
12
12
  $isLabelHovered?: boolean;
13
13
  $isRotated?: boolean;
14
14
  }
15
- export declare const StyledInputIcon: import("styled-components").StyledComponent<({ children, theme, ...props }: any) => import("react").DetailedReactHTMLElement<any, HTMLElement>, DefaultTheme, {
15
+ export declare const StyledInputIcon: import("styled-components").StyledComponent<({ children, theme, ...props }: any) => React.DetailedReactHTMLElement<any, HTMLElement>, DefaultTheme, {
16
16
  'data-garden-id': string;
17
17
  'data-garden-version': string;
18
18
  } & IStyledInputIconProps, "data-garden-id" | "data-garden-version">;
@@ -7,9 +7,9 @@
7
7
  import { DefaultTheme, ThemeProps } from 'styled-components';
8
8
  import { IListboxProps } from '../../types';
9
9
  export interface IStyledListboxProps extends ThemeProps<DefaultTheme> {
10
- isCompact?: boolean;
11
- maxHeight?: IListboxProps['maxHeight'];
12
- minHeight?: IListboxProps['minHeight'];
10
+ $isCompact?: boolean;
11
+ $maxHeight?: IListboxProps['maxHeight'];
12
+ $minHeight?: IListboxProps['minHeight'];
13
13
  }
14
14
  export declare const StyledListbox: import("styled-components").StyledComponent<"ul", DefaultTheme, {
15
15
  'data-garden-id': string;
@@ -6,7 +6,7 @@
6
6
  */
7
7
  import { ThemeProps, DefaultTheme } from 'styled-components';
8
8
  export interface IStyledOptGroupProps extends ThemeProps<DefaultTheme> {
9
- isCompact?: boolean;
9
+ $isCompact?: boolean;
10
10
  }
11
11
  export declare const StyledOptGroup: import("styled-components").StyledComponent<"ul", DefaultTheme, {
12
12
  'data-garden-id': string;
@@ -7,8 +7,8 @@
7
7
  import { ThemeProps, DefaultTheme } from 'styled-components';
8
8
  import { OptionType } from '../../types';
9
9
  export interface IStyledOptionProps extends ThemeProps<DefaultTheme> {
10
- isActive?: boolean;
11
- isCompact?: boolean;
10
+ $isActive?: boolean;
11
+ $isCompact?: boolean;
12
12
  $type?: OptionType | 'header' | 'group';
13
13
  }
14
14
  export declare const getMinHeight: (props: IStyledOptionProps) => number;
@@ -10,7 +10,7 @@ export interface IStyledOptionIconProps extends ThemeProps<DefaultTheme> {
10
10
  $isDisabled?: boolean;
11
11
  $type?: OptionType;
12
12
  }
13
- export declare const StyledOptionIcon: import("styled-components").StyledComponent<({ children, theme, ...props }: any) => import("react").DetailedReactHTMLElement<any, HTMLElement>, DefaultTheme, {
13
+ export declare const StyledOptionIcon: import("styled-components").StyledComponent<({ children, theme, ...props }: any) => React.DetailedReactHTMLElement<any, HTMLElement>, DefaultTheme, {
14
14
  'data-garden-id': string;
15
15
  'data-garden-version': string;
16
16
  } & IStyledOptionIconProps, "data-garden-id" | "data-garden-version">;
@@ -6,7 +6,7 @@
6
6
  */
7
7
  import { ThemeProps, DefaultTheme } from 'styled-components';
8
8
  export interface IStyledOptionMetaProps extends ThemeProps<DefaultTheme> {
9
- isDisabled?: boolean;
9
+ $isDisabled?: boolean;
10
10
  }
11
11
  export declare const StyledOptionMeta: import("styled-components").StyledComponent<"div", DefaultTheme, {
12
12
  'data-garden-id': string;
@@ -10,7 +10,7 @@ export interface IStyledOptionTypeIconProps extends ThemeProps<DefaultTheme> {
10
10
  $isCompact?: boolean;
11
11
  $type?: OptionType | 'header';
12
12
  }
13
- export declare const StyledOptionTypeIcon: import("styled-components").StyledComponent<({ children, theme, ...props }: any) => import("react").DetailedReactHTMLElement<any, HTMLElement>, DefaultTheme, {
13
+ export declare const StyledOptionTypeIcon: import("styled-components").StyledComponent<({ children, theme, ...props }: any) => React.DetailedReactHTMLElement<any, HTMLElement>, DefaultTheme, {
14
14
  'data-garden-id': string;
15
15
  'data-garden-version': string;
16
16
  } & IStyledOptionTypeIconProps, "data-garden-id" | "data-garden-version">;
@@ -6,7 +6,7 @@
6
6
  */
7
7
  import { DefaultTheme, ThemeProps } from 'styled-components';
8
8
  interface IStyledTagsButtonProps extends ThemeProps<DefaultTheme> {
9
- isCompact?: boolean;
9
+ $isCompact?: boolean;
10
10
  }
11
11
  export declare const StyledTagsButton: import("styled-components").StyledComponent<"button", DefaultTheme, {
12
12
  as: string;
@@ -7,15 +7,15 @@
7
7
  import { ThemeProps, DefaultTheme } from 'styled-components';
8
8
  import { Validation } from '../../types';
9
9
  interface IStyledTriggerProps extends ThemeProps<DefaultTheme> {
10
- isAutocomplete?: boolean;
11
- isBare?: boolean;
12
- isCompact?: boolean;
13
- isEditable?: boolean;
14
- isLabelHovered?: boolean;
15
- isMultiselectable?: boolean;
16
- maxHeight?: string;
17
- focusInset?: boolean;
18
- validation?: Validation;
10
+ $isAutocomplete?: boolean;
11
+ $isBare?: boolean;
12
+ $isCompact?: boolean;
13
+ $isEditable?: boolean;
14
+ $isLabelHovered?: boolean;
15
+ $isMultiselectable?: boolean;
16
+ $maxHeight?: string;
17
+ $focusInset?: boolean;
18
+ $validation?: Validation;
19
19
  }
20
20
  export declare const StyledTrigger: import("styled-components").StyledComponent<"div", DefaultTheme, {
21
21
  'data-garden-id': string;
@@ -6,13 +6,13 @@
6
6
  */
7
7
  import { ThemeProps, DefaultTheme } from 'styled-components';
8
8
  interface IStyledValueProps extends ThemeProps<DefaultTheme> {
9
- isAutocomplete?: boolean;
10
- isBare?: boolean;
11
- isCompact?: boolean;
12
- isDisabled?: boolean;
13
- isEditable?: boolean;
14
- isMultiselectable?: boolean;
15
- isPlaceholder?: boolean;
9
+ $isAutocomplete?: boolean;
10
+ $isBare?: boolean;
11
+ $isCompact?: boolean;
12
+ $isDisabled?: boolean;
13
+ $isEditable?: boolean;
14
+ $isMultiselectable?: boolean;
15
+ $isPlaceholder?: boolean;
16
16
  }
17
17
  export declare const StyledValue: import("styled-components").StyledComponent<"div", DefaultTheme, {
18
18
  'data-garden-id': string;
@@ -4,7 +4,7 @@
4
4
  * Use of this source code is governed under the Apache License, Version 2.0
5
5
  * found at http://www.apache.org/licenses/LICENSE-2.0.
6
6
  */
7
- export declare const StyledItemIcon: import("styled-components").StyledComponent<({ children, theme, ...props }: any) => import("react").DetailedReactHTMLElement<any, HTMLElement>, import("styled-components").DefaultTheme, {
7
+ export declare const StyledItemIcon: import("styled-components").StyledComponent<({ children, theme, ...props }: any) => React.DetailedReactHTMLElement<any, HTMLElement>, import("styled-components").DefaultTheme, {
8
8
  'data-garden-id': string;
9
9
  'data-garden-version': string;
10
10
  } & import("../combobox/StyledOptionIcon").IStyledOptionIconProps & {
@@ -4,7 +4,7 @@
4
4
  * Use of this source code is governed under the Apache License, Version 2.0
5
5
  * found at http://www.apache.org/licenses/LICENSE-2.0.
6
6
  */
7
- export declare const StyledItemTypeIcon: import("styled-components").StyledComponent<({ children, theme, ...props }: any) => import("react").DetailedReactHTMLElement<any, HTMLElement>, import("styled-components").DefaultTheme, {
7
+ export declare const StyledItemTypeIcon: import("styled-components").StyledComponent<({ children, theme, ...props }: any) => React.DetailedReactHTMLElement<any, HTMLElement>, import("styled-components").DefaultTheme, {
8
8
  'data-garden-id': string;
9
9
  'data-garden-version': string;
10
10
  } & import("../combobox/StyledOptionTypeIcon").IStyledOptionTypeIconProps & {
@@ -7,7 +7,7 @@
7
7
  import { ArrowPosition } from '@zendeskgarden/react-theming';
8
8
  import { IStyledListboxProps } from '../combobox/StyledListbox';
9
9
  interface IStyledMenuProps extends IStyledListboxProps {
10
- arrowPosition?: ArrowPosition;
10
+ $arrowPosition?: ArrowPosition;
11
11
  }
12
12
  export declare const StyledMenu: import("styled-components").StyledComponent<"ul", import("styled-components").DefaultTheme, {
13
13
  'data-garden-id': string;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@zendeskgarden/react-dropdowns",
3
- "version": "9.0.0",
3
+ "version": "9.1.1",
4
4
  "description": "Components related to dropdowns in the Garden Design System",
5
5
  "license": "Apache-2.0",
6
6
  "author": "Zendesk Garden <garden@zendesk.com>",
@@ -25,23 +25,23 @@
25
25
  "@zendeskgarden/container-combobox": "^2.0.0",
26
26
  "@zendeskgarden/container-menu": "^0.5.0",
27
27
  "@zendeskgarden/container-utilities": "^2.0.0",
28
- "@zendeskgarden/react-buttons": "^9.0.0",
29
- "@zendeskgarden/react-forms": "^9.0.0",
30
- "@zendeskgarden/react-tags": "^9.0.0",
31
- "@zendeskgarden/react-tooltips": "^9.0.0",
28
+ "@zendeskgarden/react-buttons": "^9.1.1",
29
+ "@zendeskgarden/react-forms": "^9.1.1",
30
+ "@zendeskgarden/react-tags": "^9.1.1",
31
+ "@zendeskgarden/react-tooltips": "^9.1.1",
32
32
  "polished": "^4.3.1",
33
33
  "prop-types": "^15.7.2",
34
34
  "react-merge-refs": "^2.0.0"
35
35
  },
36
36
  "peerDependencies": {
37
- "@zendeskgarden/react-theming": ">=9.0.0-next",
37
+ "@zendeskgarden/react-theming": ">=9.0.0",
38
38
  "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
39
39
  "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0",
40
40
  "styled-components": "^5.3.1"
41
41
  },
42
42
  "devDependencies": {
43
- "@zendeskgarden/react-theming": "^9.0.0",
44
- "@zendeskgarden/svg-icons": "7.2.0"
43
+ "@zendeskgarden/react-theming": "^9.1.1",
44
+ "@zendeskgarden/svg-icons": "7.3.0"
45
45
  },
46
46
  "keywords": [
47
47
  "components",
@@ -53,5 +53,6 @@
53
53
  "publishConfig": {
54
54
  "access": "public"
55
55
  },
56
- "zendeskgarden:src": "src/index.ts"
56
+ "zendeskgarden:src": "src/index.ts",
57
+ "gitHead": "21eaf7b57f27f1a846ed332f1b8e655d6bc0a13b"
57
58
  }