@sproutsocial/seeds-react-menu 1.16.16 → 1.18.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 (84) hide show
  1. package/.turbo/turbo-build.log +14 -22
  2. package/CHANGELOG.md +51 -0
  3. package/dist/esm/index.js +542 -229
  4. package/dist/esm/index.js.map +1 -1
  5. package/dist/esm/v3/index.js +870 -1081
  6. package/dist/esm/v3/index.js.map +1 -1
  7. package/dist/v3/index.d.mts +82 -38
  8. package/dist/v3/index.d.ts +82 -38
  9. package/dist/v3/index.js +887 -1098
  10. package/dist/v3/index.js.map +1 -1
  11. package/dist/v3/menu.css +947 -0
  12. package/package.json +20 -21
  13. package/src/ActionMenu/ActionMenu.stories.tsx +1 -1
  14. package/src/Autocomplete/Autocomplete.stories.tsx +1 -1
  15. package/src/MenuContent/MenuContent.stories.tsx +1 -1
  16. package/src/MenuFooter/MenuFooter.stories.tsx +1 -1
  17. package/src/MenuGroup/MenuGroup.stories.tsx +1 -1
  18. package/src/MenuHeader/MenuHeader.stories.tsx +1 -1
  19. package/src/MenuItem/MenuItem.stories.tsx +1 -1
  20. package/src/MenuToggleButton/MenuToggleButton.stories.tsx +1 -1
  21. package/src/MultiSelectMenu/MultiSelectMenu.stories.tsx +1 -1
  22. package/src/NestedMenu/NestedMenu.stories.tsx +1 -1
  23. package/src/SingleSelectMenu/SingleSelectMenu.stories.tsx +1 -1
  24. package/src/SubmenuItem/SubmenuItem.stories.tsx +1 -1
  25. package/src/v3/ActionMenu.stories.tsx +1 -1
  26. package/src/v3/ActionMenuStyles.tsx +169 -149
  27. package/src/v3/Common/ComboboxStyles.tsx +396 -511
  28. package/src/v3/Common/SelectIcons.tsx +17 -8
  29. package/src/v3/Common/SelectItem.tsx +25 -38
  30. package/src/v3/Common/SelectStyles.tsx +146 -144
  31. package/src/v3/Common/cn.ts +38 -0
  32. package/src/v3/MenuButton.stories.tsx +1 -1
  33. package/src/v3/MenuButtonStyles.tsx +55 -34
  34. package/src/v3/ModalStories.stories.tsx +1 -1
  35. package/src/v3/MultiCombobox.stories.tsx +1 -1
  36. package/src/v3/MultiCombobox.tsx +7 -0
  37. package/src/v3/MultiSearchableSelect.stories.tsx +1 -1
  38. package/src/v3/MultiSearchableSelect.tsx +15 -8
  39. package/src/v3/MultiSelect.stories.tsx +1 -1
  40. package/src/v3/MultiSelect.tsx +20 -17
  41. package/src/v3/SingleCombobox.stories.tsx +1 -1
  42. package/src/v3/SingleCombobox.tsx +7 -0
  43. package/src/v3/SingleSearchableSelect.stories.tsx +1 -1
  44. package/src/v3/SingleSearchableSelect.tsx +7 -0
  45. package/src/v3/SingleSelect.stories.tsx +1 -1
  46. package/src/v3/SingleSelect.tsx +22 -14
  47. package/src/v3/__tests__/ariaLabels.test.tsx +133 -0
  48. package/src/v3/menu.css +947 -0
  49. package/tsup.config.ts +0 -1
  50. package/dist/esm/chunk-ROQATIB7.js +0 -357
  51. package/dist/esm/chunk-ROQATIB7.js.map +0 -1
  52. package/dist/esm/v2/index.js +0 -2089
  53. package/dist/esm/v2/index.js.map +0 -1
  54. package/dist/v2/index.d.mts +0 -108
  55. package/dist/v2/index.d.ts +0 -108
  56. package/dist/v2/index.js +0 -2280
  57. package/dist/v2/index.js.map +0 -1
  58. package/src/v2/Autocomplete/Autocomplete.stories.tsx +0 -645
  59. package/src/v2/Autocomplete/MultiAutocomplete.tsx +0 -487
  60. package/src/v2/Autocomplete/SingleAutocomplete.tsx +0 -366
  61. package/src/v2/Autocomplete/index.ts +0 -2
  62. package/src/v2/Common-V2/ComboboxContent.tsx +0 -457
  63. package/src/v2/Common-V2/MenuGroup.tsx +0 -60
  64. package/src/v2/Common-V2/MenuGroupTypes.ts +0 -30
  65. package/src/v2/Common-V2/MenuHeading.tsx +0 -83
  66. package/src/v2/Common-V2/MenuItem.tsx +0 -138
  67. package/src/v2/Common-V2/Popout.tsx +0 -124
  68. package/src/v2/Common-V2/PopoutTypes.tsx +0 -109
  69. package/src/v2/Common-V2/SelectToggleButton.tsx +0 -99
  70. package/src/v2/Common-V2/index.ts +0 -11
  71. package/src/v2/Common-V2/props.ts +0 -84
  72. package/src/v2/Common-V2/styles.tsx +0 -41
  73. package/src/v2/Common-V2/types.ts +0 -16
  74. package/src/v2/Common-V2/useHighlightedIndex.ts +0 -62
  75. package/src/v2/Common-V2/utils.ts +0 -238
  76. package/src/v2/SearchableSelect/AutocompleteContent.tsx +0 -325
  77. package/src/v2/SearchableSelect/SearchableMultiSelect.tsx +0 -527
  78. package/src/v2/SearchableSelect/SearchableSelect.tsx +0 -395
  79. package/src/v2/SearchableSelect/index.ts +0 -12
  80. package/src/v2/Select/MultiSelect.tsx +0 -417
  81. package/src/v2/Select/Select.stories.tsx +0 -593
  82. package/src/v2/Select/SingleSelect.tsx +0 -285
  83. package/src/v2/Select/index.ts +0 -2
  84. package/src/v2/index.ts +0 -2
