v5.1.0

[AlexVelezLl]

What's Changed

KCardGrid

• Reduces default grid gap from 30px to 24px. By @shruti862 in changed default grid gap to 24px of KCardGrid #999.
• Adds syncCardsMetrics prop for reserving space for selection control width in KCard to align cards that have selection controls and the ones that don’t. By @AlexVelezLl in [Proposal] Add useGridMetrics to calculate common selectionControlWidth for KCard #990.

KCard

• Fixes long text overflow issues within KCard with checkboxes. By @AlexVelezLl in Add min-width: 0 for k-card-area #1023.

KTable

• Fixes wrapping of long text in KTable cell. By @Abhishek-Punhani in Fixed:Text not wrapped properly in KTable #977.
• Fixes KTable sort icon not updating when using external sorting. By @BabyElias in [KTable] Disable Built-in Sorting #1034.

KSelect

• Adds truncateOptionsLabel prop to control whether to truncate or wrap the KSelect options label when it overflows. By @AlexVelezLl in [KSelect] Add truncateOptionsLabel prop #1027.

KIcon

• Adds new icons: admins, allUsers, assignCoaches, coaches, learners, superAdmins. By @nucleogenesis in Kolibri 0.19 Bulk User Mgmt Icons #1031.

useKResponsiveElement

• Wraps ResizeObserver callback with requestAnimationFrame to avoid possible resize observer issues. By @AlexVelezLl in Wrap ResizeObserver callback with requestAnimationFrame #1026.

Docs 🗒️

• Improves KCardGrid, KCard, and KTabList Docs code examples by showing template, script, and style tabs for code examples. By @GautamBytes, @Abhishek-Punhani and @mukulpythondev in Migrate KCardGrid documentation to use DocsExample component #978, Migrate KCard documentation to use DocsExample component #975 and Migrate KTabList examples to DocsExample #956.

New Contributors

• @mukulpythondev made their first contribution in Migrate KTabList examples to DocsExample #956

Full Changelog: v5.0.2...v5.1.0

---

This discussion was created from the release v5.1.0.