v26

Orbit Migration Guide v26

Breaking changes

Required accessibility props in Loading component

<Loading />
<Loading text="Loading" />
<Loading title="Loading" />
<Loading ariaHidden />

Required accessibility props in Card and Accordion components

  • Card component: loadingTitle or loadingHidden
  • Accordion component: loadingTitle or loadingHidden
<Card loading />
<Accordion loading />
<Card loading loadingTitle="Loading card content" />
<Accordion loading loadingTitle="Loading accordion content" />
<Card loading loadingHidden />
<Accordion loading loadingHidden />

Codemod

  • Add title prop with default loading message to Loading components that don’t have any accessibility props
  • Convert aria-hidden to ariaHidden
  • Add loadingTitle prop with default loading message to Card and Accordion components that have loading prop
intl.formatMessage({
id: "common.loading",
defaultMessage: "Loading",
});
npx jscodeshift -t https://raw.githubusercontent.com/kiwicom/orbit/master/packages/orbit-components/transforms/transforms-v26.js --parser=tsx --extensions=ts,tsx <pathToYourCode>