Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
25 commits
Select commit Hold shift + click to select a range
dabc862
feat: S2 SideNav
snowystinger Jun 24, 2026
ec94353
hack a way for arrow key navigation to continue to work
snowystinger Jun 25, 2026
4e5a5a5
working
snowystinger Jun 25, 2026
972c1d6
move to new grid navigation behaviours
snowystinger Jul 6, 2026
4ce1fc0
remove allowChildKeys hack, add code to get in front of navigation, c…
snowystinger Jul 7, 2026
72fdb93
add a router to make it easier to test in the browser
snowystinger Jul 7, 2026
9b13683
add descendent selection styles, fix indicator no animation
snowystinger Jul 9, 2026
aa531bb
Moves to new API selectedRoute, fixes double arrow key navigate to pa…
snowystinger Jul 10, 2026
ac3ccb6
remove comment
snowystinger Jul 10, 2026
f3313d5
Add docs, exports, fix props,
snowystinger Jul 13, 2026
e3fc099
make prop optional for now since it caused the docs to break
snowystinger Jul 13, 2026
c35fef9
fix types
snowystinger Jul 13, 2026
5fa507f
fix ts
snowystinger Jul 13, 2026
6f9bebe
fix click interaction on Categories and disabled items
snowystinger Jul 14, 2026
20a604d
Move to GridList handling, fix colors, add tests and chromatic
snowystinger Jul 14, 2026
f543e15
lots of cleanup
snowystinger Jul 14, 2026
5d3ceae
remove useless test and add chromatic to replace it
snowystinger Jul 15, 2026
ce3af5d
fix lint
snowystinger Jul 15, 2026
92120fc
fix required props, cleanup
snowystinger Jul 15, 2026
43e6ffe
add tests and fix lost focus case
snowystinger Jul 15, 2026
f06a4a6
restrict logic to tab keyboard nav
snowystinger Jul 15, 2026
8d938f3
Merge branch 'textfield_gridlists' into s2-sidenav-rob
snowystinger Jul 15, 2026
58b458c
fix docs ts
snowystinger Jul 15, 2026
fd0d048
review comments
snowystinger Jul 15, 2026
05b4bcb
fix label text wrapping
snowystinger Jul 15, 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