Create design system package

[arkadiuszbachorski]

Create design system package

♻️ Current situation & Problem

We need separate package with design system components and instructions to reuse.

⚙️ Release Notes

• Create design system package

📚 Documentation

• Adds design-system module
• Removes example module
• Adds Button component with storybook, tests, cva. Blueprint for future components

Code of Conduct & Contributing Guidelines

By submitting creating this pull request, you agree to follow our Code of Conduct and Contributing Guidelines:

• I agree to follow the Code of Conduct and Contributing Guidelines.

[codecov]

Codecov Report

All modified and coverable lines are covered by tests ✅

Please upload report for BASE (main@5f7feb8). Learn more about missing BASE report.

Additional details and impacted files

@@           Coverage Diff            @@
##             main        #2   +/-   ##
========================================
  Coverage        ?   100.00%           
========================================
  Files           ?         5           
  Lines           ?        34           
  Branches        ?        10           
========================================
  Hits            ?        34           
  Misses          ?         0           
  Partials        ?         0           

Files	Coverage Δ
app/page.tsx	100.00% <ø> (ø)
...ges/design-system/src/components/Button/Button.tsx	100.00% <100.00%> (ø)
...ign-system/src/components/Button/ButtonPending.tsx	100.00% <100.00%> (ø)
...ages/design-system/src/components/Button/index.tsx	100.00% <100.00%> (ø)
packages/design-system/src/utils/className.ts	100.00% <100.00%> (ø)

---

Continue to review full report in Codecov by Sentry.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update 5f7feb8...86d6933. Read the comment docs.

[PSchmiedmayer]

Nice job with the changes and the start of the design system. It will be great to have that as a reusable set of components for multiple projects in the future!

In some conversations with @vishnuravi and @NikolaiMadlener we discussed it it makes sense to utilize and build on top of something like https://ui.shadcn.com/docs for the different components as a head start if needed.
They seem to be MIT licensed and therefore easily integrated with a proper acknowledgement.

Would be great to hear your thoughts on the advantages/disadvantages and if that might be useful for some elements?

[arkadiuszbachorski]

In some conversations with @vishnuravi and @NikolaiMadlener we discussed it it makes sense to utilize and build on top of something like https://ui.shadcn.com/docs for the different components as a head start if needed. They seem to be MIT licensed and therefore easily integrated with a proper acknowledgement.

Would be great to hear your thoughts on the advantages/disadvantages and if that might be useful for some elements?

Yes, I will be using shadcn/ui as starting point for many components. It's a great, modern library with a lot of good practices baked in. There are basically no disadvantages. I've been using shadcn/ui and Radix headless lib for a long time and I consider it best way to build.