v5.5.2

What's Changed

KCard

• Adds the thumbnail slot to KCard. By @MisRob in #1194.

KExternalLink

• Prevents the external link icon from becoming tiny. By @MisRob in #1198.

KIcon

• Adds new icons: openSidepanel, closeSidepanel and course. By @marcellamaki in #1197.

Full Changelog: v5.5.1...v5.5.2

v5.5.1

What's Changed

KDropdownMenu

• Fixes multiple context menus opened at once. By @Abhishek-Punhani in #1192.

KIcon

• Adds new icon: bell. By @AlexVelezLl in #1184.

KDS Dependencies

• Updates a lodash import to use a specific module path to reduce asset size caused by importing the entire lodash library. By @rtibbles in #1191.

Full Changelog: v5.5.0...v5.5.1

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