kolibri | React Ecosystem Directory

kolibri - Release 1.5.0

Published by deleonio over 1 year ago

Das Release 1.5 bringt zahlreiche neue Komponenten, Verbesserungen und ein vereinfachtes Theming mit.

Die wichtigsten Änderungen sind:

Neue Komponenten
- Image
- Popover
- SplitButton
- ToggleButton (s. InputCheckbox)
- Quote
Verbesserungen
- Performance
  - Die Performance wurde durch die überdimensionierten CSS-Definitionen in der Icon-Komponente beeinträchtigt. Hintergrund sind die vielen Icon-Selectoren in den Icon-Fonts. Für ein Design-System wird jedoch nur ein Bruchteil dieser CSS-Definitionen wirklich benötigt. Für die Komponenten haben wir uns für die schlanke Icon-Font von Visual Studio Code (Codicon) entschieden und Icofont und Font-Awesome standardmäßig entfernt (kann wieder nachgerüstet werden). Somit bringt dieses Release eine erhebliche Performance-Verbesserung beim Rendern der Komponenten mit sich.
- Assets (Fonts und Icons)
  - Versionen der Icon-Fonts wurden aktualisiert
  - Assets wurden auf die Themes aufgeteilt, wo sie relevant sind. Dadurch können die KoliBri-Artefakt (NPM-Paket) verkleinert und somit schneller heruntergeladen und installiert werden.
  - Durch das Hinterlegen eines Postinstall-Scripts können die Assets nach jeder Installation der KoliBri-Pakete automatisch in den public/assets-Ordner kopiert werden.
```
	// package.json
	"scripts": {
		…
		"postinstall": "npm-run-all postinstall:*",
		"postinstall:components-assets": "cpy \"node_modules/@public-ui/components/assets/**/*\" public/assets --dot",
		"postinstall:themes-assets": "cpy \"node_modules/@public-ui/themes/assets/**/*\" public/assets --dot",
	},
	"devDependencies": {
		"cpy-cli": "^4.2.0",
		"npm-run-all": "^4.1.5",
		…
	}
```
  - Weitere Icon-Fonts wurden in Themes verwendet:
    - Microsoft Codicons
    - Google Material Icons
    - Google Material Symbols
    - Tabler Icons
Refactorings
- Ein paar Komponenten haben wir refactored, um die Funktionalitäten zu erweitern und die Wartbarkeit zu verbessern.
- Accordion
  - Der Header des Accordions wird jetzt mittels KoliBri-Heading, -Button und -Span umgesetzt.
  - Accordions lassen sich jetzt auch animiert auf- und zuklappen.
- Alert
  - Die Konstruktion der Alerts wurde überarbeitet, um die volle Flexibilität für die Gestaltung zu ermöglichen.
- Heading
  - Die Heading-Komponente wurde mit einem Expert-Slot versehen.
- Inputs, Select und Textarea
  - Die Konstruktion aller Eingabefelder wurde überarbeitet, um die Gestaltbarkeit und Wartbarkeit zu verbessern.
- Nav
  - Aufklappbare Untermenüs haben jetzt einen separaten Expand-Button. So kann der eigentliche Menüpunkt unabhängig vom Auf- und Zuklappen verwendet werden.
  - Menüpunkte können jetzt Links, Buttons oder auch reiner Text sein.
- Table
  Die Pagination befindet sich jetzt im DOM immer oben, um den blinden Nutzenden eine schnellere Navigation zu ermöglichen. Für sehende Nutzende kann die Pagination über das Theming entweder über oder unter der Tabelle angezeigt werden.
- Tabs
  - Die Tabs verwenden jetzt die KoliBri-Button-Komponente.
- Alle relevante Themes wurden bzgl. der Refactorings überarbeitet
Adapter
- Neuer Adapter für Angular 16 hinzugefügt
KoliBri-CLI
- Templates
  - Die Templates wurden überarbeitet und aktualisiert.
  - Angular-Template auf Version 16 aktualisiert
