@zendeskgarden/react-dropdowns 9.0.0-next.26 → 9.0.0-next.27

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 (35) hide show
  1. package/dist/esm/elements/menu/Menu.js +2 -0
  2. package/dist/esm/views/combobox/StyledCombobox.js +1 -1
  3. package/dist/esm/views/combobox/StyledContainer.js +1 -1
  4. package/dist/esm/views/combobox/StyledField.js +1 -1
  5. package/dist/esm/views/combobox/StyledFloatingListbox.js +1 -1
  6. package/dist/esm/views/combobox/StyledHint.js +1 -1
  7. package/dist/esm/views/combobox/StyledInput.js +1 -1
  8. package/dist/esm/views/combobox/StyledInputGroup.js +1 -1
  9. package/dist/esm/views/combobox/StyledInputIcon.js +1 -1
  10. package/dist/esm/views/combobox/StyledLabel.js +1 -1
  11. package/dist/esm/views/combobox/StyledListbox.js +1 -1
  12. package/dist/esm/views/combobox/StyledListboxSeparator.js +1 -1
  13. package/dist/esm/views/combobox/StyledMessage.js +1 -1
  14. package/dist/esm/views/combobox/StyledOptGroup.js +1 -1
  15. package/dist/esm/views/combobox/StyledOption.js +1 -1
  16. package/dist/esm/views/combobox/StyledOptionContent.js +1 -1
  17. package/dist/esm/views/combobox/StyledOptionIcon.js +1 -1
  18. package/dist/esm/views/combobox/StyledOptionMeta.js +1 -1
  19. package/dist/esm/views/combobox/StyledOptionTypeIcon.js +1 -1
  20. package/dist/esm/views/combobox/StyledTag.js +1 -1
  21. package/dist/esm/views/combobox/StyledTagsButton.js +1 -1
  22. package/dist/esm/views/combobox/StyledTrigger.js +1 -1
  23. package/dist/esm/views/combobox/StyledValue.js +1 -1
  24. package/dist/esm/views/menu/StyledFloatingMenu.js +1 -1
  25. package/dist/esm/views/menu/StyledItem.js +1 -1
  26. package/dist/esm/views/menu/StyledItemContent.js +1 -1
  27. package/dist/esm/views/menu/StyledItemGroup.js +1 -1
  28. package/dist/esm/views/menu/StyledItemIcon.js +1 -1
  29. package/dist/esm/views/menu/StyledItemMeta.js +1 -1
  30. package/dist/esm/views/menu/StyledItemTypeIcon.js +1 -1
  31. package/dist/esm/views/menu/StyledMenu.js +1 -1
  32. package/dist/esm/views/menu/StyledSeparator.js +1 -1
  33. package/dist/index.cjs.js +33 -31
  34. package/dist/typings/types/index.d.ts +2 -0
  35. package/package.json +8 -8
