downshift 7.0.1 → 7.0.3

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.
package/README.md CHANGED
@@ -33,8 +33,8 @@ autocomplete, combobox or select dropdown components.</p>
33
33
  You need an autocomplete, a combobox or a select experience in your application
34
34
  and you want it to be accessible. You also want it to be simple and flexible to
35
35
  account for your use cases. Finally, it should follow the [ARIA][aria] design
36
- pattern for a [combobox][combobox-aria] or a [select][select-aria], depending on
37
- your use case.
36
+ pattern for a [combobox][combobox-aria-example] or a
37
+ [select][select-aria-example], depending on your use case.
38
38
 
39
39
  ## This solution
40
40
 
@@ -1496,10 +1496,10 @@ MIT
1496
1496
  https://github.com/downshift-js/downshift/tree/master/src/hooks/useMultipleSelection
1497
1497
  [bundle-phobia-link]: https://bundlephobia.com/result?p=downshift@3.4.8
1498
1498
  [aria]: https://www.w3.org/TR/wai-aria-practices/
1499
- [combobox-aria]:
1500
- https://www.w3.org/TR/2017/NOTE-wai-aria-practices-1.1-20171214/examples/combobox/aria1.1pattern/listbox-combo.html
1501
- [select-aria]:
1502
- https://www.w3.org/TR/2017/NOTE-wai-aria-practices-1.1-20171214/examples/listbox/listbox-collapsible.html
1499
+ [combobox-aria-example]:
1500
+ https://www.w3.org/WAI/ARIA/apg/example-index/combobox/combobox-autocomplete-list.html
1501
+ [select-aria-example]:
1502
+ https://www.w3.org/WAI/ARIA/apg/example-index/combobox/combobox-select-only.html
1503
1503
  [docsite]: https://downshift-js.com/
1504
1504
  [code-sandbox-try-it-out]:
1505
1505
  https://codesandbox.io/s/github/kentcdodds/downshift-examples?file=/src/downshift/ordered-examples/00-get-root-props-example.js
@@ -2575,7 +2575,7 @@ function useSelect(userProps) {
2575
2575
  'aria-controls': elementIds.menuId,
2576
2576
  'aria-expanded': latest.current.state.isOpen,
2577
2577
  'aria-haspopup': 'listbox',
2578
- 'aria-labelledby': `${elementIds.labelId} ${elementIds.toggleButtonId}`,
2578
+ 'aria-labelledby': `${elementIds.labelId}`,
2579
2579
  id: elementIds.toggleButtonId,
2580
2580
  role: 'combobox',
2581
2581
  tabIndex: 0,
@@ -2566,7 +2566,7 @@ function useSelect(userProps) {
2566
2566
  'aria-controls': elementIds.menuId,
2567
2567
  'aria-expanded': latest.current.state.isOpen,
2568
2568
  'aria-haspopup': 'listbox',
2569
- 'aria-labelledby': `${elementIds.labelId} ${elementIds.toggleButtonId}`,
2569
+ 'aria-labelledby': `${elementIds.labelId}`,
2570
2570
  id: elementIds.toggleButtonId,
2571
2571
  role: 'combobox',
2572
2572
  tabIndex: 0,
@@ -2513,7 +2513,7 @@ function useSelect(userProps) {
2513
2513
  'aria-controls': elementIds.menuId,
2514
2514
  'aria-expanded': latest.current.state.isOpen,
2515
2515
  'aria-haspopup': 'listbox',
2516
- 'aria-labelledby': `${elementIds.labelId} ${elementIds.toggleButtonId}`,
2516
+ 'aria-labelledby': `${elementIds.labelId}`,
2517
2517
  id: elementIds.toggleButtonId,
2518
2518
  role: 'combobox',
2519
2519
  tabIndex: 0,
@@ -3846,7 +3846,7 @@
3846
3846
  'aria-controls': elementIds.menuId,
3847
3847
  'aria-expanded': latest.current.state.isOpen,
3848
3848
  'aria-haspopup': 'listbox',
3849
- 'aria-labelledby': `${elementIds.labelId} ${elementIds.toggleButtonId}`,
3849
+ 'aria-labelledby': `${elementIds.labelId}`,
3850
3850
  id: elementIds.toggleButtonId,
3851
3851
  role: 'combobox',
3852
3852
  tabIndex: 0,