Rethink Tailwind, @northware/ui, Stylesheets

[onissen]

Beschreibung

Tailwind CSS funktionierte mit dem Sass-Styling aus @northware/theme nicht reibungslos, weshalb ich mich entschieden habe, Taiilwind neu zu konfigurieren und statt Sass nun Plain CSS zu verwenden. Der Plan ist, von Custom CSS weg zu kommen, und die UI nur noch über Komponenten mit Tailwind Classes zu steuern. So sollte es dann in den meisten Fällen nicht mehr nötig sein, CSS-Code zu schreiben.

Referenzen

Dieser Pull Request löst folgende Issues:

• 141

• 105

• 107

Änderungen an @northware/tailwind-config

• Anpassung an Keyframe-Konfiguration für shadcn/ui
• Customization der .container Tailwind Klasse zur Übernahme von .content aus @northware/theme

Änderungen an northware-cockpit

• Review der tailwind.config.js ohne größere Veränderungen
• Die App hat eine eigene globals.css die für das korrekte Compilern von Tailwind-Klassen innerhalb des App-Codes nötig ist
• layout.jsx Import der globals.css und @northware/ui/styles.css (Styling aus dem UI-Package), Import der Font-Konfiguration jetzt aus @northware/ui
• Nutzung von Komponenten aus @northware/ui zu Testzwecken
• Die Login Page hat kein Styling mehr aus der alten Login.module.sass. Dieses Styling muss noch in Komponenten umgestellt werden

Änderungen an @northware/ui

• Komponenten werden unter @northware/ui/components exportiert, wenn sie von der src/components/index.js exportiert werden
• Die Tailwind CLI kompiliert verwendete Tailwind Stylings basierend auf der src/css/input.css in die src/css/output.css. Diese Datei wird unter @northware/ui/css exportiert.
• @northware/ui übernimmt die Font-Konfiguration aus @northware/theme unter @northware/ui/fonts
• Einführung der custom Funktion cn() innerhalb von @northware/ui im src/utils Ordner (wird aktuell nicht exportiert

[changeset-bot[bot]]

🦋 Changeset detected

Latest commit: 6ec1ca09a79451d69f1f14a124fcf3d38ebb86c4

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

This PR includes changesets to release 1 package

| Name | Type | | -------------------------- | ----- | | @northware/tailwind-config | Minor |

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