3.0.0-rc.2

Changelog für Kolibri Version 3.0.0-rc.2

Veröffentlicht am 24. Dezember 2024

🚀 Neue Features

• Fokus-Styling: Hinzufügen von Fokus-Styling für Switch-Komponenten.
• Spellcheck-Unterstützung: Implementierung von Rechtschreibprüfung für Text- und Textarea-Eingabefelder.
• Button und Input mit Expert Slots: Einführung in der Sample App zur besseren Anpassung.
• Entfernung der horizontalen Größenanpassung: Unterstützung für horizontales Resizing in Textareas entfernt und entsprechende Beispiele aktualisiert.
• KoliBriDevHelper: Hinzufügen eines Helfertools für Theme-Patching und benutzerdefinierte Übersetzungen.

🛠 Verbesserungen

• BEM-Refactoring: Umfassende Umstellung der CSS-Klassen auf die BEM-Namenskonvention in zahlreichen Komponenten wie Button, Link, Modal, Toaster, Tabelle, usw.
• Workflow und CI-Pipeline: Parallelisierung der CI-Pipelines, flexible Optionen für das Veröffentlichen von NPM-Paketen und Verbesserungen der Definition of Done (DoD).
• Dokumentation: Aktualisierung der README.md und anderer Dokumentationsdateien, einschließlich Inline-Labels und Dokumentation bekannter Probleme.
• Abhängigkeitsmanagement: Aktualisierung und Pflege der Projektabhängigkeiten sowie Entfernung veralteter Themes und Komponenten.
• Visuelle Tests: Erweiterung der visuellen Tests durch Hinzufügen von Snapshot-Tests für verschiedene Viewports und Verbesserung der Snapshot-Verwaltung.

🐛 Fehlerbehebungen

• Barrierefreiheit: Entfernung von aria-hidden aus zugehörigen Formularfeldern, Korrektur von aria-Attributen in Comboboxen und Single-Selects sowie Behebung von Firefox-spezifischen Accessibility-Problemen mit aria-label.
• Rendering-Probleme: Behebung von Problemen, bei denen Tabellen nicht initial gerendert wurden, und Korrektur von Scope-Attributen für Tabellenüberschriften.
• Styling: Fehlerhafte Schließ-Tags in Tabellen korrigiert, Tab-Styling angepasst und Konsistenz bei Tabellenspalten sichergestellt.
• Snapshot-Tests: Behebung von Problemen beim Löschen und Aktualisieren von Snapshot-Dateien.
• Eingabefelder: Verbesserung der Validierung von Eingabemeldungen und Anpassung von Passwort-Eingabefeldern, um den Toggle-Button immer sichtbar zu machen.

🔧 Refactoring

• Komponenten als funktionale Komponenten: Umstrukturierung von Span- und Heading-Komponenten zu funktionalen Komponenten.
• Entfernung veralteter Eigenschaften und Komponenten: Entfernung von veralteten Eigenschaften wie alert und error sowie veralteter Komponenten und Fokussierungsmethoden.
• DOM-Events: Hinzufügen von DOM-Events für alle Komponenten und Ermöglichung der Weitergabe nativer Events.

🧪 Tests und Qualitätssicherung

• Jest Snapshot Testing: Einführung von Basis-Utilities und Beispielen für Jest Snapshot Tests.
• End-to-End (E2E) Tests: Hinzufügen von E2E-Tests und Behebung von Problemen bei der Handhabung von Nachrichten in Datumseingaben.
• Visuelle Tests: Erweiterung der visuellen Tests mit Snapshot-Tests für verschiedene Viewports und Verwaltung der Abhängigkeiten für visuelle Tests.

📝 Sonstiges

• Externe Links: Hinzufügen externer Links zur besseren Navigation und Referenz.
• Icons und Assets: Aktualisierung bestehender Codicons-Icons und Bereinigung ungenutzter Assets.
• Bildanpassungen: Anpassung der Bildbreiten für eine konsistente Darstellung.
• Konfigurationsdateien: Aktualisierung von Workflow- und Konfigurationsdateien wie publish.yml und dod-checker.yml.

👥 Mitwirkende

Ein großer Dank geht an alle Mitwirkenden, die diese Version möglich gemacht haben:

• @sdvg
• @Makko74
• @AlexanderSchmidtCE
• @anicyne
• @deleonio
• @laske185
• @janmaterne

Für detaillierte Informationen und eine vollständige Liste der Änderungen, besuchen Sie bitte das [vollständige Änderungsprotokoll](2.1.9...3.0.0-rc.2).

2.2.4

What's Changed

• chore: update deps and lock by @deleonio in #7192
• Update CONTRIBUTING.md for new branches by @sdvg in #7203
• chore: update deps and lock by @deleonio in #7206

Full Changelog: 2.2.3...2.2.4

Release 2.2.3

What's Changed

• Adjust image width by @anicyne in #7160
• Enhance visual tests by adding snapshot tests for different viewport … by @deleonio in #7172
• Manage dependencies for visual tests and add shields to Readmes by @deleonio in #7187
• Remove aria-hidden attribute from FormFieldMsg by @deleonio in #7189

Full Changelog: 2.2.2...2.2.3

Release 2.2.2

What's Changed

• Remove all BMF-Theme by @deleonio in #7147
• Fix Variant Rendering in AlertMsg by @Makko74 in #7140
• Add KoliBriDevHelper for theme patching and custom translations by @deleonio in #7145
• feat: update existing codicons icons and cleanup unused assets by @deleonio in #7158

Full Changelog: 2.2.1...2.2.2

Release 2.2.1

What's Changed

• 6808 Bug patchtheme funktioniert nicht in Verbindung mit setTagNameTransformer by @deleonio in #7074
• chore: update deps by @deleonio in #7088
• Snapshots: Fix Purge Snapshots step and update DoD by @sdvg in #7092
• Fix select-aria in combobox and single-select by @anicyne in #7095
• Fix glob for Purge existing snapshots by @sdvg in #7096
• Fix input-password: make toggle button always visible and add E2E test by @anicyne in #7089
• Fix ShortKey, Accesskey and Event Handler in Button Component Example by @Makko74 in #7086
• Implement spellcheck for input text and textarea by @deleonio in #7109
• refactor: enhance input msg validation by @deleonio in #7113
• Add E2E tests and fix _msg handling in input date by @anicyne in #7107
• Fix table column consistency by @anicyne in #7047

Full Changelog: 2.2.0...2.2.1

Release 2.2.0

Changelog for Version 2.2.0

Enhancements

• README Update: Improved documentation with updates to README. [#6998]
• Snapshot Testing: Added utilities and sample for Jest snapshot testing. [#7005]
• CI Pipeline Optimization: CI pipeline parallelized for efficiency. [#7001]
• Accessibility Improvements:
  • Removed aria-hidden from associated form fields. [#7014]
  • Added focus styling for switch components. [#7008]
  • Added ShortKey prop for elements with access keys. [#6957]
• Vertical Table Header Documentation: Added documentation for vertical table header rendering quirks. [#7021]
• External Link: Added an option to include external links. [#7007]

Bug Fixes

• Table Issues:
  • Fixed initial render bug for tables. [#7029]
  • Corrected scope attribute for table headers. [#7019]
  • Resolved incorrect closing tag in Table-Stateful. [#6997]
• Component Styling:
  • Adjusted pagination button color to resolve contrast issue. [#7031]
  • Fixed tab styling inconsistencies. [#7049]
  • Updated error list styling to use Alert-Card variant in forms. [#7048]
• Styling and Theming: Fixed style tag and adjusted theming order for consistency. [#7057]

Refactoring

• Component Refactoring:
  • Updated snapshot tests for several components, starting with input components and others in a phased approach. [#7024, #7060]
  • Changed Span and Heading components to functional components, though this was later reverted. [#7027, #7064]

Maintenance

• Dependency Updates: Updated dependencies and lock files. [#6992]
• Workflow and Pipeline Adjustments:
  • Introduced and fixed DoD workflow configurations. [#6999, #7026, #7028]
  • Made workflow for publishing NPM packages more flexible. [#7043]
• Miscellaneous: Minor file update for .jpg assets. [#7053]

Full Changelog: 2.1.9...2.2.0

This version includes various improvements, bug fixes, and optimizations for better accessibility, performance, and usability.

Release 2.1.9

We are excited to present the latest updates and improvements in KoliBri v2.1.9. Below are the key changes:

New Features

• Table: Added a spacer between the table body and footer for better visual separation. (#6860) by @Makko74
• Sample App: Display alerts with headline levels for improved structure and accessibility. (#6857) by @Makko74
• KolAlert: Icons are now always included in the accessibility tree to enhance accessibility. (#6932) by @AlexanderSchmidtCE

Improvements

• Accessibility: Optimized screen reader interactions on the Known Issues screen. (#6868) by @AlexanderSchmidtCE
• Styling: Updated badge styles for a more modern appearance. (#6908) by @Chrisdo82
• Typography: Moved font-size specifications to typography.scss and converted pixel values to rem() for better scalability. (#6968) by @anicyne

Bug Fixes

• Popup: Fixed an asynchronous ESLint error when closing popups. (#6858) by @Makko74
• Single-Select: Resolved delayed display of selected values. (#6885) by @anicyne
• Combobox: Corrected the issue where the combobox displayed an empty list during navigation. (#6891) by @anicyne
• KolInputDate: Fixed minimum and maximum value settings. (#6892) by @AlexanderSchmidtCE
• Drawer: Updated the README for the Drawer component. (#6970) by @anicyne
• Tree Item: Fixed alignment issues with tree items. (#6982) by @sdvg

Enhanced Functionality

• Table: Expanded documentation and introduced multi-sort functionality with a React example. (#6879) by @anicyne
• Internal Toasts: Refactored the internal Toast component for better maintainability. (#6969) by @Makko74
• Details Component: Transitioned to a collapsible functional component for increased flexibility. (#6940) by @Makko74

Code Optimizations and Refactorings

• Code Quality: Cleaned up the codebase following architectural patterns. (#6841) by @deleonio
• Line Heights: Changed line heights to use relative values for better scalability. (#6871) by @Makko74
• Components: Replaced alertVariant with variant in Toasts to simplify the API. (#6914) by @AlexanderSchmidtCE

Dependencies and Maintenance

• Dependencies:
  • Updated contributor-assistant/github-action from version 2.5.2 to 2.6.1. (#6893) by @dependabot
  • Upgraded Webpack from version 5.91.0 to 5.95.0. (#6919) by @dependabot
• Git Hooks: Introduced pre-commit hooks to enhance code quality. (#6730) by @Makko74
• Repository Maintenance: Performed general maintenance tasks on the repository. (#6974) by @sdvg

Other Changes

• Deprecations: Deprecated indented text and removed it from other components. (#6829) by @AlexanderSchmidtCE
• Fonts: Removed the BundesSans font in favor of more modern alternatives. (#6948) by @AlexanderSchmidtCE
• Reverts: Reverted the update of @types/react from version 18.3.9 to 18.3.4 due to compatibility issues. (#6894) by @laske185

Full Changelog: GitHub Comparison 2.1.8...2.1.9

---

Thank you to all contributors for your outstanding work and dedication!

Release 2.1.8

What's Changed:

• Bug Fixes:

  • Fixed link issue in TableStateful component. (by @sdvg in #6794)
  • Fixed input date formatting issue. (by @sdvg in #6793)
  • Addressed overlapping font size bug. (by @Makko74 in #6838)
  • Corrected initial counter values for inputs. (by @sdvg in #6800)

• Features and Enhancements:

  • Introduced tabs without button group functionality. (by @AlexanderSchmidtCE in #6790)
  • Added ability to enable manual mode and behavior properties for tabs. (by @Makko74 in #6761)
  • Introduced horizontal navigation wrap feature. (by @Makko74 in #6856)
  • Added currency format example with react-number-format in Sample App. (by @Makko74 in #6859)
  • Added an example showing grouped inputs with a single error message. (by @sdvg in #6801)
  • Implemented KolNav sample without submenu for better clarity. (by @Makko74 in #6825)
  • Enabled keyboard navigation in TableStateless. (by @anicyne in #6699)

• Refactoring and Code Improvements:

  • Moved playwright from devDependencies to dependencies in Sample App. (by @sdvg in #6812)
  • Removed ButtonGroup from TabComponent. (by @deleonio in #6796)
  • Refactored type AlternativeButtonLinkRolePropType for cleaner code. (by @Makko74 in #6830)
  • Updated bmf theme with improvements in two separate PRs. (by @Chrisdo82 in #6799, @deleonio in #6806)
  • Adjusted switch option label alignment for better UI consistency. (by @Makko74 in #6754)
  • Updated Sample App language to English for consistency. (by @AlexanderSchmidtCE in #6810)

• Chore and Maintenance:

  • Updated dependencies and lock file. (by @deleonio in #6792, #6855, #6867)
  • Removed unnecessary build script. (by @deleonio in #6844)
  • Added sample for KolTextInput with SmartButton functionality. (by @AlexanderSchmidtCE in #6865)
  • Updated CONTRIBUTING.md guidelines. (by @AlexanderSchmidtCE in #6818)
  • Enabled visual test timeout override for more flexibility. (by @sdvg in #6805)

• New Contributor:

  • @AlexanderSchmidtCE made their first contribution in #6790

Full Changelog: 2.1.7...2.1.8

Release 1.7.29

What's Changed:

• Build Optimization:

  • (#6843) Removed an unnecessary script from the build process, streamlining the overall build pipeline. This change reduces overhead and improves build efficiency. (by @deleonio in #6846)

• Dependency Updates:

  • Updated several project dependencies and lock files to ensure compatibility and resolve potential security vulnerabilities. Keeping dependencies up-to-date helps maintain stability and security. (by @deleonio in #6791, #6866)

• Bug Fix:

  • (#6808) Added adopted-style-sheets as a peer dependency to ensure proper compatibility with projects that utilize it. This fix resolves issues related to missing dependencies when using certain CSS handling features. (by @deleonio in #6853)

These updates improve the build process, maintain compatibility with dependencies, and address key issues related to CSS management.

Full Changelog: 1.7.28...1.7.29

Release 2.1.7

What's Changed

• Fix: select component sets the kol-alert-styles by @laske185 in #6702
• Implementation of SingleSelect with filter function by @anicyne in #6546
• Merge workflows publish and publish-page by @sdvg in #6701
• Fix KolTreeItem a11y concerns by @sdvg in #6673
• Add sample app e2e tests by @sdvg in #6703
• Move Playwright install from root package to packages by @sdvg in #6708
• Button and Link: Add property _ariaDescription by @Makko74 in #6711
• InputDate: Add reset method by @sdvg in #6712
• Remove create-kolibri package from publish workflow by @sdvg in #6715
• Example with font icons in the table by @Makko74 in #6727
• Translate all examples into English. by @anicyne in #6717
• Aside Scrollable by @Makko74 in #6732
• Changed color danger button by @Makko74 in #6731
• Remove duplicate ids - associated Form-Fields by @anicyne in #6737
• Snapshot branchauswahl vereinfachen by @deleonio in #6743
• Set default spinner color to black by @anicyne in #6741
• Update input-radio with hint and description by @anicyne in #6695
• Avatar: In chrome, the visible texts in the avatar shift when the font size is changed manually by @Makko74 in #6742
• Alert: typo in the alternative text of the close button by @Makko74 in #6745
• Refactoring selection of table component by @chrisalat in #6665
• Migrations too replacel koltable to koltablestateful by @Makko74 in #6738
• Combobox unit test by @anicyne in #6734
• Bump contributor-assistant/github-action from 2.4.0 to 2.5.1 by @dependabot in #6735
• Bump webpack from 5.93.0 to 5.94.0 in /packages/adapters/react-standalone by @dependabot in #6757
• Sample für Tabellen mit horizontalem Scrollen by @Makko74 in #6723
• Sampe formatting options for input fields by @Makko74 in #6736
• Docs: update snapshot workflow doc by @deleonio in #6751
• Fix visual snapshot testing for Windows by @sdvg in #6760
• Refactor Modal to use dialog by @sdvg in #6773
• Replace dropdown with kolPopoverWc in Split-Button by @anicyne in #6726
• Add new sample interactive-child-elements by @sdvg in #6784
• Fix Modal layout bug and remove redundant theme styles by @sdvg in #6778
• Table stateless selection: Support key property that's not part of the table headers by @sdvg in #6788

New Contributors

• @Makko74 made their first contribution in #6711

Full Changelog: 2.1.6...2.1.7