Expert-Slot
- Der Expert-Slot kann verwendet werden, um beliebiges HTML anstatt des Text-Labels auf eigene Verantwortung einfügen zu können.
- Bei der Einführung eines Expert-Slots, wird in der Regel das Property _label Pflicht. Entweder enthält das Label einen Text, der dann ohne Slot angezeigt wird. Oder es ist leer und der Expert-Slot wird aktiviert.
```
<kol-heading _label="Inhalt einer H4-Überschrift" _level="4"></kol-heading>
<kol-heading _label="" _level="4">
	<span slot="expert"> Inhalt einer H4-Überschrift … </span>
</kol-heading>
```
- Heading: Die Heading ermöglicht jetzt das Einfügen beliebiger Inhalte im Expert-Modus. Hierzu wurde das erforderliche Property _label eingeführt. Lässt man das Property leer (_label=""), wird er Expert-Slot aktiviert.
Theming
- Basis-Styling: Wir haben das CSS auf den Komponenten auf das Wesentliche reduziert. Das Styling beinhaltet primär nur noch Layout-Definitionen ohne Farben, Abstände und Tokens. Somit kann das Erstellen von eigenen Themes deutlich vereinfacht werden.
- Alle unsere Themes wurden bezüglich der neuen Basis-Styling-Definitionen angepasst und konnten dadurch deutlich vereinfacht werden.
- Neue Themes
  - Theme der Europäischen Kommission
  - Theme der Europäischen Union
  - Theme für die neue Version des Design-Systems Zoll (v2)
  - Theme des Bundes Styleguides (Bundesregierung)
  - Theme des Bundeszentralamts für Steuern (WIP)
  - Theme des Freistaats Thüringen (für Demozwecke)
Dokumentation
- Code-Beispiele
  - Es gibt eine Beispiel-Anwendung (Sample-App) mit zahlreichen Code-Beispielen.
  - Code-Beispiele wurden erweitert und aktualisiert
  - Beispiel-Anwendung kann ausgecheckt und lokal gestartet werden (ist im KoliBri-Repository).
  - Code-Bespiele werden jetzt in der Dokumentation angezeigt.
  - Code-Beispiele beinhaltet eine Handout-Sicht für Präsentationen von Themes.
- Texte
  - Die Texte wurde überarbeitet und aktualisiert.
  - Die Texte wurde auf Englisch übersetzt.
- Live-Editor (beta): Alle Komponenten können jetzt live umkonfiguriert werden. Die Änderungen werden daneben im Viewer direkt auf der Komponente angezeigt.
Funktionalitäten
- Der Link ermöglicht jetzt die Angabe eines Dateinamens für den Download-Link.
- Der Progress kann jetzt auch den Fortschritt als lesbaren Text anzeigen und eine Bezeichnung haben.

Contributors: @Chrisdo82, @cyrdam, @deleonio, @laske185 and @Wolfram-Zell

Full Changelog: https://github.com/public-ui/kolibri/compare/1.4.2...1.5.0

kolibri - Release 1.4.2

Published by deleonio over 1 year ago

What's Changed

Fix/type node versioning by @deleonio in https://github.com/public-ui/kolibri/pull/2520
docs: update presentation by @deleonio in https://github.com/public-ui/kolibri/pull/2519
Fix/optimize basis styling by @deleonio in https://github.com/public-ui/kolibri/pull/2521
fix: locales as ts files by @laske185 in https://github.com/public-ui/kolibri/pull/2502
1.4 by @deleonio in https://github.com/public-ui/kolibri/pull/2538
1.4 by @deleonio in https://github.com/public-ui/kolibri/pull/2545
fix: initial reset of manual typing date values by @laske185 in https://github.com/public-ui/kolibri/pull/2548

Full Changelog: https://github.com/public-ui/kolibri/compare/1.4.1...1.4.2

kolibri - Release 1.4.1

Published by deleonio over 1 year ago

What's Changed

