Skip to content

Conversation

@Lelith
Copy link
Collaborator

@Lelith Lelith commented Sep 1, 2025

🚀 Forma 36 v6 — Major Release

Forma 36 v6 delivers significant upgrades across the codebase, modernizes core dependencies, and enhances developer experience. This release includes breaking changes, infrastructure updates, and component improvements—many with codemod support for easier migration.

🧳 Core Dependency Upgrades

Package From To
React 16.x 19.x
Emotion 10.x 11.x
TypeScript 4.x 5.x
Storybook 6.x 9.x
Next.js 14.x 15.x

📚 Storybook Upgrade & DX Improvements

This version introduces a completely upgraded Storybook environment:

  • Updated Storybook and all addons to the latest versions.
  • Enabled automatic documentation generation.
  • Improved developer ergonomics for authoring and maintaining stories.

🧩 Updated Component Packages

The following component updates are included:

  • Tabs — upgraded to @radix-ui/react-tabs@^1.1.12
  • Modal — now compatible with React 18/19
  • Notification — now compatible with React 18/19
  • Popover — migrated from react-popper to floating-ui
  • Menu — migrated from react-popper to floating-ui
  • Tooltip — migrated from react-popper to floating-ui

⚠️ Breaking Changes & Migrations

🔹 Menu & Submenu API Updates

  • The Submenu compound component is deprecated.
  • Nested menus should now use the Menu component directly.
  • A codemod is available to:
    • Replace Submenu usage with Menu
    • Map legacy props to the updated Menu API

🔹 Popper → Floating UI Migration

All components previously using react-popper now rely on floating-ui.

Codemod support is available to update:

  • placement
  • offset

🔹 PropTypes Cleanup

Deprecated PropTypes have been removed, with codemod support provided where needed:

  • SkeletonDisplayTextProps
  • SkeletonBodyTextProps

🙏 Acknowledgements

A huge thank-you @missating, @cf-remylenoir and @Lelith, for contributing to this upgrade effort. This transition is a major milestone that brings the project up to date with the modern React landscape and sets the foundation for long-term stability and innovation.

feat: enter pre-release
@changeset-bot
Copy link

changeset-bot bot commented Sep 1, 2025

🦋 Changeset detected

Latest commit: 392b1fc

The changes in this PR will be included in the next version bump.

This PR includes no changesets

When changesets are added to this PR, you'll see the packages that this PR includes changesets for and the associated semver types

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

@vercel
Copy link

vercel bot commented Sep 1, 2025

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Preview Updated (UTC)
forma-36 Error Error Sep 17, 2025 8:22am

@github-actions
Copy link

github-actions bot commented Sep 1, 2025

size-limit report 📦

Path Size Loading time (3g) Running time (snapdragon) Total time
CommonJS 114.76 KB (0%) 2.3 s (0%) 57 ms (+23.33% 🔺) 2.4 s
Module 112.48 KB (0%) 2.3 s (0%) 80 ms (+39.16% 🔺) 2.4 s

@Lelith Lelith changed the title feat: Forma 36 v6 6️⃣ [Breaking] feat: Forma 36 v6 Oct 14, 2025
@Lelith Lelith changed the title 6️⃣ [Breaking] feat: Forma 36 v6 breaking: Forma 36 v6 6️⃣ Oct 14, 2025
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.

3 participants