User story
Currently, exile.watch design system utilizes components provided by Mantine components library.
While the library is great it has it's flaws:
- It's heavy. Even though authors removed
emotion in 7.x version, there is still a boatload of unnecessary styles that are core and exile.watch does not really care about them.
- There is no SSR (Server Side Rendering) support so we can't really use RSC (React Server Components)
@exile-watch/writ-react output has to be built in CommonJS due to the vast support of browsers Mantine handles.
Acceptance criteria
- Add Breakpoints (
@media-query)
- Grid system
- Theme support
- Following components need to be rewritten to tailwind:
- Add Storybook
- Remove
@mantine/* packages
- Once everything is done, remove
cjs output from this line https://github.com/exile-watch/writ/blob/main/packages/writ-react/rollup.config.ts#L7
User story
Currently,
exile.watchdesign system utilizes components provided by Mantine components library.While the library is great it has it's flaws:
emotionin7.xversion, there is still a boatload of unnecessary styles that are core and exile.watch does not really care about them.@exile-watch/writ-reactoutput has to be built inCommonJSdue to the vast support of browsers Mantine handles.Acceptance criteria
@media-query)@mantine/*packagescjsoutput from this line https://github.com/exile-watch/writ/blob/main/packages/writ-react/rollup.config.ts#L7