Bump KDS from 4.5.1 to 5.0.0-rc10

[AlexVelezLl]

Desired behavior

Please go to our KDS releases page and track all changes, in special the breaking changes from 4.5.1 to 5.0.0-rc9, and make sure that them are propery applied in Studio (if needed).

Breaking changes from 4.5.1 to 5.0.0-rc9:

v5.0.0-rc0:

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.

v5.0.0-rc2:

KResponsiveWindow

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

v5.0.0-rc4:

KModal

• 🚩BREAKING🚩 Renames KModal's appendToRoot prop to appendToOverlay. By @MisRob in Let's teleport + make 'sidebar' icon flip in RTL languages kolibri-design-system#722
  • Guidance: Rename KModal's appendToRoot prop to appendToOverlay

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 After clicking on question of KA channel, it is redirected to the KA site instead of cotnent. #744

v5.0.0-rc7:

KResponsiveElementMixin

• 🚩BREAKING🚩 Removes KResponsiveElementMixin. By @AlexVelezLl in Remove KResponsiveElementMixin kolibri-design-system#783.
  • Guidance: Replace any use of KResponsiveElementMixin with the new composable useKResponsiveElement.

KCard

• 🚩BREAKING🚩 Renames KCard's titleLines prop to titleMaxLines. By @MisRob in KCardGrid part 2: Add KCardGrid with the base layouts + Add selection controls + Final documentation for KCard and KCardGrid + Few KCard bugfixes and improvements kolibri-design-system#785.
  • Guidance: Rename the prop.
• 🚩BREAKING🚩 Renames KCard's layout prop to orientation. By @MisRob in KCardGrid part 2: Add KCardGrid with the base layouts + Add selection controls + Final documentation for KCard and KCardGrid + Few KCard bugfixes and improvements kolibri-design-system#785.
  • Guidance: Rename the prop.

v5.0.0-rc8:

Theme tokens

• 🚩BREAKING🚩 Updates Theme Tokens to the latest specs to comply material design specifications. By @AlexVelezLl in https://github.com/learningequality/kolibri-design-system/pull/782.
  • Guidace: Please update all v_* theme tokens using the mapping posted in Update KDS Theme Token values kolibri-design-system#775.

v5.0.0-rc10:

KDS General Styling

• 🚩BREAKING🚩 Removes deprecated dropshadows. By @lokesh-sagi125 in remove deprecated dropshadows kolibri-design-system#815.
  • Guidance: Update any %dropshadow-Xdp usage different than 1dp, 2dp and 6dp to the latest drop shadows guidelines.

UiToolbar

• 🚩BREAKING🚩 Removes /lib/keen/UiToolbar. By @rtibbles in Minimal implementation of KToolbar. kolibri-design-system#831.
  • Guidance: Use the new KToolbar component instead.

KCard

• 🚩BREAKING🚩 Makes the title prop required. By @MisRob in More flexible KCard click event handling kolibri-design-system#825.
  • Guidance: Even if you use the title slot, pass the title text via the title prop.