Skip to content

✨(Modal, Calendar): add variants and extract calendar#381

Merged
PanchoutNathan merged 7 commits intomainfrom
feat/new-calendar-and-fix-modals
Mar 30, 2026
Merged

✨(Modal, Calendar): add variants and extract calendar#381
PanchoutNathan merged 7 commits intomainfrom
feat/new-calendar-and-fix-modals

Conversation

@PanchoutNathan
Copy link
Copy Markdown
Collaborator

@PanchoutNathan PanchoutNathan commented Mar 24, 2026

Summary

  • Modal: add variant system (default + tab) with extracted
    layout components, new styles, tokens, tests and stories
  • Calendar: extract as standalone public component from
    DatePicker, with dedicated styles, tokens, tests and stories
  • Forms: harmonize font-size (md → sm) across inputs
  • Button: update border-radius (8px → 4px)
  • Deps: bump react-aria packages to latest versions

@PanchoutNathan PanchoutNathan changed the title feat(Modal, Calendar): add variants and extract calendar ✨(Modal, Calendar): add variants and extract calendar Mar 24, 2026
Copy link
Copy Markdown
Collaborator

@NathanVss NathanVss left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Noïce :)!

Comment thread packages/react/src/components/Modal/ChevronRightIcon.tsx
Comment thread packages/react/src/components/Modal/index.tsx
Comment thread packages/react/src/components/Modal/index.tsx Outdated
Comment thread packages/react/src/components/Modal/index.tsx
Comment thread packages/react/src/components/Modal/ModalTabLayout.tsx
Comment thread packages/react/src/components/Modal/index.stories.tsx Outdated
Comment thread packages/react/src/components/Calendar/index.tsx
Comment thread packages/react/src/components/Calendar/index.tsx
@PanchoutNathan PanchoutNathan force-pushed the feat/new-calendar-and-fix-modals branch 2 times, most recently from ef8a0fb to 053c730 Compare March 30, 2026 12:05
Refactor Modal to support two variants: default and tab.
Extract layout components into separate files:
- ModalDefaultLayout: title, subtitle, icon, compact mode
- ModalTabLayout: sidebar navigation with tab selection
- ModalFooter: left/right split actions
- ChevronIcons and CloseIcon: SVG icon components
Update helper modals to use new rightActions prop.
Add SCSS styles for default and tab modal variants:
- Compact title mode with smaller font size
- Subtitle support and title icon alignment
- Tab sidebar with active/hover states
- Responsive footer with left/right split
Add component tokens for new variant properties.
Add tests covering tab navigation and mobile view.
Add stories for subtitle, title icon, compact mode
and sticky footer.
Move Calendar, CalendarCell and CalendarGrid from
Forms/DatePicker into a new top-level Calendar
component directory.
Export Calendar and CalendarRange from the library.
Add dedicated SCSS styles, tokens, tests and stories.
Update DatePicker imports to use new Calendar path.
Regenerate CSS, JS, SCSS and TS token files to
reflect new Calendar component tokens, updated
Modal tokens and form font-size changes.
@PanchoutNathan PanchoutNathan force-pushed the feat/new-calendar-and-fix-modals branch from 053c730 to 031981c Compare March 30, 2026 12:47
@PanchoutNathan PanchoutNathan merged commit d9f569f into main Mar 30, 2026
4 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants