v5.5.0

What's Changed

KCheckbox

• Adds v-model support to KCheckbox. By @WinnyChang in #1140.
  • Guidance: The new v-model implementation supports binding to various data types, including arrays, booleans, numbers, strings, and objects, allowing it to seamlessly set or unset the specified value prop. Please take a look at the docs for more details.

KTextbox

• Fixes internal visually hidden style not taking effect in KDS components, and exposes the .visuallyhidden class as public.
  • Guidance: Import KDS styles in the main application stylesheet with @import '~kolibri-design-system/lib/styles/common'; as described in https://design-system.learningequality.org/installation#register-global-styles. Cleanup custom .visuallyhidden class from application styles. See https://design-system.learningequality.org/#helper-styles. By @MisRob in #1169.
• Allows KTextbox label to be passed via slot. By @MisRob in #1169.

Full Changelog: v5.4.2...v5.5.0

v5.4.2

What's Changed

KTable

• Updates KTable's loading state to reduce height inconsistencies and improve the user experience. By @LianaHarris360 in #1136.

KSelect

• Adds an array validator for KSelect’s value prop to prevent console errors when working with multi-selects. By @AllanOXDi in #1150.

Full Changelog: v5.4.1...v5.4.2

v5.4.1

What's Changed

KExternalLink

• Fixes KExternalLink's unexpected margin. By @vtushar06 in #1125.

KModal

• Fixes KModal's title and content text unexpectedly inheriting parent styles. By @Prashant-thakur77 in #1138.

KTextbox

• Adds outerBefore, outerAfter, innerBefore, innerAfter slots to KTextbox to append elements before or after KTextbox’s input. By @Abhishek-Punhani in #1123.

New Contributors

• @Prashant-thakur77 made their first contribution in #1138

Full Changelog: v5.4.0...v5.4.1

v5.4.0

What's Changed

KTable

• Adds new stickyColumns prop to KTable. This prop enables optional sticky columns for the first, firstTwo, and last columns. By @marcellamaki in #1056.

KSelect

• Fixes KSelect focus outline not being shown. By @AlexVelezLl in #1126.
• Fixes clear button click handler not being triggered on space or enter key press. By @AlexVelezLl in #1126.

KIcon

• Updates assignCoaches icon. By @AllanOXDi in #1124.

Full Changelog: v5.3.0...v5.4.0

v5.3.0

What's Changed

KTextbox

• Adds appearanceOverrides prop to KTextbox to override its container styles without using deep selectors. By @AlexVelezLl in #1104.

KTooltip

• Adds appearanceOverrides prop to KTooltip to override its container styles without using deep selectors. By @akolson in #1112.

KToolbar

• Adds props validators to KToolbar. By @vtushar06 in #1105.
  • Guidance: Check that no validator error appears in the console.

Docs 🗒️

• Adds a new documentation page for KToolbar. By @vtushar06 in #1105.
• Cleansup KModal documentation. By @MisRob in #1101.

Full Changelog: v5.2.2...v5.3.0

v5.2.2

What's Changed

KIcon

• Renames help icon to helpOutline and adds a new help icon (filled version of helpOutline). By @MisRob in #1081.
  • Guidance: Rename help icon to helpOutline.

KToolbar

• Fixes component name (in the exported component object) to be 'KToolbar’, instead of ‘UiToolbar’. By @MisRob in #1086.

Docs 🗒️

• Improves KTabsList documentation example styling. By @MisRob in #1063.
• Adds new documentation examples to KCard, KImg, KIcon, and KTextbox . Adds anchors and sub-navigation to some documentation pages. Hides irrelevant parts of code samples from KCard examples. By @MisRob in #1086.

New Contributors

• @vtushar06 made their first contribution in #1096

Full Changelog: v5.2.1...v5.2.2

v5.2.1

What's Changed

KSelect

• Fixes KSelect content overflowing when a selected option has a long label. By @AlexVelezLl in #1070.
• Turns the clear icon button into a small button to avoid vertical overflow when hovering. By @AlexVelezLl in #1070.

KTransition

• Fixes  component-vertical-slide-out-in kind moving from/to too high. By @AadarshM07 in #1071.

KIcon

• Adds new icon: expand. By @WinnyChang in #1068.

Docs 🗒️

• Fixes mobile responsiveness for component pages. By @Abhishek-Punhani in #1018.

New Contributors

• @WinnyChang made their first contribution in #1068

Full Changelog: 5.2.0...v5.2.1

v5.2.0

What's Changed

KCheckbox

• Adds a presentational prop to make the checkbox unfocusable but not disabled. By @AlexVelezLl in #1044.

KTable

• Adds horizontal separator lines below each row in KTable to match updated design specs. By @BabyElias in #1043.

KBreadcrumbs

• Removes the font-weight: bold style from KBreadcrumbs items. Items will now appear with regular font weight to match updated design specs. By @nucleogenesis in #967.

KTextbox

• Adds a readonly prop to make the input field non-editable. By @yeshwanth235 in #1039.

New Contributors

• @AadarshM07 made their first contribution in #1035

Full Changelog: v5.1.0...5.2.0

v5.1.0

What's Changed

KCardGrid

• Reduces default grid gap from 30px to 24px. By @shruti862 in #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 #990.

KCard

• Fixes long text overflow issues within KCard with checkboxes. By @AlexVelezLl in #1023.

KTable

• Fixes wrapping of long text in KTable cell. By @Abhishek-Punhani in #977.
• Fixes KTable sort icon not updating when using external sorting. By @BabyElias in #1034.

KSelect

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

KIcon

• Adds new icons: admins, allUsers, assignCoaches, coaches, learners, superAdmins. By @nucleogenesis in #1031.

useKResponsiveElement

• Wraps ResizeObserver callback with requestAnimationFrame to avoid possible resize observer issues. By @AlexVelezLl in #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 #978, #975 and #956.

New Contributors

• @mukulpythondev made their first contribution in #956

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

v5.0.2

What's Changed

KTable

• Fixes bug in keyboard navigation in KTable when Shift + Tab navigation was trapped. By @Pandaa007 in #900.

KCheckbox

• Fixes missing visual focus outline around KCheckbox in its indeterminate state. By @LianaHarris360 in #983.

Docs 🗒️

• Improves KDS Docs code examples by showing template, script, and style tabs for code examples. By @Pandaa007 and @EshaanAgg in #962, #965 and #973.
• Improves guidance on the useKLiveRegion documentation page. By @GautamBytes in #941.

New Contributors

• @GautamBytes made their first contribution in #941
• @Pandaa007 made their first contribution in #897
• @SukhvirKooner made their first contribution in #981

Full Changelog: v5.0.1...v5.0.2