Fix/checkbox style by @deleonio in https://github.com/public-ui/kolibri/pull/2491
fix(kol-link-button): fix styles for bmf by @Chrisdo82 in https://github.com/public-ui/kolibri/pull/2492
Fix/checkbox style by @deleonio in https://github.com/public-ui/kolibri/pull/2494
Fix/checkbox style by @deleonio in https://github.com/public-ui/kolibri/pull/2495
1.4 by @deleonio in https://github.com/public-ui/kolibri/pull/2496

Full Changelog: https://github.com/public-ui/kolibri/compare/1.4.0...1.4.1

kolibri - Release 1.4.0

Published by deleonio over 1 year ago

What's Changed

build(deps-dev): bump rimraf from 4.0.4 to 4.1.2 in /packages/adapters/svelte by @dependabot in https://github.com/public-ui/kolibri/pull/2144
chore: auto dependency update by @deleonio in https://github.com/public-ui/kolibri/pull/2217
Chore/some optimization by @deleonio in https://github.com/public-ui/kolibri/pull/2231
Chore/some optimization by @deleonio in https://github.com/public-ui/kolibri/pull/2254
fix tooltip auto positioning by @laske185 in https://github.com/public-ui/kolibri/pull/2253
Chore/some optimization by @deleonio in https://github.com/public-ui/kolibri/pull/2259
Chore/some optimization by @deleonio in https://github.com/public-ui/kolibri/pull/2280
Chore/some optimization by @deleonio in https://github.com/public-ui/kolibri/pull/2283
Chore/some optimization by @deleonio in https://github.com/public-ui/kolibri/pull/2290
chore: auto dependency update by @deleonio in https://github.com/public-ui/kolibri/pull/2291
Chore/some optimization by @deleonio in https://github.com/public-ui/kolibri/pull/2309
Fix/issue 2311 by @deleonio in https://github.com/public-ui/kolibri/pull/2328
chore: optimize badge, button, checkbox and link by @deleonio in https://github.com/public-ui/kolibri/pull/2329
Chore/some optimization by @deleonio in https://github.com/public-ui/kolibri/pull/2349
chore: set label type to string | number by @cyrdam in https://github.com/public-ui/kolibri/pull/2252
Chore/some optimization by @deleonio in https://github.com/public-ui/kolibri/pull/2397
chore: update lighthouse to 10.0.1 by @laske185 in https://github.com/public-ui/kolibri/pull/2376
Revert "chore: set label type to string | number" by @deleonio in https://github.com/public-ui/kolibri/pull/2382
build(deps-dev): bump @babel/types from 7.20.5 to 7.21.0 in /packages/adapters/svelte by @dependabot in https://github.com/public-ui/kolibri/pull/2407
build(deps-dev): bump unbuild from 1.1.1 to 1.1.2 in /packages/adapters/solid by @dependabot in https://github.com/public-ui/kolibri/pull/2392
build(deps-dev): bump unbuild from 1.1.1 to 1.1.2 in /packages/themes by @dependabot in https://github.com/public-ui/kolibri/pull/2391
build(deps-dev): bump @types/node from 18.11.17 to 18.14.0 in /packages/adapters/svelte by @dependabot in https://github.com/public-ui/kolibri/pull/2387
build(deps-dev): bump unbuild from 1.1.1 to 1.1.2 in /packages/adapters/vue by @dependabot in https://github.com/public-ui/kolibri/pull/2386
build(deps-dev): bump unbuild from 1.1.1 to 1.1.2 in /packages/adapters/preact by @dependabot in https://github.com/public-ui/kolibri/pull/2385
Fix/2202 bug kolinputdate mit type time akzeptiert nicht korrekt formatieren wert by @laske185 in https://github.com/public-ui/kolibri/pull/2378
2257 reset number and date fields by @laske185 in https://github.com/public-ui/kolibri/pull/2377
build(deps-dev): bump eslint-plugin-jsdoc from 39.8.0 to 40.0.0 in /packages/library by @dependabot in https://github.com/public-ui/kolibri/pull/2355
build(deps-dev): bump typescript from 4.9.4 to 4.9.5 in /packages/adapters/svelte by @dependabot in https://github.com/public-ui/kolibri/pull/2208
build(deps-dev): bump svelte from 3.55.0 to 3.55.1 in /packages/adapters/svelte by @dependabot in https://github.com/public-ui/kolibri/pull/1990
chore: auto dependency update by @deleonio in https://github.com/public-ui/kolibri/pull/2310
Chore/some optimization by @deleonio in https://github.com/public-ui/kolibri/pull/2418
style: fix BMF styles for several components by @Chrisdo82 in https://github.com/public-ui/kolibri/pull/2453
style(kol-nav): extend BMF styles by @Chrisdo82 in https://github.com/public-ui/kolibri/pull/2434
style(kol-tabs): fix styles for BMF theme by @Chrisdo82 in https://github.com/public-ui/kolibri/pull/2435
option label validator accepts numbers by @laske185 in https://github.com/public-ui/kolibri/pull/2432
Chore/some optimization by @deleonio in https://github.com/public-ui/kolibri/pull/2454
fix: style of tooltip outside shadow dom by @laske185 in https://github.com/public-ui/kolibri/pull/2470
Chore/review themes by @deleonio in https://github.com/public-ui/kolibri/pull/2471
Revert "Chore/review themes" by @deleonio in https://github.com/public-ui/kolibri/pull/2475
fix(kol-button, kol-details): fix styles for bmf, fix linting by @Chrisdo82 in https://github.com/public-ui/kolibri/pull/2474
fix(kol-nav): fix styles for bmf by @Chrisdo82 in https://github.com/public-ui/kolibri/pull/2473
Revert "Revert "Chore/review themes"" by @laske185 in https://github.com/public-ui/kolibri/pull/2477
Fix/host styling by @deleonio in https://github.com/public-ui/kolibri/pull/2480

