@zendeskgarden/react-dropdowns 9.3.0 → 9.4.0

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/combobox/Listbox.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/StyledOptionSelectionIcon.js +1 -1
  20. package/dist/esm/views/combobox/StyledOptionTypeIcon.js +1 -1
  21. package/dist/esm/views/combobox/StyledTag.js +1 -1
  22. package/dist/esm/views/combobox/StyledTagsButton.js +1 -1
  23. package/dist/esm/views/combobox/StyledTrigger.js +1 -1
  24. package/dist/esm/views/combobox/StyledValue.js +1 -1
  25. package/dist/esm/views/menu/StyledFloatingMenu.js +1 -1
  26. package/dist/esm/views/menu/StyledItem.js +1 -1
  27. package/dist/esm/views/menu/StyledItemContent.js +1 -1
  28. package/dist/esm/views/menu/StyledItemGroup.js +1 -1
  29. package/dist/esm/views/menu/StyledItemIcon.js +1 -1
  30. package/dist/esm/views/menu/StyledItemMeta.js +1 -1
  31. package/dist/esm/views/menu/StyledItemTypeIcon.js +1 -1
  32. package/dist/esm/views/menu/StyledMenu.js +1 -1
  33. package/dist/esm/views/menu/StyledSeparator.js +1 -1
  34. package/dist/index.cjs.js +34 -32
  35. package/package.json +7 -7
