v4.5.0

What's Changed

KCheckbox

• 🚩BREAKING🚩 Removes internal state management for checked & indeterminate in KCheckbox.
  • Guidance: Now it is your responsibility to handle the change event and update whether or not the given checked and indeterminate props reflect the reality that you expect. By @nucleogenesis in #744

Full Changelog: v4.4.1...v4.5.0

v5.0.0-rc3

What's Changed

KIcon

• Adds new Icon: brokenImage. By @rtibbles in #391.
• Adds brokenImage icon as fallback if the provided icon is invalid. By @rtibbles in #391.

KCard

• Updates KCard styles to remove the border-radius when thumbnailAlign is left. By @Spoorthy1423 in #754.

KThemePlugin

• Adds $darken1, $darken2 and $darken3 global utility functions for darkening palette colors. By @shivam-daksh in #728.

New components

• KRadioButtonGroup: New component to fix keyboard navigation in radio button groups in Firefox. By @muditchoudhary in #650.
  • Guidance: Make sure that all KRadioButtons are wrapped in KRadioButtonGroup.

Docs 🗒️

• Updates drop shadows documentation to the latest guidance from the design team. By @MisRob in #723.

User experience

• Updates $core-time value from 0.25s to 0.15s to get faster transitions in KButton, KExternalLink, KRouterLink, KModal, KCard, KIcon, KTabsList, KTabs, and places in consumers that imports $core-time. By @MisRob in #723.

New Contributors

• @shivam-daksh made their first contribution in #728
• @Spoorthy1423 made their first contribution in #754

Full Changelog: v5.0.0-rc2...v5.0.0-rc3

v5.0.0-rc2

What's Changed

KResponsiveWindow

• 🚩BREAKING🚩 Removes KResponsiveWindowMixin. By @AlexVelezLl in #719.
  • Guidance: Replace any use of KResponsiveWindowMixin with the new composable useKResponsiveWindow.

KDateRange

• Changes KDateRange behavior when opening the calendar, it now shows the month of the lastAllowedDate prop instead of the current month. By @LianaHarris360 in #718.

KCard

• Adds new thumbnailAlign prop to control the alignment of the thumbnail area in horizontal layouts. By @AllanOXDi in #706.
• Adds preserveAboveTitle, preserveBelowTitle and preserveFooter props to preserve the space for the corresponding slots even if they are not defined. By @AllanOXDi in #705.

Backported changes from v4.4.1

KListWithOverflow

• Fixes ResizeOserver errors when KListWithOverflow is resized very quickly. By @AlexVelezLl in #717.

Full Changelog: v5.0.0-rc1...v5.0.0-rc2

v4.4.1

What's Changed

KListWithOverflow

• Fixes ResizeOserver errors when KListWithOverflow is resized very quickly. By @AlexVelezLl in #717.

Full Changelog: v4.4.0...v4.4.1

v5.0.0-rc1

What's Changed

KImg

• Updates KImg's placeholder and letterbox area background color to a lighter shade of grey, v_50. By @MisRob in #666.

Icons

• Adds new Icon: previewUnavailable. By @MisRob in #678.

New components

• KCard: An accessible base card component offering the most frequently used card content and thumbnail layouts, as well as other customization options. By @AllanOXDi in #625, #709, #707 and #688.

KDS Instalation

• Adds logic that inserts ARIA live assertive and polite regions to an application's document body during KDS initialization. By @MisRob in #687.

New composables

• useKLiveRegion: composable with public methods for updating the live regions with assertive and polite messages. By @MisRob in #687.
  • Guidance: Find all polite and live regions (or roles) in an application. Remove them and instead use useKLiveRegion.sendPoliteMessage and useKLiveRegion.sendAssertiveMessage to update the live regions that KDS inserted to document body during installation.

Docs 🗒️

• Adds new Installation page to inform the KDS installation steps, and note the changes it makes to the DOM, and the properties, helpers and components it provided. By @MisRob in #687.

Backported changes from v4

KModal

• Adds boolean appendToRoot prop, if true it teleports the KModal to the body element. By @AlexVelezLl in #680.

KListWithOverflow

• Fixes missing recalculation of overflowed items when there are changes in inner list items. By @AlexVelezLl in #680.

KTabsList, KTabs, KTabsPanel

• Fixes extra white space below KTabsList. By @AlexVelezLl in #673.

GH Repo 👨‍💻

• Adds repository field in package.json. By @AlexVelezLl in #667.

Full Changelog: v5.0.0-rc0...v5.0.0-rc1

v4.4.0

What's Changed

KModal

• Adds boolean appendToRoot prop, if true it teleports the KModal to the body element.

KListWithOverflow

• Fixes missing recalculation of overflowed items when there are changes in inner list items.

Full Changelog: v4.3.2...v4.4.0

v4.3.2

What's Changed

KTabsList, KTabs, KTabsPanel

• Fixes extra white space below KTabsList.

GH Repo 👨‍💻

• Adds repository field in package.json.

Full Changelog: v4.3.1...v4.3.2

v5.0.0-rc0

What's Changed

KImg

• 🚩BREAKING🚩 Removes KImg props related to dimensions: height, width, maxHeight, minHeight, maxWidth, minWidth.
  • Guidance: Use native style, for example replace <KImg width="100%" maxWidth="500px" /> by <KImg :style="{ width: '100%', maxWidth: '500px' }" />.

KTextTruncator

• 🚩BREAKING🚩 Removes lineHeightIE prop and drops Internet Explorer 11 support.
  • Guidance: To be used in newer versions of products that don't need to support IE11.

KSelect

• Internal refactor of KSelect as part of moving away from Keen UI.
  • Guidance: Thorough QA of places that use KSelect is recommended due to the large scope of refactor.
• Adds new events: @dropdown-open, @dropdown-close, @query-change, @input, @touch, @focus.
• Adds new slots: #default, #display, #option, #no-results, #error, #help.
• Adds new public method reset to reset the state of the KSelect to default values.

KModal

• Fixes KModal content height calculation, and now it shrinks when the content has a smaller height.
  • Guidance: Double check that the height of the modals continues to work correctly.

New Contributors

• @galovdev made their first contribution in #590
• @Nivas7 made their first contribution in #652

Full Changelog: v4.3.1...v5.0.0-rc0

v4.3.1

What's Changed

Docs 🗒️

• Updates the link to the Changelog with a link to the Release Notes in the documentation pages header.
• Updates selection color in documentation pages for better contrast.

KSelect

• 🗒️ Adds documentation for the @blur, @change and @select events.

New Contributors

• @musser004 made their first contribution in #653

Full Changelog: v4.3.0...v4.3.1

v4.3.0

What's Changed

KDropdownMenu

• Adds new prop isContextMenu to allow it to open the menu when the user right-clicks on the KDropdownMenu’s parent element.
• Adds new slot header to allow display content as a menu header.
• Exposes the click event object as a second argument on @select event.

Icons

• Updates icon pointsActive.
• Removes icon pointsInactive as it was not being used anywhere.

Full Changelog: v4.2.1...v4.3.0