New Contributors

@cyrdam made their first contribution in https://github.com/public-ui/kolibri/pull/2252

Full Changelog: https://github.com/public-ui/kolibri/compare/1.3.1...1.4.0

kolibri - 👷🏽‍♂️ Release 1.3.1

Published by deleonio over 1 year ago

What's Changed

Chore/some optimization by @deleonio in https://github.com/public-ui/kolibri/pull/2182
chore: release 1.3.1 by @deleonio in https://github.com/public-ui/kolibri/pull/2200

Full Changelog: https://github.com/public-ui/kolibri/compare/1.3.0...1.3.1

kolibri - 🧑‍🔧 Release 1.3.0

Published by deleonio over 1 year ago

What's Changed

chore: auto dependency update by @deleonio in https://github.com/public-ui/kolibri/pull/2051
Chore/some optimization by @deleonio in https://github.com/public-ui/kolibri/pull/2076
fix: theme format by @deleonio in https://github.com/public-ui/kolibri/pull/2077
components localized by @laske185 in https://github.com/public-ui/kolibri/pull/1987
Chore/some optimization by @deleonio in https://github.com/public-ui/kolibri/pull/2079
style: extend alert styles for bmf by @Chrisdo82 in https://github.com/public-ui/kolibri/pull/2091
Issue 2043: Fixed aria-current in KolNav by @tim-laue in https://github.com/public-ui/kolibri/pull/2092
style: extend badge styles for bmf #770 by @Chrisdo82 in https://github.com/public-ui/kolibri/pull/2075
Chore/some optimization by @deleonio in https://github.com/public-ui/kolibri/pull/2111
Chore/some optimization by @deleonio in https://github.com/public-ui/kolibri/pull/2119
Chore/some optimization by @deleonio in https://github.com/public-ui/kolibri/pull/2151
fix: register locales in cores register function by @laske185 in https://github.com/public-ui/kolibri/pull/2165
Chore/some optimization by @deleonio in https://github.com/public-ui/kolibri/pull/2166
feature: auto align tooltip by @laske185 in https://github.com/public-ui/kolibri/pull/2168
Chore/some optimization by @deleonio in https://github.com/public-ui/kolibri/pull/2170