Skip to content
Closed
Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
64 commits
Select commit Hold shift + click to select a range
2c04bf2
Add Inlaid Panel to Lab
wemmyo Mar 10, 2026
a1f3894
Stylling improvements
wemmyo Mar 11, 2026
d94e260
style improvements
wemmyo Mar 11, 2026
19f8e57
Refactor stories to use core components
wemmyo Mar 11, 2026
f2653ac
Improve animation and focus management
wemmyo Mar 11, 2026
e4de911
improve inlaid panel props and ref forwarding
wemmyo Mar 11, 2026
64bd530
Improve trigger
wemmyo Mar 12, 2026
27fe632
Remove close button component and improve animation
wemmyo Mar 13, 2026
a282ee0
Improve open and close animation
wemmyo Mar 13, 2026
05d2328
Fix animation causing scrollbar to appear
wemmyo Mar 13, 2026
cc81300
Rename components
wemmyo Mar 16, 2026
0f646ae
create css variable for width and height
wemmyo Mar 16, 2026
01222a1
Simplify api
wemmyo Mar 16, 2026
a39f6e1
Improve examples
wemmyo Mar 17, 2026
1237179
change role to region and prefers-reduced-motion support
wemmyo Mar 17, 2026
2d7d5b2
Handle focus management with floating ui
wemmyo Mar 17, 2026
b65b6fc
label region by header title
wemmyo Mar 17, 2026
46a277e
Fix Escape to close not working
wemmyo Mar 17, 2026
4138d6f
Add basic tests
wemmyo Mar 17, 2026
bcc9767
Rename to side panel
wemmyo Mar 18, 2026
4bd11bb
Reduce css specificity
wemmyo Mar 18, 2026
92d3027
Add site docs biolerplate
wemmyo Mar 18, 2026
06dd568
Add exaxmples to site docs
wemmyo Mar 18, 2026
74ab05c
Default close examples
wemmyo Mar 18, 2026
a91c5d5
Lint fix
wemmyo Mar 18, 2026
dfc5290
Merge branch 'main' into create-inlaid-panel
wemmyo Mar 18, 2026
f13555d
Remove triggger add variants
wemmyo Mar 20, 2026
43a4807
Add height and width props
wemmyo Mar 23, 2026
f88f687
feat(side-panel): enhance side panel functionality with grouping and …
wemmyo Mar 24, 2026
ac11651
Merge branch 'main' into create-inlaid-panel
wemmyo Mar 24, 2026
c3832d6
Update failing test
wemmyo Mar 24, 2026
4e2ca1b
Rename side prop to position
wemmyo Mar 25, 2026
723c885
simplify refs handling and improve context usage
wemmyo Mar 25, 2026
fdc29cf
Update initial dimensions to 300
wemmyo Mar 26, 2026
508beab
Update default side to right
wemmyo Mar 26, 2026
a6572e6
Initial examples and docs update
wemmyo Mar 26, 2026
3e55d2b
Merge branch 'main' of https://github.com/jpmorganchase/salt-ds into …
wemmyo Mar 26, 2026
4073235
Lint fix
wemmyo Mar 26, 2026
fe3773e
Remove div from SidePanelGroup
wemmyo Mar 26, 2026
2db7a73
Remove width and height props, simplify default and table examples
wemmyo Mar 27, 2026
ad0db69
Spell check fix
wemmyo Mar 27, 2026
238a21b
Merge branch 'main' into create-inlaid-panel
wemmyo Mar 27, 2026
4f7acb4
Remove top and bottom positions, simplify examples
wemmyo Mar 27, 2026
73ce4db
Merge branch 'main' into create-inlaid-panel
wemmyo Mar 27, 2026
225c2dd
Code clean up and site docs update
wemmyo Mar 30, 2026
a9db912
Enhance SidePanel accessibility and focus management
wemmyo Mar 30, 2026
8211772
Add SidePanelTrigger and improve code structure
wemmyo Mar 30, 2026
931ed07
Refactor SidePanelCloseButton and SidePanelGroupContext to use option…
wemmyo Mar 30, 2026
66b2e6c
Update SidePanel stories and tests to use Default panel instead of Ri…
wemmyo Mar 30, 2026
06c5802
Enhance Left and Default panel tests to verify aria-expanded attribut…
wemmyo Mar 30, 2026
014de95
Use optional chaining for setOpen in SidePanelTrigger
wemmyo Mar 30, 2026
a41dc04
Update version of @salt-ds/lab to minor and add SidePanel
wemmyo Mar 30, 2026
d12506d
lint fix
wemmyo Mar 30, 2026
1022bd1
Merge branch 'create-inlaid-panel' of https://github.com/jpmorganchas…
wemmyo Mar 30, 2026
0084b23
Improve test structure
wemmyo Mar 31, 2026
2601b9f
Add interactive elements to app header example
wemmyo Mar 31, 2026
31ac0b4
Add accessible name to table action button
wemmyo Mar 31, 2026
f8bd865
Update storybook app header example
wemmyo Apr 1, 2026
f3c47da
Update docs and examples
wemmyo Apr 1, 2026
3ba98a9
Rename Default to Variants example
wemmyo Apr 1, 2026
a3b05c0
Update business pattern
wemmyo Apr 2, 2026
2b29da4
Refactor SidePanel component: replace SidePanelCloseButton with SideP…
wemmyo Apr 2, 2026
adef82a
Merge branch 'main' into create-inlaid-panel
wemmyo Apr 2, 2026
1d30c64
remove height token
wemmyo Apr 2, 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
16 changes: 16 additions & 0 deletions .changeset/sweet-snails-sneeze.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,16 @@
---
"@salt-ds/lab": minor
---

Added `SidePanel`.

`SidePanel` is a collapsible container that slides in from an edge of its parent, providing supplementary content or controls without disrupting the main layout.

```tsx
<SidePanelGroup>
<SidePanelTrigger />
<SidePanel>
<SidePanelCloseTrigger />
</SidePanel>
</SidePanelGroup>
```
Loading
Loading