@@ -133,6 +133,8 @@ const Listbox = forwardRef((_ref, ref) => {
133
133
  $isCompact: isCompact,
134
134
  $maxHeight: maxHeight,
135
135
  $minHeight: minHeight,
136
+ "aria-hidden":
137
+ !isExpanded,
136
138
  onMouseDown: composeEventHandlers(onMouseDown, handleMouseDown),
137
139
  style: {
138
140
  height
@@ -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.3.0'
21
+ 'data-garden-version': '9.4.0'
22
22
  }).withConfig({
23
23
  displayName: "StyledCombobox",
24
24
  componentId: "sc-13eybg8-0"
@@ -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.3.0'
13
+ 'data-garden-version': '9.4.0'
14
14
  }).withConfig({
15
15
  displayName: "StyledContainer",
16
16
  componentId: "sc-14i9jid-0"
@@ -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.3.0'
13
+ 'data-garden-version': '9.4.0'
14
14
  }).withConfig({
15
15
  displayName: "StyledField",
16
16
  componentId: "sc-zc57xl-0"
@@ -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.3.0'
13
+ 'data-garden-version': '9.4.0'
14
14
  }).withConfig({
15
15
  displayName: "StyledFloatingListbox",
16
16
  componentId: "sc-1cp6spf-0"
@@ -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.3.0'
14
+ 'data-garden-version': '9.4.0'
15
15
  }).withConfig({
16
16
  displayName: "StyledHint",
17
17
  componentId: "sc-106qvqx-0"
@@ -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.3.0'
38
+ 'data-garden-version': '9.4.0'
39
39
  }).withConfig({
40
40
  displayName: "StyledInput",
41
41
  componentId: "sc-1lkqdg-0"
@@ -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.3.0'
17
+ 'data-garden-version': '9.4.0'
18
18
  }).withConfig({
19
19
  displayName: "StyledInputGroup",
20
20
  componentId: "sc-yx3q7u-0"
@@ -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.3.0'
53
+ 'data-garden-version': '9.4.0'
54
54
  }).withConfig({
55
55
  displayName: "StyledInputIcon",
56
56
  componentId: "sc-gqbs1s-0"
@@ -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.3.0'
14
+ 'data-garden-version': '9.4.0'
15
15
  }).withConfig({
16
16
  displayName: "StyledLabel",
17
17
  componentId: "sc-az6now-0"
@@ -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.3.0'
21
+ 'data-garden-version': '9.4.0'
22
22
  }).withConfig({
23
23
  displayName: "StyledListbox",
24
24
  componentId: "sc-1k13ba7-0"
@@ -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.3.0'
28
+ 'data-garden-version': '9.4.0'
29
29
  }).withConfig({
30
30
  displayName: "StyledListboxSeparator",
31
31
  componentId: "sc-1p6toh2-0"
@@ -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.3.0'
14
+ 'data-garden-version': '9.4.0'
15
15
  }).withConfig({
16
16
  displayName: "StyledMessage",
17
17
  componentId: "sc-jux8m5-0"
@@ -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.3.0'
13
+ 'data-garden-version': '9.4.0'
14
14
  }).withConfig({
15
15
  displayName: "StyledOptGroup",
16
16
  componentId: "sc-1kavqsx-0"
@@ -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.3.0'
60
+ 'data-garden-version': '9.4.0'
61
61
  }).withConfig({
62
62
  displayName: "StyledOption",
63
63
  componentId: "sc-jl4wn6-0"
@@ -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.3.0'
13
+ 'data-garden-version': '9.4.0'
14
14
  }).withConfig({
15
15
  displayName: "StyledOptionContent",
16
16
  componentId: "sc-121ujpu-0"
@@ -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.3.0'
42
+ 'data-garden-version': '9.4.0'
43
43
  }).withConfig({
44
44
  displayName: "StyledOptionIcon",
45
45
  componentId: "sc-qsab3y-0"
@@ -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.3.0'
30
+ 'data-garden-version': '9.4.0'
31
31
  }).withConfig({
32
32
  displayName: "StyledOptionMeta",
33
33
  componentId: "sc-j6pu10-0"
@@ -36,7 +36,7 @@ const sizeStyles = _ref2 => {
36
36
  };
37
37
  const StyledOptionSelectionIcon = styled(StyledBaseIcon).attrs({
38
38
  'data-garden-id': COMPONENT_ID,
39
- 'data-garden-version': '9.3.0'
39
+ 'data-garden-version': '9.4.0'
40
40
  }).withConfig({
41
41
  displayName: "StyledOptionSelectionIcon",
42
42
  componentId: "sc-12wj24m-0"
@@ -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.3.0'
49
+ 'data-garden-version': '9.4.0'
50
50
  }).withConfig({
51
51
  displayName: "StyledOptionTypeIcon",
52
52
  componentId: "sc-xpink2-0"
@@ -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.3.0'
15
+ 'data-garden-version': '9.4.0'
16
16
  }).withConfig({
17
17
  displayName: "StyledTag",
18
18
  componentId: "sc-1alam0r-0"
@@ -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.3.0'
25
+ 'data-garden-version': '9.4.0'
26
26
  }).withConfig({
27
27
  displayName: "StyledTagsButton",
28
28
  componentId: "sc-6q5w33-0"
@@ -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.3.0'
116
+ 'data-garden-version': '9.4.0'
117
117
  }).withConfig({
118
118
  displayName: "StyledTrigger",
119
119
  componentId: "sc-116nftk-0"
@@ -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.3.0'
25
+ 'data-garden-version': '9.4.0'
26
26
  }).withConfig({
27
27
  displayName: "StyledValue",
28
28
  componentId: "sc-t719sx-0"
@@ -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.3.0'
14
+ 'data-garden-version': '9.4.0'
15
15
  }).withConfig({
16
16
  displayName: "StyledFloatingMenu",
17
17
  componentId: "sc-1rc7ahb-0"
@@ -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.3.0'
14
+ 'data-garden-version': '9.4.0'
15
15
  }).withConfig({
16
16
  displayName: "StyledItem",
17
17
  componentId: "sc-1jp99dq-0"
@@ -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.3.0'
14
+ 'data-garden-version': '9.4.0'
15
15
  }).withConfig({
16
16
  displayName: "StyledItemContent",
17
17
  componentId: "sc-1opglsb-0"
@@ -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.3.0'
14
+ 'data-garden-version': '9.4.0'
15
15
  }).withConfig({
16
16
  displayName: "StyledItemGroup",
17
17
  componentId: "sc-1umk3cg-0"
@@ -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.3.0'
14
+ 'data-garden-version': '9.4.0'
15
15
  }).withConfig({
16
16
  displayName: "StyledItemIcon",
17
17
  componentId: "sc-w9orqb-0"
@@ -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.3.0'
14
+ 'data-garden-version': '9.4.0'
15
15
  }).withConfig({
16
16
  displayName: "StyledItemMeta",
17
17
  componentId: "sc-1unw3x1-0"
@@ -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.3.0'
15
+ 'data-garden-version': '9.4.0'
16
16
  }).withConfig({
17
17
  displayName: "StyledItemTypeIcon",
18
18
  componentId: "sc-1pll3nu-0"
@@ -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.3.0'
14
+ 'data-garden-version': '9.4.0'
15
15
  }).withConfig({
16
16
  displayName: "StyledMenu",
17
17
  componentId: "sc-f77ntu-0"
@@ -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.3.0'
14
+ 'data-garden-version': '9.4.0'
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$v = 'dropdowns.combobox.label';
84
84
  const StyledLabel = styled__default.default(reactForms.Field.Label).attrs({
85
85
  'data-garden-id': COMPONENT_ID$v,
86
- 'data-garden-version': '9.3.0'
86
+ 'data-garden-version': '9.4.0'
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$u = 'dropdowns.combobox.hint';
93
93
  const StyledHint = styled__default.default(reactForms.Field.Hint).attrs({
94
94
  'data-garden-id': COMPONENT_ID$u,
95
- 'data-garden-version': '9.3.0'
95
+ 'data-garden-version': '9.4.0'
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$t = 'dropdowns.combobox.message';
102
102
  const StyledMessage = styled__default.default(reactForms.Field.Message).attrs({
103
103
  'data-garden-id': COMPONENT_ID$t,
104
- 'data-garden-version': '9.3.0'
104
+ 'data-garden-version': '9.4.0'
105
105
  }).withConfig({
106
106
  displayName: "StyledMessage",
107
107
  componentId: "sc-jux8m5-0"
@@ -115,7 +115,7 @@ const sizeStyles$b = props => {
115
115
  };
116
116
  const StyledCombobox = styled__default.default.div.attrs({
117
117
  'data-garden-id': COMPONENT_ID$s,
118
- 'data-garden-version': '9.3.0'
118
+ 'data-garden-version': '9.4.0'
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$r = 'dropdowns.combobox.container';
125
125
  const StyledContainer = styled__default.default.div.attrs({
126
126
  'data-garden-id': COMPONENT_ID$r,
127
- 'data-garden-version': '9.3.0'
127
+ 'data-garden-version': '9.4.0'
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$q = 'dropdowns.combobox.field';
134
134
  const StyledField = styled__default.default.div.attrs({
135
135
  'data-garden-id': COMPONENT_ID$q,
136
- 'data-garden-version': '9.3.0'
136
+ 'data-garden-version': '9.4.0'
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$p = 'dropdowns.combobox.floating';
143
143
  const StyledFloatingListbox = styled__default.default.div.attrs({
144
144
  'data-garden-id': COMPONENT_ID$p,
145
- 'data-garden-version': '9.3.0'
145
+ 'data-garden-version': '9.4.0'
146
146
  }).withConfig({
147
147
  displayName: "StyledFloatingListbox",
148
148
  componentId: "sc-1cp6spf-0"
@@ -180,7 +180,7 @@ const sizeStyles$a = props => {
180
180
  };
181
181
  const StyledInput = styled__default.default.input.attrs({
182
182
  'data-garden-id': COMPONENT_ID$o,
183
- 'data-garden-version': '9.3.0'
183
+ 'data-garden-version': '9.4.0'
184
184
  }).withConfig({
185
185
  displayName: "StyledInput",
186
186
  componentId: "sc-1lkqdg-0"
@@ -193,7 +193,7 @@ const sizeStyles$9 = props => {
193
193
  };
194
194
  const StyledInputGroup = styled__default.default.div.attrs({
195
195
  'data-garden-id': COMPONENT_ID$n,
196
- 'data-garden-version': '9.3.0'
196
+ 'data-garden-version': '9.4.0'
197
197
  }).withConfig({
198
198
  displayName: "StyledInputGroup",
199
199
  componentId: "sc-yx3q7u-0"
@@ -303,7 +303,7 @@ const sizeStyles$8 = props => {
303
303
  };
304
304
  const StyledTrigger = styled__default.default.div.attrs({
305
305
  'data-garden-id': COMPONENT_ID$m,
306
- 'data-garden-version': '9.3.0'
306
+ 'data-garden-version': '9.4.0'
307
307
  }).withConfig({
308
308
  displayName: "StyledTrigger",
309
309
  componentId: "sc-116nftk-0"
@@ -349,7 +349,7 @@ const sizeStyles$7 = props => {
349
349
  };
350
350
  const StyledInputIcon = styled__default.default(reactTheming.StyledBaseIcon).attrs({
351
351
  'data-garden-id': COMPONENT_ID$l,
352
- 'data-garden-version': '9.3.0'
352
+ 'data-garden-version': '9.4.0'
353
353
  }).withConfig({
354
354
  displayName: "StyledInputIcon",
355
355
  componentId: "sc-gqbs1s-0"
@@ -404,7 +404,7 @@ const sizeStyles$6 = props => {
404
404
  };
405
405
  const StyledOption = styled__default.default.li.attrs({
406
406
  'data-garden-id': COMPONENT_ID$k,
407
- 'data-garden-version': '9.3.0'
407
+ 'data-garden-version': '9.4.0'
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$j = 'dropdowns.combobox.option.content';
414
414
  const StyledOptionContent = styled__default.default.div.attrs({
415
415
  'data-garden-id': COMPONENT_ID$j,
416
- 'data-garden-version': '9.3.0'
416
+ 'data-garden-version': '9.4.0'
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$i = 'dropdowns.combobox.optgroup';
423
423
  const StyledOptGroup = styled__default.default.ul.attrs({
424
424
  'data-garden-id': COMPONENT_ID$i,
425
- 'data-garden-version': '9.3.0'
425
+ 'data-garden-version': '9.4.0'
426
426
  }).withConfig({
427
427
  displayName: "StyledOptGroup",
428
428
  componentId: "sc-1kavqsx-0"
@@ -446,7 +446,7 @@ const sizeStyles$5 = props => {
446
446
  };
447
447
  const StyledListboxSeparator = styled__default.default.li.attrs({
448
448
  'data-garden-id': COMPONENT_ID$h,
449
- 'data-garden-version': '9.3.0'
449
+ 'data-garden-version': '9.4.0'
450
450
  }).withConfig({
451
451
  displayName: "StyledListboxSeparator",
452
452
  componentId: "sc-1p6toh2-0"
@@ -460,7 +460,7 @@ const sizeStyles$4 = props => {
460
460
  };
461
461
  const StyledListbox = styled__default.default.ul.attrs({
462
462
  'data-garden-id': COMPONENT_ID$g,
463
- 'data-garden-version': '9.3.0'
463
+ 'data-garden-version': '9.4.0'
464
464
  }).withConfig({
465
465
  displayName: "StyledListbox",
466
466
  componentId: "sc-1k13ba7-0"
@@ -497,7 +497,7 @@ const sizeStyles$3 = props => {
497
497
  };
498
498
  const StyledOptionIcon = styled__default.default(reactTheming.StyledBaseIcon).attrs({
499
499
  'data-garden-id': COMPONENT_ID$f,
500
- 'data-garden-version': '9.3.0'
500
+ 'data-garden-version': '9.4.0'
501
501
  }).withConfig({
502
502
  displayName: "StyledOptionIcon",
503
503
  componentId: "sc-qsab3y-0"
@@ -523,7 +523,7 @@ const sizeStyles$2 = props => {
523
523
  };
524
524
  const StyledOptionMeta = styled__default.default.div.attrs({
525
525
  'data-garden-id': COMPONENT_ID$e,
526
- 'data-garden-version': '9.3.0'
526
+ 'data-garden-version': '9.4.0'
527
527
  }).withConfig({
528
528
  displayName: "StyledOptionMeta",
529
529
  componentId: "sc-j6pu10-0"
@@ -556,7 +556,7 @@ const sizeStyles$1 = _ref2 => {
556
556
  };
557
557
  const StyledOptionSelectionIcon = styled__default.default(reactTheming.StyledBaseIcon).attrs({
558
558
  'data-garden-id': COMPONENT_ID$d,
559
- 'data-garden-version': '9.3.0'
559
+ 'data-garden-version': '9.4.0'
560
560
  }).withConfig({
561
561
  displayName: "StyledOptionSelectionIcon",
562
562
  componentId: "sc-12wj24m-0"
@@ -599,7 +599,7 @@ const sizeStyles = props => {
599
599
  };
600
600
  const StyledOptionTypeIcon = styled__default.default(reactTheming.StyledBaseIcon).attrs({
601
601
  'data-garden-id': COMPONENT_ID$c,
602
- 'data-garden-version': '9.3.0'
602
+ 'data-garden-version': '9.4.0'
603
603
  }).withConfig({
604
604
  displayName: "StyledOptionTypeIcon",
605
605
  componentId: "sc-xpink2-0"
@@ -608,7 +608,7 @@ const StyledOptionTypeIcon = styled__default.default(reactTheming.StyledBaseIcon
608
608
  const COMPONENT_ID$b = 'dropdowns.combobox.tag';
609
609
  const StyledTag = styled__default.default(reactTags.Tag).attrs({
610
610
  'data-garden-id': COMPONENT_ID$b,
611
- 'data-garden-version': '9.3.0'
611
+ 'data-garden-version': '9.4.0'
612
612
  }).withConfig({
613
613
  displayName: "StyledTag",
614
614
  componentId: "sc-1alam0r-0"
@@ -631,7 +631,7 @@ const colorStyles$1 = _ref => {
631
631
  };
632
632
  const StyledValue = styled__default.default.div.attrs({
633
633
  'data-garden-id': COMPONENT_ID$a,
634
- 'data-garden-version': '9.3.0'
634
+ 'data-garden-version': '9.4.0'
635
635
  }).withConfig({
636
636
  displayName: "StyledValue",
637
637
  componentId: "sc-t719sx-0"
@@ -656,7 +656,7 @@ const colorStyles = _ref => {
656
656
  const StyledTagsButton = styled__default.default(StyledValue).attrs({
657
657
  as: 'button',
658
658
  'data-garden-id': COMPONENT_ID$9,
659
- 'data-garden-version': '9.3.0'
659
+ 'data-garden-version': '9.4.0'
660
660
  }).withConfig({
661
661
  displayName: "StyledTagsButton",
662
662
  componentId: "sc-6q5w33-0"
@@ -665,7 +665,7 @@ const StyledTagsButton = styled__default.default(StyledValue).attrs({
665
665
  const COMPONENT_ID$8 = 'dropdowns.menu';
666
666
  const StyledMenu = styled__default.default(StyledListbox).attrs({
667
667
  'data-garden-id': COMPONENT_ID$8,
668
- 'data-garden-version': '9.3.0'
668
+ 'data-garden-version': '9.4.0'
669
669
  }).withConfig({
670
670
  displayName: "StyledMenu",
671
671
  componentId: "sc-f77ntu-0"
@@ -678,7 +678,7 @@ const StyledMenu = styled__default.default(StyledListbox).attrs({
678
678
  const COMPONENT_ID$7 = 'dropdowns.menu.floating';
679
679
  const StyledFloatingMenu = styled__default.default(StyledFloatingListbox).attrs({
680
680
  'data-garden-id': COMPONENT_ID$7,
681
- 'data-garden-version': '9.3.0'
681
+ 'data-garden-version': '9.4.0'
682
682
  }).withConfig({
683
683
  displayName: "StyledFloatingMenu",
684
684
  componentId: "sc-1rc7ahb-0"
@@ -687,7 +687,7 @@ const StyledFloatingMenu = styled__default.default(StyledFloatingListbox).attrs(
687
687
  const COMPONENT_ID$6 = 'dropdowns.menu.item';
688
688
  const StyledItem = styled__default.default(StyledOption).attrs({
689
689
  'data-garden-id': COMPONENT_ID$6,
690
- 'data-garden-version': '9.3.0'
690
+ 'data-garden-version': '9.4.0'
691
691
  }).withConfig({
692
692
  displayName: "StyledItem",
693
693
  componentId: "sc-1jp99dq-0"
@@ -696,7 +696,7 @@ const StyledItem = styled__default.default(StyledOption).attrs({
696
696
  const COMPONENT_ID$5 = 'dropdowns.menu.item.content';
697
697
  const StyledItemContent = styled__default.default(StyledOptionContent).attrs({
698
698
  'data-garden-id': COMPONENT_ID$5,
699
- 'data-garden-version': '9.3.0'
699
+ 'data-garden-version': '9.4.0'
700
700
  }).withConfig({
701
701
  displayName: "StyledItemContent",
702
702
  componentId: "sc-1opglsb-0"
@@ -705,7 +705,7 @@ const StyledItemContent = styled__default.default(StyledOptionContent).attrs({
705
705
  const COMPONENT_ID$4 = 'dropdowns.menu.item_group';
706
706
  const StyledItemGroup = styled__default.default(StyledOptGroup).attrs({
707
707
  'data-garden-id': COMPONENT_ID$4,
708
- 'data-garden-version': '9.3.0'
708
+ 'data-garden-version': '9.4.0'
709
709
  }).withConfig({
710
710
  displayName: "StyledItemGroup",
711
711
  componentId: "sc-1umk3cg-0"
@@ -714,7 +714,7 @@ const StyledItemGroup = styled__default.default(StyledOptGroup).attrs({
714
714
  const COMPONENT_ID$3 = 'dropdowns.menu.item.icon';
715
715
  const StyledItemIcon = styled__default.default(StyledOptionIcon).attrs({
716
716
  'data-garden-id': COMPONENT_ID$3,
717
- 'data-garden-version': '9.3.0'
717
+ 'data-garden-version': '9.4.0'
718
718
  }).withConfig({
719
719
  displayName: "StyledItemIcon",
720
720
  componentId: "sc-w9orqb-0"
@@ -723,7 +723,7 @@ const StyledItemIcon = styled__default.default(StyledOptionIcon).attrs({
723
723
  const COMPONENT_ID$2 = 'dropdowns.menu.item.meta';
724
724
  const StyledItemMeta = styled__default.default(StyledOptionMeta).attrs({
725
725
  'data-garden-id': COMPONENT_ID$2,
726
- 'data-garden-version': '9.3.0'
726
+ 'data-garden-version': '9.4.0'
727
727
  }).withConfig({
728
728
  displayName: "StyledItemMeta",
729
729
  componentId: "sc-1unw3x1-0"
@@ -732,7 +732,7 @@ const StyledItemMeta = styled__default.default(StyledOptionMeta).attrs({
732
732
  const COMPONENT_ID$1 = 'dropdowns.menu.item.type_icon';
733
733
  const StyledItemTypeIcon = styled__default.default(StyledOptionTypeIcon).attrs({
734
734
  'data-garden-id': COMPONENT_ID$1,
735
- 'data-garden-version': '9.3.0'
735
+ 'data-garden-version': '9.4.0'
736
736
  }).withConfig({
737
737
  displayName: "StyledItemTypeIcon",
738
738
  componentId: "sc-1pll3nu-0"
@@ -741,7 +741,7 @@ const StyledItemTypeIcon = styled__default.default(StyledOptionTypeIcon).attrs({
741
741
  const COMPONENT_ID = 'dropdowns.menu.separator';
742
742
  const StyledSeparator = styled__default.default(StyledListboxSeparator).attrs({
743
743
  'data-garden-id': COMPONENT_ID,
744
- 'data-garden-version': '9.3.0'
744
+ 'data-garden-version': '9.4.0'
745
745
  }).withConfig({
746
746
  displayName: "StyledSeparator",
747
747
  componentId: "sc-8kqwen-0"
@@ -836,6 +836,8 @@ const Listbox = React.forwardRef((_ref, ref) => {
836
836
  $isCompact: isCompact,
837
837
  $maxHeight: maxHeight,
838
838
  $minHeight: minHeight,
839
+ "aria-hidden":
840
+ !isExpanded,
839
841
  onMouseDown: containerUtilities.composeEventHandlers(onMouseDown, handleMouseDown),
840
842
  style: {
841
843
  height
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@zendeskgarden/react-dropdowns",
3
- "version": "9.3.0",
3
+ "version": "9.4.0",
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,10 +25,10 @@
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.3.0",
29
- "@zendeskgarden/react-forms": "^9.3.0",
30
- "@zendeskgarden/react-tags": "^9.3.0",
31
- "@zendeskgarden/react-tooltips": "^9.3.0",
28
+ "@zendeskgarden/react-buttons": "^9.4.0",
29
+ "@zendeskgarden/react-forms": "^9.4.0",
30
+ "@zendeskgarden/react-tags": "^9.4.0",
31
+ "@zendeskgarden/react-tooltips": "^9.4.0",
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 || ^6.0.0"
41
41
  },
42
42
  "devDependencies": {
43
- "@zendeskgarden/react-theming": "^9.3.0",
43
+ "@zendeskgarden/react-theming": "^9.4.0",
44
44
  "@zendeskgarden/svg-icons": "7.3.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": "fa6461e0d9fae27956980056006e8013daedc6b9"
57
+ "gitHead": "02e3f240b6f0c776fdae785254d6fe90cbfc37e4"
58
58
  }