@@ -1,6 +1,6 @@
1
1
  yarn run v1.22.22
2
- $ tsup --dts
3
- CLI Building entry: {"index":"src/index.ts","v2/index":"src/v2/index.ts","v3/index":"src/v3/index.ts"}
2
+ $ tsup --dts && cp src/v3/menu.css dist/v3/menu.css
3
+ CLI Building entry: {"index":"src/index.ts","v3/index":"src/v3/index.ts"}
4
4
  CLI Using tsconfig: tsconfig.json
5
5
  CLI tsup v8.5.0
6
6
  CLI Using tsup config: /home/runner/_work/seeds/seeds/seeds-react/seeds-react-menu/tsup.config.ts
@@ -9,27 +9,19 @@ $ tsup --dts
9
9
  CJS Build start
10
10
  ESM Build start
11
11
  CJS dist/index.js 92.65 KB
12
- CJS dist/v3/index.js 121.51 KB
13
- CJS dist/v2/index.js 73.18 KB
12
+ CJS dist/v3/index.js 115.54 KB
14
13
  CJS dist/index.js.map 180.28 KB
15
- CJS dist/v3/index.js.map 213.07 KB
16
- CJS dist/v2/index.js.map 152.19 KB
17
- CJS ⚡️ Build success in 73ms
18
- ESM dist/esm/index.js 73.60 KB
19
- ESM dist/esm/v3/index.js 108.01 KB
20
- ESM dist/esm/chunk-ROQATIB7.js 9.15 KB
21
- ESM dist/esm/v2/index.js 62.63 KB
22
- ESM dist/esm/index.js.map 156.29 KB
23
- ESM dist/esm/chunk-ROQATIB7.js.map 22.93 KB
24
- ESM dist/esm/v3/index.js.map 213.12 KB
25
- ESM dist/esm/v2/index.js.map 132.57 KB
26
- ESM ⚡️ Build success in 84ms
14
+ CJS dist/v3/index.js.map 211.06 KB
15
+ CJS ⚡️ Build success in 123ms
16
+ ESM dist/esm/index.js 82.07 KB
17
+ ESM dist/esm/v3/index.js 102.99 KB
18
+ ESM dist/esm/index.js.map 179.44 KB
19
+ ESM dist/esm/v3/index.js.map 212.08 KB
20
+ ESM ⚡️ Build success in 123ms
27
21
  DTS Build start
