Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
43 commits
Select commit Hold shift + click to select a range
ec5b76d
feat: S2 SideNav
snowystinger Jun 24, 2026
0f81662
hack a way for arrow key navigation to continue to work
snowystinger Jun 25, 2026
61049ce
working
snowystinger Jun 25, 2026
d2c9fbf
move to new grid navigation behaviours
snowystinger Jul 6, 2026
50db745
remove allowChildKeys hack, add code to get in front of navigation, c…
snowystinger Jul 7, 2026
75ffebe
add a router to make it easier to test in the browser
snowystinger Jul 7, 2026
20727ee
add descendent selection styles, fix indicator no animation
snowystinger Jul 9, 2026
dd4abb4
Moves to new API selectedRoute, fixes double arrow key navigate to pa…
snowystinger Jul 10, 2026
85a62e4
remove comment
snowystinger Jul 10, 2026
ff6c876
Add docs, exports, fix props,
snowystinger Jul 13, 2026
956dfdc
make prop optional for now since it caused the docs to break
snowystinger Jul 13, 2026
ec7a088
fix types
snowystinger Jul 13, 2026
16374ee
fix ts
snowystinger Jul 13, 2026
401d157
fix click interaction on Categories and disabled items
snowystinger Jul 14, 2026
14a29ff
Move to GridList handling, fix colors, add tests and chromatic
snowystinger Jul 14, 2026
1e606a5
lots of cleanup
snowystinger Jul 14, 2026
c8a927f
remove useless test and add chromatic to replace it
snowystinger Jul 15, 2026
e9c0c11
fix lint
snowystinger Jul 15, 2026
f30af23
fix required props, cleanup
snowystinger Jul 15, 2026
64e9965
add tests and fix lost focus case
snowystinger Jul 15, 2026
c7c9b24
restrict logic to tab keyboard nav
snowystinger Jul 15, 2026
1073f01
fix docs ts
snowystinger Jul 15, 2026
6d0f7cf
review comments
snowystinger Jul 15, 2026
840dd76
fix label text wrapping
snowystinger Jul 15, 2026
49b402c
Merge branch 'main' of github.com:adobe/react-spectrum into s2-sidena…
LFDanLu Jul 20, 2026
447c335
Fix keyboard navigation with sections
snowystinger Jul 21, 2026
5eb6336
fix current selection bold
snowystinger Jul 21, 2026
85e88ff
fix heights
snowystinger Jul 21, 2026
57e9445
add press scaling to items
snowystinger Jul 21, 2026
86ccd74
fix lint
snowystinger Jul 21, 2026
61323a1
setup alpha and card
snowystinger Jul 21, 2026
18162b9
fix types
snowystinger Jul 22, 2026
33b7d0b
review comments
snowystinger Jul 23, 2026
1eb7bc9
Merge branch 'main' into s2-sidenav-rob
snowystinger Jul 23, 2026
94e2b7f
fix typo
snowystinger Jul 23, 2026
91782ec
and lint
snowystinger Jul 23, 2026
1a02d04
fix docs ts
snowystinger Jul 23, 2026
b7b5702
forgot to save
snowystinger Jul 23, 2026
998239d
fingers crossed last one
snowystinger Jul 23, 2026
298b95c
make a router that looks like React Router, inert hidden text
snowystinger Jul 24, 2026
6cea9ef
fix types and inert
snowystinger Jul 24, 2026
7c29e01
remove space reserving, it doesn't work
snowystinger Jul 24, 2026
8d2339d
Merge branch 'main' into s2-sidenav-rob
snowystinger Jul 24, 2026
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
408 changes: 408 additions & 0 deletions packages/@react-spectrum/s2/chromatic/SideNav.stories.tsx

Large diffs are not rendered by default.

20 changes: 20 additions & 0 deletions packages/@react-spectrum/s2/exports/SideNav.ts
Original file line number Diff line number Diff line change
@@ -0,0 +1,20 @@
export {
SideNav,
SideNavItem,
SideNavItemContent,
SideNavItemLink,
SideNavSection,
SideNavHeader
} from '../src/SideNav';
export {Collection} from 'react-aria/Collection';
export type {
SideNavProps,
SideNavItemProps,
SideNavItemContentProps,
SideNavItemLinkProps,
SideNavSectionProps,
SideNavHeaderProps
} from '../src/SideNav';
export type {Key} from '@react-types/shared';

export {Text} from '../src/Content';
16 changes: 16 additions & 0 deletions packages/@react-spectrum/s2/exports/index.ts
Original file line number Diff line number Diff line change
Expand Up @@ -120,6 +120,14 @@ export {
SegmentedControlContext
} from '../src/SegmentedControl';
export {SelectBox, SelectBoxGroup, SelectBoxGroupContext} from '../src/SelectBoxGroup';
export {
SideNav,
SideNavItem,
SideNavItemContent,
SideNavItemLink,
SideNavSection,
SideNavHeader
} from '../src/SideNav';
export {Slider, SliderContext} from '../src/Slider';
export {Skeleton, useIsSkeleton} from '../src/Skeleton';
export {SkeletonCollection} from '../src/SkeletonCollection';
Expand Down Expand Up @@ -259,6 +267,14 @@ export type {SelectBoxProps, SelectBoxGroupProps} from '../src/SelectBoxGroup';
export type {SliderProps} from '../src/Slider';
export type {RangeCalendarProps} from '../src/RangeCalendar';
export type {RangeSliderProps} from '../src/RangeSlider';
export type {
SideNavProps,
SideNavItemProps,
SideNavItemContentProps,
SideNavItemLinkProps,
SideNavSectionProps,
SideNavHeaderProps
} from '../src/SideNav';
export type {SkeletonProps} from '../src/Skeleton';
export type {SkeletonCollectionProps} from '../src/SkeletonCollection';
export type {StatusLightProps} from '../src/StatusLight';
Expand Down
Loading