package/dist/esm/elements/menu/Menu.js CHANGED
@@ -27,6 +27,7 @@ const Menu = forwardRef((_ref2, ref) => {
27
27
  defaultFocusedValue,
28
28
  defaultExpanded,
29
29
  isExpanded: _isExpanded,
30
+ restoreFocus,
30
31
  selectedItems,
31
32
  onChange,
32
33
  onMouseLeave,
@@ -52,6 +53,7 @@ const Menu = forwardRef((_ref2, ref) => {
52
53
  focusedValue: _focusedValue,
53
54
  defaultExpanded,
54
55
  isExpanded: _isExpanded,
56
+ restoreFocus,
55
57
  selectedItems,
56
58
  items,
57
59
  menuRef,
package/dist/esm/views/combobox/StyledCombobox.js CHANGED
@@ -18,7 +18,7 @@ const sizeStyles = props => {
18
18
  };
19
19
  const StyledCombobox = styled.div.attrs({
20
20
  'data-garden-id': COMPONENT_ID,
21
- 'data-garden-version': '9.0.0-next.26'
21
+ 'data-garden-version': '9.0.0-next.27'
22
22
  }).withConfig({
23
23
  displayName: "StyledCombobox",
24
24
  componentId: "sc-13eybg8-0"
package/dist/esm/views/combobox/StyledContainer.js CHANGED
@@ -10,7 +10,7 @@ import { retrieveComponentStyles } from '@zendeskgarden/react-theming';
10
10
  const COMPONENT_ID = 'dropdowns.combobox.container';
11
11
  const StyledContainer = styled.div.attrs({
12
12
  'data-garden-id': COMPONENT_ID,
13
- 'data-garden-version': '9.0.0-next.26'
13
+ 'data-garden-version': '9.0.0-next.27'
14
14
  }).withConfig({
15
15
  displayName: "StyledContainer",
16
16
  componentId: "sc-14i9jid-0"
package/dist/esm/views/combobox/StyledField.js CHANGED
@@ -10,7 +10,7 @@ import { retrieveComponentStyles } from '@zendeskgarden/react-theming';
10
10
  const COMPONENT_ID = 'dropdowns.combobox.field';
11
11
  const StyledField = styled.div.attrs({
12
12
  'data-garden-id': COMPONENT_ID,
13
- 'data-garden-version': '9.0.0-next.26'
13
+ 'data-garden-version': '9.0.0-next.27'
14
14
  }).withConfig({
15
15
  displayName: "StyledField",
16
16
  componentId: "sc-zc57xl-0"
package/dist/esm/views/combobox/StyledFloatingListbox.js CHANGED
@@ -10,7 +10,7 @@ import { menuStyles, retrieveComponentStyles } from '@zendeskgarden/react-themin
10
10
  const COMPONENT_ID = 'dropdowns.combobox.floating';
11
11
  const StyledFloatingListbox = styled.div.attrs({
12
12
  'data-garden-id': COMPONENT_ID,
13
- 'data-garden-version': '9.0.0-next.26'
13
+ 'data-garden-version': '9.0.0-next.27'
14
14
  }).withConfig({
15
15
  displayName: "StyledFloatingListbox",
16
16
  componentId: "sc-1cp6spf-0"
package/dist/esm/views/combobox/StyledHint.js CHANGED
@@ -11,7 +11,7 @@ import { Field } from '@zendeskgarden/react-forms';
11
11
  const COMPONENT_ID = 'dropdowns.combobox.hint';
12
12
  const StyledHint = styled(Field.Hint).attrs({
13
13
  'data-garden-id': COMPONENT_ID,
14
- 'data-garden-version': '9.0.0-next.26'
14
+ 'data-garden-version': '9.0.0-next.27'
15
15
  }).withConfig({
16
16
  displayName: "StyledHint",
17
17
  componentId: "sc-106qvqx-0"
package/dist/esm/views/combobox/StyledInput.js CHANGED
@@ -35,7 +35,7 @@ const sizeStyles = props => {
35
35
  };
36
36
  const StyledInput = styled.input.attrs({
37
37
  'data-garden-id': COMPONENT_ID,
38
- 'data-garden-version': '9.0.0-next.26'
38
+ 'data-garden-version': '9.0.0-next.27'
39
39
  }).withConfig({
40
40
  displayName: "StyledInput",
41
41
  componentId: "sc-1lkqdg-0"
package/dist/esm/views/combobox/StyledInputGroup.js CHANGED
@@ -14,7 +14,7 @@ const sizeStyles = props => {
14
14
  };
15
15
  const StyledInputGroup = styled.div.attrs({
16
16
  'data-garden-id': COMPONENT_ID,
17
- 'data-garden-version': '9.0.0-next.26'
17
+ 'data-garden-version': '9.0.0-next.27'
18
18
  }).withConfig({
19
19
  displayName: "StyledInputGroup",
20
20
  componentId: "sc-yx3q7u-0"
package/dist/esm/views/combobox/StyledInputIcon.js CHANGED
@@ -50,7 +50,7 @@ const sizeStyles = props => {
50
50
  };
51
51
  const StyledInputIcon = styled(StyledBaseIcon).attrs({
52
52
  'data-garden-id': COMPONENT_ID,
53
- 'data-garden-version': '9.0.0-next.26'
53
+ 'data-garden-version': '9.0.0-next.27'
54
54
  }).withConfig({
55
55
  displayName: "StyledInputIcon",
56
56
  componentId: "sc-gqbs1s-0"
package/dist/esm/views/combobox/StyledLabel.js CHANGED
@@ -11,7 +11,7 @@ import { Field } from '@zendeskgarden/react-forms';
11
11
  const COMPONENT_ID = 'dropdowns.combobox.label';
12
12
  const StyledLabel = styled(Field.Label).attrs({
13
13
  'data-garden-id': COMPONENT_ID,
14
- 'data-garden-version': '9.0.0-next.26'
14
+ 'data-garden-version': '9.0.0-next.27'
15
15
  }).withConfig({
16
16
  displayName: "StyledLabel",
17
17
  componentId: "sc-az6now-0"
package/dist/esm/views/combobox/StyledListbox.js CHANGED
@@ -18,7 +18,7 @@ const sizeStyles = props => {
18
18
  };
19
19
  const StyledListbox = styled.ul.attrs({
20
20
  'data-garden-id': COMPONENT_ID,
21
- 'data-garden-version': '9.0.0-next.26'
21
+ 'data-garden-version': '9.0.0-next.27'
22
22
  }).withConfig({
23
23
  displayName: "StyledListbox",
24
24
  componentId: "sc-1k13ba7-0"
package/dist/esm/views/combobox/StyledListboxSeparator.js CHANGED
@@ -25,7 +25,7 @@ const sizeStyles = props => {
25
25
  };
26
26
  const StyledListboxSeparator = styled.li.attrs({
27
27
  'data-garden-id': COMPONENT_ID,
28
- 'data-garden-version': '9.0.0-next.26'
28
+ 'data-garden-version': '9.0.0-next.27'
29
29
  }).withConfig({
30
30
  displayName: "StyledListboxSeparator",
31
31
  componentId: "sc-1p6toh2-0"
package/dist/esm/views/combobox/StyledMessage.js CHANGED
@@ -11,7 +11,7 @@ import { Field } from '@zendeskgarden/react-forms';
11
11
  const COMPONENT_ID = 'dropdowns.combobox.message';
12
12
  const StyledMessage = styled(Field.Message).attrs({
13
13
  'data-garden-id': COMPONENT_ID,
14
- 'data-garden-version': '9.0.0-next.26'
14
+ 'data-garden-version': '9.0.0-next.27'
15
15
  }).withConfig({
16
16
  displayName: "StyledMessage",
17
17
  componentId: "sc-jux8m5-0"
package/dist/esm/views/combobox/StyledOptGroup.js CHANGED
@@ -10,7 +10,7 @@ import { retrieveComponentStyles } from '@zendeskgarden/react-theming';
10
10
  const COMPONENT_ID = 'dropdowns.combobox.optgroup';
11
11
  const StyledOptGroup = styled.ul.attrs({
12
12
  'data-garden-id': COMPONENT_ID,
13
- 'data-garden-version': '9.0.0-next.26'
13
+ 'data-garden-version': '9.0.0-next.27'
14
14
  }).withConfig({
15
15
  displayName: "StyledOptGroup",
16
16
  componentId: "sc-1kavqsx-0"
package/dist/esm/views/combobox/StyledOption.js CHANGED
@@ -57,7 +57,7 @@ const sizeStyles = props => {
57
57
  };
58
58
  const StyledOption = styled.li.attrs({
59
59
  'data-garden-id': COMPONENT_ID,
60
- 'data-garden-version': '9.0.0-next.26'
60
+ 'data-garden-version': '9.0.0-next.27'
61
61
  }).withConfig({
62
62
  displayName: "StyledOption",
63
63
  componentId: "sc-jl4wn6-0"
package/dist/esm/views/combobox/StyledOptionContent.js CHANGED
@@ -10,7 +10,7 @@ import { retrieveComponentStyles } from '@zendeskgarden/react-theming';
10
10
  const COMPONENT_ID = 'dropdowns.combobox.option.content';
11
11
  const StyledOptionContent = styled.div.attrs({
12
12
  'data-garden-id': COMPONENT_ID,
13
- 'data-garden-version': '9.0.0-next.26'
13
+ 'data-garden-version': '9.0.0-next.27'
14
14
  }).withConfig({
15
15
  displayName: "StyledOptionContent",
16
16
  componentId: "sc-121ujpu-0"
package/dist/esm/views/combobox/StyledOptionIcon.js CHANGED
@@ -39,7 +39,7 @@ const sizeStyles = props => {
39
39
  };
40
40
  const StyledOptionIcon = styled(StyledBaseIcon).attrs({
41
41
  'data-garden-id': COMPONENT_ID,
42
- 'data-garden-version': '9.0.0-next.26'
42
+ 'data-garden-version': '9.0.0-next.27'
43
43
  }).withConfig({
44
44
  displayName: "StyledOptionIcon",
45
45
  componentId: "sc-qsab3y-0"
package/dist/esm/views/combobox/StyledOptionMeta.js CHANGED
@@ -27,7 +27,7 @@ const sizeStyles = props => {
27
27
  };
28
28
  const StyledOptionMeta = styled.div.attrs({
29
29
  'data-garden-id': COMPONENT_ID,
30
- 'data-garden-version': '9.0.0-next.26'
30
+ 'data-garden-version': '9.0.0-next.27'
31
31
  }).withConfig({
32
32
  displayName: "StyledOptionMeta",
33
33
  componentId: "sc-j6pu10-0"
package/dist/esm/views/combobox/StyledOptionTypeIcon.js CHANGED
@@ -46,7 +46,7 @@ const sizeStyles = props => {
46
46
  };
47
47
  const StyledOptionTypeIcon = styled(StyledBaseIcon).attrs({
48
48
  'data-garden-id': COMPONENT_ID,
49
- 'data-garden-version': '9.0.0-next.26'
49
+ 'data-garden-version': '9.0.0-next.27'
50
50
  }).withConfig({
51
51
  displayName: "StyledOptionTypeIcon",
52
52
  componentId: "sc-xpink2-0"
package/dist/esm/views/combobox/StyledTag.js CHANGED
@@ -12,7 +12,7 @@ import { Tag } from '@zendeskgarden/react-tags';
12
12
  const COMPONENT_ID = 'dropdowns.combobox.tag';
13
13
  const StyledTag = styled(Tag).attrs({
14
14
  'data-garden-id': COMPONENT_ID,
15
- 'data-garden-version': '9.0.0-next.26'
15
+ 'data-garden-version': '9.0.0-next.27'
16
16
  }).withConfig({
17
17
  displayName: "StyledTag",
18
18
  componentId: "sc-1alam0r-0"
package/dist/esm/views/combobox/StyledTagsButton.js CHANGED
@@ -22,7 +22,7 @@ const colorStyles = _ref => {
22
22
  const StyledTagsButton = styled(StyledValue).attrs({
23
23
  as: 'button',
24
24
  'data-garden-id': COMPONENT_ID,
25
- 'data-garden-version': '9.0.0-next.26'
25
+ 'data-garden-version': '9.0.0-next.27'
26
26
  }).withConfig({
27
27
  displayName: "StyledTagsButton",
28
28
  componentId: "sc-6q5w33-0"
package/dist/esm/views/combobox/StyledTrigger.js CHANGED
@@ -113,7 +113,7 @@ const sizeStyles = props => {
113
113
  };
114
114
  const StyledTrigger = styled.div.attrs({
115
115
  'data-garden-id': COMPONENT_ID,
116
- 'data-garden-version': '9.0.0-next.26'
116
+ 'data-garden-version': '9.0.0-next.27'
117
117
  }).withConfig({
118
118
  displayName: "StyledTrigger",
119
119
  componentId: "sc-116nftk-0"
package/dist/esm/views/combobox/StyledValue.js CHANGED
@@ -22,7 +22,7 @@ const colorStyles = _ref => {
22
22
  };
23
23
  const StyledValue = styled.div.attrs({
24
24
  'data-garden-id': COMPONENT_ID,
25
- 'data-garden-version': '9.0.0-next.26'
25
+ 'data-garden-version': '9.0.0-next.27'
26
26
  }).withConfig({
27
27
  displayName: "StyledValue",
28
28
  componentId: "sc-t719sx-0"
package/dist/esm/views/menu/StyledFloatingMenu.js CHANGED
@@ -11,7 +11,7 @@ import { StyledFloatingListbox } from '../combobox/StyledFloatingListbox.js';
11
11
  const COMPONENT_ID = 'dropdowns.menu.floating';
12
12
  const StyledFloatingMenu = styled(StyledFloatingListbox).attrs({
13
13
  'data-garden-id': COMPONENT_ID,
14
- 'data-garden-version': '9.0.0-next.26'
14
+ 'data-garden-version': '9.0.0-next.27'
15
15
  }).withConfig({
16
16
  displayName: "StyledFloatingMenu",
17
17
  componentId: "sc-1rc7ahb-0"
package/dist/esm/views/menu/StyledItem.js CHANGED
@@ -11,7 +11,7 @@ import { StyledOption } from '../combobox/StyledOption.js';
11
11
  const COMPONENT_ID = 'dropdowns.menu.item';
12
12
  const StyledItem = styled(StyledOption).attrs({
13
13
  'data-garden-id': COMPONENT_ID,
14
- 'data-garden-version': '9.0.0-next.26'
14
+ 'data-garden-version': '9.0.0-next.27'
15
15
  }).withConfig({
16
16
  displayName: "StyledItem",
17
17
  componentId: "sc-1jp99dq-0"
package/dist/esm/views/menu/StyledItemContent.js CHANGED
@@ -11,7 +11,7 @@ import { StyledOptionContent } from '../combobox/StyledOptionContent.js';
11
11
  const COMPONENT_ID = 'dropdowns.menu.item.content';
12
12
  const StyledItemContent = styled(StyledOptionContent).attrs({
13
13
  'data-garden-id': COMPONENT_ID,
14
- 'data-garden-version': '9.0.0-next.26'
14
+ 'data-garden-version': '9.0.0-next.27'
15
15
  }).withConfig({
16
16
  displayName: "StyledItemContent",
17
17
  componentId: "sc-1opglsb-0"
package/dist/esm/views/menu/StyledItemGroup.js CHANGED
@@ -11,7 +11,7 @@ import { StyledOptGroup } from '../combobox/StyledOptGroup.js';
11
11
  const COMPONENT_ID = 'dropdowns.menu.item_group';
12
12
  const StyledItemGroup = styled(StyledOptGroup).attrs({
13
13
  'data-garden-id': COMPONENT_ID,
14
- 'data-garden-version': '9.0.0-next.26'
14
+ 'data-garden-version': '9.0.0-next.27'
15
15
  }).withConfig({
16
16
  displayName: "StyledItemGroup",
17
17
  componentId: "sc-1umk3cg-0"
package/dist/esm/views/menu/StyledItemIcon.js CHANGED
@@ -11,7 +11,7 @@ import { StyledOptionIcon } from '../combobox/StyledOptionIcon.js';
11
11
  const COMPONENT_ID = 'dropdowns.menu.item.icon';
12
12
  const StyledItemIcon = styled(StyledOptionIcon).attrs({
13
13
  'data-garden-id': COMPONENT_ID,
14
- 'data-garden-version': '9.0.0-next.26'
14
+ 'data-garden-version': '9.0.0-next.27'
15
15
  }).withConfig({
16
16
  displayName: "StyledItemIcon",
17
17
  componentId: "sc-w9orqb-0"
package/dist/esm/views/menu/StyledItemMeta.js CHANGED
@@ -11,7 +11,7 @@ import { StyledOptionMeta } from '../combobox/StyledOptionMeta.js';
11
11
  const COMPONENT_ID = 'dropdowns.menu.item.meta';
12
12
  const StyledItemMeta = styled(StyledOptionMeta).attrs({
13
13
  'data-garden-id': COMPONENT_ID,
14
- 'data-garden-version': '9.0.0-next.26'
14
+ 'data-garden-version': '9.0.0-next.27'
15
15
  }).withConfig({
16
16
  displayName: "StyledItemMeta",
17
17
  componentId: "sc-1unw3x1-0"
package/dist/esm/views/menu/StyledItemTypeIcon.js CHANGED
@@ -12,7 +12,7 @@ import { StyledItem } from './StyledItem.js';
12
12
  const COMPONENT_ID = 'dropdowns.menu.item.type_icon';
13
13
  const StyledItemTypeIcon = styled(StyledOptionTypeIcon).attrs({
14
14
  'data-garden-id': COMPONENT_ID,
15
- 'data-garden-version': '9.0.0-next.26'
15
+ 'data-garden-version': '9.0.0-next.27'
16
16
  }).withConfig({
17
17
  displayName: "StyledItemTypeIcon",
18
18
  componentId: "sc-1pll3nu-0"
package/dist/esm/views/menu/StyledMenu.js CHANGED
@@ -11,7 +11,7 @@ import { StyledListbox } from '../combobox/StyledListbox.js';
11
11
  const COMPONENT_ID = 'dropdowns.menu';
12
12
  const StyledMenu = styled(StyledListbox).attrs({
13
13
  'data-garden-id': COMPONENT_ID,
14
- 'data-garden-version': '9.0.0-next.26'
14
+ 'data-garden-version': '9.0.0-next.27'
15
15
  }).withConfig({
16
16
  displayName: "StyledMenu",
17
17
  componentId: "sc-f77ntu-0"
package/dist/esm/views/menu/StyledSeparator.js CHANGED
@@ -11,7 +11,7 @@ import { StyledListboxSeparator } from '../combobox/StyledListboxSeparator.js';
11
11
  const COMPONENT_ID = 'dropdowns.menu.separator';
12
12
  const StyledSeparator = styled(StyledListboxSeparator).attrs({
13
13
  'data-garden-id': COMPONENT_ID,
14
- 'data-garden-version': '9.0.0-next.26'
14
+ 'data-garden-version': '9.0.0-next.27'
15
15
  }).withConfig({
16
16
  displayName: "StyledSeparator",
17
17
  componentId: "sc-8kqwen-0"
package/dist/index.cjs.js CHANGED
@@ -83,7 +83,7 @@ const useFieldContext = () => {
83
83
  const COMPONENT_ID$u = 'dropdowns.combobox.label';
84
84
  const StyledLabel = styled__default.default(reactForms.Field.Label).attrs({
85
85
  'data-garden-id': COMPONENT_ID$u,
86
- 'data-garden-version': '9.0.0-next.26'
86
+ 'data-garden-version': '9.0.0-next.27'
87
87
  }).withConfig({
88
88
  displayName: "StyledLabel",
89
89
  componentId: "sc-az6now-0"
@@ -92,7 +92,7 @@ const StyledLabel = styled__default.default(reactForms.Field.Label).attrs({
92
92
  const COMPONENT_ID$t = 'dropdowns.combobox.hint';
93
93
  const StyledHint = styled__default.default(reactForms.Field.Hint).attrs({
94
94
  'data-garden-id': COMPONENT_ID$t,
95
- 'data-garden-version': '9.0.0-next.26'
95
+ 'data-garden-version': '9.0.0-next.27'
96
96
  }).withConfig({
97
97
  displayName: "StyledHint",
98
98
  componentId: "sc-106qvqx-0"
@@ -101,7 +101,7 @@ const StyledHint = styled__default.default(reactForms.Field.Hint).attrs({
101
101
  const COMPONENT_ID$s = 'dropdowns.combobox.message';
102
102
  const StyledMessage = styled__default.default(reactForms.Field.Message).attrs({
103
103
  'data-garden-id': COMPONENT_ID$s,
104
- 'data-garden-version': '9.0.0-next.26'
104
+ 'data-garden-version': '9.0.0-next.27'
105
105
  }).withConfig({
106
106
  displayName: "StyledMessage",
107
107
  componentId: "sc-jux8m5-0"
@@ -115,7 +115,7 @@ const sizeStyles$a = props => {
115
115
  };
116
116
  const StyledCombobox = styled__default.default.div.attrs({
117
117
  'data-garden-id': COMPONENT_ID$r,
118
- 'data-garden-version': '9.0.0-next.26'
118
+ 'data-garden-version': '9.0.0-next.27'
119
119
  }).withConfig({
120
120
  displayName: "StyledCombobox",
121
121
  componentId: "sc-13eybg8-0"
@@ -124,7 +124,7 @@ const StyledCombobox = styled__default.default.div.attrs({
124
124
  const COMPONENT_ID$q = 'dropdowns.combobox.container';
125
125
  const StyledContainer = styled__default.default.div.attrs({
126
126
  'data-garden-id': COMPONENT_ID$q,
127
- 'data-garden-version': '9.0.0-next.26'
127
+ 'data-garden-version': '9.0.0-next.27'
128
128
  }).withConfig({
129
129
  displayName: "StyledContainer",
130
130
  componentId: "sc-14i9jid-0"
@@ -133,7 +133,7 @@ const StyledContainer = styled__default.default.div.attrs({
133
133
  const COMPONENT_ID$p = 'dropdowns.combobox.field';
134
134
  const StyledField = styled__default.default.div.attrs({
135
135
  'data-garden-id': COMPONENT_ID$p,
136
- 'data-garden-version': '9.0.0-next.26'
136
+ 'data-garden-version': '9.0.0-next.27'
137
137
  }).withConfig({
138
138
  displayName: "StyledField",
139
139
  componentId: "sc-zc57xl-0"
@@ -142,7 +142,7 @@ const StyledField = styled__default.default.div.attrs({
142
142
  const COMPONENT_ID$o = 'dropdowns.combobox.floating';
143
143
  const StyledFloatingListbox = styled__default.default.div.attrs({
144
144
  'data-garden-id': COMPONENT_ID$o,
145
- 'data-garden-version': '9.0.0-next.26'
145
+ 'data-garden-version': '9.0.0-next.27'
146
146
  }).withConfig({
147
147
  displayName: "StyledFloatingListbox",
148
148
  componentId: "sc-1cp6spf-0"
@@ -180,7 +180,7 @@ const sizeStyles$9 = props => {
180
180
  };
181
181
  const StyledInput = styled__default.default.input.attrs({
182
182
  'data-garden-id': COMPONENT_ID$n,
183
- 'data-garden-version': '9.0.0-next.26'
183
+ 'data-garden-version': '9.0.0-next.27'
184
184
  }).withConfig({
185
185
  displayName: "StyledInput",
186
186
  componentId: "sc-1lkqdg-0"
@@ -193,7 +193,7 @@ const sizeStyles$8 = props => {
193
193
  };
194
194
  const StyledInputGroup = styled__default.default.div.attrs({
195
195
  'data-garden-id': COMPONENT_ID$m,
196
- 'data-garden-version': '9.0.0-next.26'
196
+ 'data-garden-version': '9.0.0-next.27'
197
197
  }).withConfig({
198
198
  displayName: "StyledInputGroup",
199
199
  componentId: "sc-yx3q7u-0"
@@ -303,7 +303,7 @@ const sizeStyles$7 = props => {
303
303
  };
304
304
  const StyledTrigger = styled__default.default.div.attrs({
305
305
  'data-garden-id': COMPONENT_ID$l,
306
- 'data-garden-version': '9.0.0-next.26'
306
+ 'data-garden-version': '9.0.0-next.27'
307
307
  }).withConfig({
308
308
  displayName: "StyledTrigger",
309
309
  componentId: "sc-116nftk-0"
@@ -349,7 +349,7 @@ const sizeStyles$6 = props => {
349
349
  };
350
350
  const StyledInputIcon = styled__default.default(reactTheming.StyledBaseIcon).attrs({
351
351
  'data-garden-id': COMPONENT_ID$k,
352
- 'data-garden-version': '9.0.0-next.26'
352
+ 'data-garden-version': '9.0.0-next.27'
353
353
  }).withConfig({
354
354
  displayName: "StyledInputIcon",
355
355
  componentId: "sc-gqbs1s-0"
@@ -404,7 +404,7 @@ const sizeStyles$5 = props => {
404
404
  };
405
405
  const StyledOption = styled__default.default.li.attrs({
406
406
  'data-garden-id': COMPONENT_ID$j,
407
- 'data-garden-version': '9.0.0-next.26'
407
+ 'data-garden-version': '9.0.0-next.27'
408
408
  }).withConfig({
409
409
  displayName: "StyledOption",
410
410
  componentId: "sc-jl4wn6-0"
@@ -413,7 +413,7 @@ const StyledOption = styled__default.default.li.attrs({
413
413
  const COMPONENT_ID$i = 'dropdowns.combobox.option.content';
414
414
  const StyledOptionContent = styled__default.default.div.attrs({
415
415
  'data-garden-id': COMPONENT_ID$i,
416
- 'data-garden-version': '9.0.0-next.26'
416
+ 'data-garden-version': '9.0.0-next.27'
417
417
  }).withConfig({
418
418
  displayName: "StyledOptionContent",
419
419
  componentId: "sc-121ujpu-0"
@@ -422,7 +422,7 @@ const StyledOptionContent = styled__default.default.div.attrs({
422
422
  const COMPONENT_ID$h = 'dropdowns.combobox.optgroup';
423
423
  const StyledOptGroup = styled__default.default.ul.attrs({
424
424
  'data-garden-id': COMPONENT_ID$h,
425
- 'data-garden-version': '9.0.0-next.26'
425
+ 'data-garden-version': '9.0.0-next.27'
426
426
  }).withConfig({
427
427
  displayName: "StyledOptGroup",
428
428
  componentId: "sc-1kavqsx-0"
@@ -446,7 +446,7 @@ const sizeStyles$4 = props => {
446
446
  };
447
447
  const StyledListboxSeparator = styled__default.default.li.attrs({
448
448
  'data-garden-id': COMPONENT_ID$g,
449
- 'data-garden-version': '9.0.0-next.26'
449
+ 'data-garden-version': '9.0.0-next.27'
450
450
  }).withConfig({
451
451
  displayName: "StyledListboxSeparator",
452
452
  componentId: "sc-1p6toh2-0"
@@ -460,7 +460,7 @@ const sizeStyles$3 = props => {
460
460
  };
461
461
  const StyledListbox = styled__default.default.ul.attrs({
462
462
  'data-garden-id': COMPONENT_ID$f,
463
- 'data-garden-version': '9.0.0-next.26'
463
+ 'data-garden-version': '9.0.0-next.27'
464
464
  }).withConfig({
465
465
  displayName: "StyledListbox",
466
466
  componentId: "sc-1k13ba7-0"
@@ -497,7 +497,7 @@ const sizeStyles$2 = props => {
497
497
  };
498
498
  const StyledOptionIcon = styled__default.default(reactTheming.StyledBaseIcon).attrs({
499
499
  'data-garden-id': COMPONENT_ID$e,
500
- 'data-garden-version': '9.0.0-next.26'
500
+ 'data-garden-version': '9.0.0-next.27'
501
501
  }).withConfig({
502
502
  displayName: "StyledOptionIcon",
503
503
  componentId: "sc-qsab3y-0"
@@ -523,7 +523,7 @@ const sizeStyles$1 = props => {
523
523
  };
524
524
  const StyledOptionMeta = styled__default.default.div.attrs({
525
525
  'data-garden-id': COMPONENT_ID$d,
526
- 'data-garden-version': '9.0.0-next.26'
526
+ 'data-garden-version': '9.0.0-next.27'
527
527
  }).withConfig({
528
528
  displayName: "StyledOptionMeta",
529
529
  componentId: "sc-j6pu10-0"
@@ -566,7 +566,7 @@ const sizeStyles = props => {
566
566
  };
567
567
  const StyledOptionTypeIcon = styled__default.default(reactTheming.StyledBaseIcon).attrs({
568
568
  'data-garden-id': COMPONENT_ID$c,
569
- 'data-garden-version': '9.0.0-next.26'
569
+ 'data-garden-version': '9.0.0-next.27'
570
570
  }).withConfig({
571
571
  displayName: "StyledOptionTypeIcon",
572
572
  componentId: "sc-xpink2-0"
@@ -575,7 +575,7 @@ const StyledOptionTypeIcon = styled__default.default(reactTheming.StyledBaseIcon
575
575
  const COMPONENT_ID$b = 'dropdowns.combobox.tag';
576
576
  const StyledTag = styled__default.default(reactTags.Tag).attrs({
577
577
  'data-garden-id': COMPONENT_ID$b,
578
- 'data-garden-version': '9.0.0-next.26'
578
+ 'data-garden-version': '9.0.0-next.27'
579
579
  }).withConfig({
580
580
  displayName: "StyledTag",
581
581
  componentId: "sc-1alam0r-0"
@@ -598,7 +598,7 @@ const colorStyles$1 = _ref => {
598
598
  };
599
599
  const StyledValue = styled__default.default.div.attrs({
600
600
  'data-garden-id': COMPONENT_ID$a,
601
- 'data-garden-version': '9.0.0-next.26'
601
+ 'data-garden-version': '9.0.0-next.27'
602
602
  }).withConfig({
603
603
  displayName: "StyledValue",
604
604
  componentId: "sc-t719sx-0"
@@ -623,7 +623,7 @@ const colorStyles = _ref => {
623
623
  const StyledTagsButton = styled__default.default(StyledValue).attrs({
624
624
  as: 'button',
625
625
  'data-garden-id': COMPONENT_ID$9,
626
- 'data-garden-version': '9.0.0-next.26'
626
+ 'data-garden-version': '9.0.0-next.27'
627
627
  }).withConfig({
628
628
  displayName: "StyledTagsButton",
629
629
  componentId: "sc-6q5w33-0"
@@ -632,7 +632,7 @@ const StyledTagsButton = styled__default.default(StyledValue).attrs({
632
632
  const COMPONENT_ID$8 = 'dropdowns.menu';
633
633
  const StyledMenu = styled__default.default(StyledListbox).attrs({
634
634
  'data-garden-id': COMPONENT_ID$8,
635
- 'data-garden-version': '9.0.0-next.26'
635
+ 'data-garden-version': '9.0.0-next.27'
636
636
  }).withConfig({
637
637
  displayName: "StyledMenu",
638
638
  componentId: "sc-f77ntu-0"
@@ -645,7 +645,7 @@ const StyledMenu = styled__default.default(StyledListbox).attrs({
645
645
  const COMPONENT_ID$7 = 'dropdowns.menu.floating';
646
646
  const StyledFloatingMenu = styled__default.default(StyledFloatingListbox).attrs({
647
647
  'data-garden-id': COMPONENT_ID$7,
648
- 'data-garden-version': '9.0.0-next.26'
648
+ 'data-garden-version': '9.0.0-next.27'
649
649
  }).withConfig({
650
650
  displayName: "StyledFloatingMenu",
651
651
  componentId: "sc-1rc7ahb-0"
@@ -654,7 +654,7 @@ const StyledFloatingMenu = styled__default.default(StyledFloatingListbox).attrs(
654
654
  const COMPONENT_ID$6 = 'dropdowns.menu.item';
655
655
  const StyledItem = styled__default.default(StyledOption).attrs({
656
656
  'data-garden-id': COMPONENT_ID$6,
657
- 'data-garden-version': '9.0.0-next.26'
657
+ 'data-garden-version': '9.0.0-next.27'
658
658
  }).withConfig({
659
659
  displayName: "StyledItem",
660
660
  componentId: "sc-1jp99dq-0"
@@ -663,7 +663,7 @@ const StyledItem = styled__default.default(StyledOption).attrs({
663
663
  const COMPONENT_ID$5 = 'dropdowns.menu.item.content';
664
664
  const StyledItemContent = styled__default.default(StyledOptionContent).attrs({
665
665
  'data-garden-id': COMPONENT_ID$5,
666
- 'data-garden-version': '9.0.0-next.26'
666
+ 'data-garden-version': '9.0.0-next.27'
667
667
  }).withConfig({
668
668
  displayName: "StyledItemContent",
669
669
  componentId: "sc-1opglsb-0"
@@ -672,7 +672,7 @@ const StyledItemContent = styled__default.default(StyledOptionContent).attrs({
672
672
  const COMPONENT_ID$4 = 'dropdowns.menu.item_group';
673
673
  const StyledItemGroup = styled__default.default(StyledOptGroup).attrs({
674
674
  'data-garden-id': COMPONENT_ID$4,
675
- 'data-garden-version': '9.0.0-next.26'
675
+ 'data-garden-version': '9.0.0-next.27'
676
676
  }).withConfig({
677
677
  displayName: "StyledItemGroup",
678
678
  componentId: "sc-1umk3cg-0"
@@ -681,7 +681,7 @@ const StyledItemGroup = styled__default.default(StyledOptGroup).attrs({
681
681
  const COMPONENT_ID$3 = 'dropdowns.menu.item.icon';
682
682
  const StyledItemIcon = styled__default.default(StyledOptionIcon).attrs({
683
683
  'data-garden-id': COMPONENT_ID$3,
684
- 'data-garden-version': '9.0.0-next.26'
684
+ 'data-garden-version': '9.0.0-next.27'
685
685
  }).withConfig({
686
686
  displayName: "StyledItemIcon",
687
687
  componentId: "sc-w9orqb-0"
@@ -690,7 +690,7 @@ const StyledItemIcon = styled__default.default(StyledOptionIcon).attrs({
690
690
  const COMPONENT_ID$2 = 'dropdowns.menu.item.meta';
691
691
  const StyledItemMeta = styled__default.default(StyledOptionMeta).attrs({
692
692
  'data-garden-id': COMPONENT_ID$2,
693
- 'data-garden-version': '9.0.0-next.26'
693
+ 'data-garden-version': '9.0.0-next.27'
694
694
  }).withConfig({
695
695
  displayName: "StyledItemMeta",
696
696
  componentId: "sc-1unw3x1-0"
@@ -699,7 +699,7 @@ const StyledItemMeta = styled__default.default(StyledOptionMeta).attrs({
699
699
  const COMPONENT_ID$1 = 'dropdowns.menu.item.type_icon';
700
700
  const StyledItemTypeIcon = styled__default.default(StyledOptionTypeIcon).attrs({
701
701
  'data-garden-id': COMPONENT_ID$1,
702
- 'data-garden-version': '9.0.0-next.26'
702
+ 'data-garden-version': '9.0.0-next.27'
703
703
  }).withConfig({
704
704
  displayName: "StyledItemTypeIcon",
705
705
  componentId: "sc-1pll3nu-0"
@@ -708,7 +708,7 @@ const StyledItemTypeIcon = styled__default.default(StyledOptionTypeIcon).attrs({
708
708
  const COMPONENT_ID = 'dropdowns.menu.separator';
709
709
  const StyledSeparator = styled__default.default(StyledListboxSeparator).attrs({
710
710
  'data-garden-id': COMPONENT_ID,
711
- 'data-garden-version': '9.0.0-next.26'
711
+ 'data-garden-version': '9.0.0-next.27'
712
712
  }).withConfig({
713
713
  displayName: "StyledSeparator",
714
714
  componentId: "sc-8kqwen-0"
@@ -1709,6 +1709,7 @@ const Menu = React.forwardRef((_ref2, ref) => {
1709
1709
  defaultFocusedValue,
1710
1710
  defaultExpanded,
1711
1711
  isExpanded: _isExpanded,
1712
+ restoreFocus,
1712
1713
  selectedItems,
1713
1714
  onChange,
1714
1715
  onMouseLeave,
@@ -1734,6 +1735,7 @@ const Menu = React.forwardRef((_ref2, ref) => {
1734
1735
  focusedValue: _focusedValue,
1735
1736
  defaultExpanded,
1736
1737
  isExpanded: _isExpanded,
1738
+ restoreFocus,
1737
1739
  selectedItems,
1738
1740
  items,
1739
1741
  menuRef,
package/dist/typings/types/index.d.ts CHANGED
@@ -236,6 +236,8 @@ export interface IMenuProps extends HTMLAttributes<HTMLUListElement> {
236
236
  * @param {string | null} [changes.focusedValue] The updated focused value
237
237
  */
238
238
  onChange?: IUseMenuProps['onChange'];
239
+ /** Returns keyboard focus to the element that triggered the menu */
240
+ restoreFocus?: IUseMenuProps['restoreFocus'];
239
241
  /** Sets the selected items in a controlled menu */
240
242
  selectedItems?: IUseMenuProps['selectedItems'];
241
243
  /** Adjusts the placement of the menu */
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@zendeskgarden/react-dropdowns",
3
- "version": "9.0.0-next.26",
3
+ "version": "9.0.0-next.27",
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>",
@@ -23,12 +23,12 @@
23
23
  "dependencies": {
24
24
  "@floating-ui/react-dom": "^2.0.0",
25
25
  "@zendeskgarden/container-combobox": "^2.0.0",
26
- "@zendeskgarden/container-menu": "^0.4.0",
26
+ "@zendeskgarden/container-menu": "^0.5.0",
27
27
  "@zendeskgarden/container-utilities": "^2.0.0",
28
- "@zendeskgarden/react-buttons": "^9.0.0-next.26",
29
- "@zendeskgarden/react-forms": "^9.0.0-next.26",
30
- "@zendeskgarden/react-tags": "^9.0.0-next.26",
31
- "@zendeskgarden/react-tooltips": "^9.0.0-next.26",
28
+ "@zendeskgarden/react-buttons": "^9.0.0-next.27",
29
+ "@zendeskgarden/react-forms": "^9.0.0-next.27",
30
+ "@zendeskgarden/react-tags": "^9.0.0-next.27",
31
+ "@zendeskgarden/react-tooltips": "^9.0.0-next.27",
32
32
  "polished": "^4.3.1",
33
33
  "prop-types": "^15.7.2",
34
34
  "react-merge-refs": "^2.0.0"
@@ -40,7 +40,7 @@
40
40
  "styled-components": "^5.3.1"
41
41
  },
42
42
  "devDependencies": {
43
- "@zendeskgarden/react-theming": "^9.0.0-next.26",
43
+ "@zendeskgarden/react-theming": "^9.0.0-next.27",
44
44
  "@zendeskgarden/svg-icons": "7.2.0"
45
45
  },
46
46
  "keywords": [
@@ -54,5 +54,5 @@
54
54
  "access": "public"
55
55
  },
56
56
  "zendeskgarden:src": "src/index.ts",
57
- "gitHead": "049dd7bd143029147de333f78bd879dc7d7251f2"
57
+ "gitHead": "1e33779f9a7a284af3eda1405fa624c00e739a6a"
58
58
  }