28
- DTS ⚡️ Build success in 7381ms
22
+ DTS ⚡️ Build success in 4872ms
29
23
  DTS dist/index.d.ts 39.12 KB
30
- DTS dist/v2/index.d.ts 5.55 KB
31
- DTS dist/v3/index.d.ts 23.92 KB
24
+ DTS dist/v3/index.d.ts 26.10 KB
32
25
  DTS dist/index.d.mts 39.12 KB
33
- DTS dist/v2/index.d.mts 5.55 KB
34
- DTS dist/v3/index.d.mts 23.92 KB
35
- Done in 8.14s.
26
+ DTS dist/v3/index.d.mts 26.10 KB
27
+ Done in 5.97s.
package/CHANGELOG.md CHANGED
@@ -1,5 +1,56 @@
1
1
  # @sproutsocial/seeds-react-menu
2
2
 
3
+ ## 1.18.0
4
+
5
+ ### Minor Changes
6
+
7
+ - 96d352b: Migrate the entire v3 (Base UI) menu surface — Select, Combobox, Searchable
8
+ Select, Action Menu, and MenuButton — from styled-components to pure CSS classes.
9
+ The v3 pieces are internal, Base-UI-driven wrappers whose state comes from
10
+ `data-*` attributes and which never receive styled-system props, so they render
11
+ `seeds-*` classes directly instead of using the hybrid styled-components fallback
12
+ router.
13
+
14
+ The component APIs and behavior are unchanged (state selectors carry over
15
+ verbatim). The new component CSS ships from the package's own dist and is
16
+ exposed via a new `@sproutsocial/seeds-react-menu/base/css` subpath, which
17
+ consumers of the `./base` entry must import for the v3 menu to be styled.
18
+
19
+ ### Patch Changes
20
+
21
+ - @sproutsocial/seeds-react-theme@4.5.1
22
+ - @sproutsocial/seeds-react-box@1.1.32
23
+ - @sproutsocial/seeds-react-icon@2.5.2
24
+ - @sproutsocial/seeds-react-label@1.0.34
25
+ - @sproutsocial/seeds-react-token-input@1.4.64
26
+ - @sproutsocial/seeds-react-checkbox@1.3.54
27
+ - @sproutsocial/seeds-react-input@1.5.42
28
+ - @sproutsocial/seeds-react-popout@2.5.23
29
+ - @sproutsocial/seeds-react-button@2.3.9
30
+ - @sproutsocial/seeds-react-switch@1.2.52
31
+ - @sproutsocial/seeds-react-radio@1.3.35
32
+
33
+ ## 1.17.0
34
+
35
+ ### Minor Changes
36
+
37
+ - 60f85a0: Adds optional `aria-label` and `aria-labelledby` props to the v3 `SingleSelect`,
38
+ `MultiSelect`, `SingleCombobox`, `MultiCombobox`, `SingleSearchableSelect` and
39
+ `MultiSearchableSelect`, and forwards them to the popup listbox.
40
+
41
+ Base UI's `Select.List` and `Combobox.List` render `role="listbox"` with only an id — they
42
+ never derive a name from the trigger or from `Select.Label` — and these components spread no
43
+ extra props, so the popup listbox had no accessible name and no way for a consumer to give it
44
+ one.
45
+
46
+ That goes unnoticed while the popup is open, because axe exempts a listbox that a
47
+ `role="combobox"` element references through a live `aria-controls`. It surfaces on close:
48
+ Base UI keeps the popup mounted through the exit animation while the trigger has already
49
+ dropped `aria-controls`, leaving the listbox painted, unnamed and unreferenced. axe reports
50
+ that window as `aria-input-field-name` (serious).
51
+
52
+ No change for callers that pass neither prop.
53
+
3
54
  ## 1.16.16
4
55
 
5
56
  ### Patch Changes