Skip to content

Releases: newscorp-ghfb/NewsKit

v6.1.0

20 Sep 13:58
@mstuartf mstuartf
v6.1.0
95b55fb
Compare
Choose a tag to compare
v6.1.0

What's Changed

New Features 🎉

Bug Fixes 🐛

Other Changes 🧱

New Contributors

Full Changelog: v6.0.0...v6.1.0

Contributors

jps, mutebg, and 8 other contributors
Assets 2
Loading

v6.0.0

29 Aug 12:09
@evgenitsn evgenitsn
v6.0.0
f9d16ec
Compare
Choose a tag to compare
v6.0.0

What's Changed

Breaking Changes 🛠

New Features 🎉

Bug Fixes 🐛

Other Changes 🧱

Full Changelog: v5.7.0...v6.0.0

New Contributors

NewsKit v6 Migration Guide

NewsKit Provider

NewsKitProvider replaces the top-level ThemeProvider, internally this provider includes:

  • ThemeProvider
  • MediaQueryProvider
  • InstrumentationProvider
  • LayerManager

That means if your current app looks like this

<InstrumentationProvider {...instrumentation provider props..}>
  <ThemeProvider theme={theme}>
    <App />
  </ThemeProvider />
</InstrumentationProvider>

Needs to be updated to this:

<NewsKitProvider theme={theme} instrumentation={...instrumentation provider props..}>
  <App />
</NewsKitProvider>

When you create sub-themes the <ThemeProvider /> still can be nested to facilitate that.

We also introduced a new LayerManager that handles stacking context ( z-index ) depending on the way you build the custom components you might need to adjust NewsKitProvider as passing zIndex value so that newskit components like Modal and Drawer render above your custom components.

<NewsKitProvider layer={{zIndex: 999}}> .... </NewsKitProvider>

Emotion packages as peer dependencies

Starting from version 6, newskit does not include @emotion/styled & @emotion/react libraries, which means you need to install these separately:

// npm
npm install [email protected] @emotion/react @emotion/styled
// or yarn
yarn add [email protected] @emotion/react @emotion/styled

Icons

Starting from version 6, newskit does not include emotion icons, you have to install @emotion-icons/material and @emotion-icons/material-outlined and import them manually.

You can also search for the corresponding icon here https://emotion-icons.dev/ and follow the example below:

// Old way
import { IconFilledAccountTree } from 'newskit';

// New way
import {toNewsKitIcon} from 'newskit';
import {AccountTree} from '@emotion-icons/material/AccountTree';
const IconFilledAccountTree = toNewsKitIcon(AccountTree);

We also provide a codemod for that transformation, so you don’t have to do it manually.

npx @newskit/codemod emotion-icons 'components/**/*.+(ts|tsx|json)'

From Enum to Union Types

We removed all typescript Enum from newskit and replaced them with Union types.
For example:

// Old
<Button size={ButtonSize.Small}>Button</Button>

// New
<Button size="small">Button</Button>

We also provide a codemod for that transformation, so you don’t have to do it manually.

npx @newskit/codemod enum-to-union 'components/**/*.+(ts|tsx|json)'

UnorderedList has a circle icon as a marker by default

Before version 6, UnorderedList component did not include any marker icon by default, from v6.
If you still need that behaviour you can remove the icon by passing null to listItemMarker prop.
For example:

<UnorderedList listItemMarker={null} />

We also provide a codemod for that transformation, so you don’t have to do it manually.

npx @newskit/codemod update-list-item-marker-ul-value 'components/**/*.+(ts|tsx|json)'

Codemods

For most of the breaking changes, we provide codemods which would provide an easy migration to v6, checkout @newskit/codemod package at NPM for the complete list of scripts.

Contributors

jps, mutebg, and 10 other contributors
Assets 2
Loading

v5.7.0

18 Jul 11:41
@Xin00163 Xin00163
v5.7.0
947c568
Compare
Choose a tag to compare
v5.7.0

What's Changed

New Features 🎉

Bug Fixes 🐛

Other Changes 🧱

New Contributors

Full Changelog: v5.6.0...v5.7.0

Contributors

jps, mutebg, and 10 other contributors
Assets 2
Loading

v5.6.0

27 Jun 09:08
@Xin00163 Xin00163
v5.6.0
0898de7
Compare
Choose a tag to compare
v5.6.0

What's Changed

New Features 🎉

Bug Fixes 🐛

Other Changes 🧱

New Contributors

  • @khadirkilo92 made their first contribution in #216

Full Changelog: v5.5.0...v5.6.0

Contributors

mutebg, evgenitsn, and 6 other contributors
Assets 2
Loading

v5.5.0

13 Jun 12:31
@mutebg mutebg
v5.5.0
cbd3b08
Compare
Choose a tag to compare
v5.5.0

What's Changed

New Features 🎉

Bug Fixes 🐛

Other Changes 🧱

Full Changelog: https://github.com/newscorp-ghfb/newskit/compare/[email protected]

Contributors

mutebg, evgenitsn, and 4 other contributors
Assets 2
Loading

V5.4.6

30 May 12:44
@baburay23 baburay23
v5.4.6
6197926
Compare
Choose a tag to compare
V5.4.6

What's Changed

New Features 🎉

Bug Fixes 🐛

Other Changes 🧱

Full Changelog: https://github.com/newscorp-ghfb/newskit/compare/[email protected]

Contributors

evgenitsn, tbradbury, and 4 other contributors
Assets 2
Loading

V5.4.5

12 May 14:49
@Vanals Vanals
v5.4.5
cbf8214
Compare
Choose a tag to compare
V5.4.5

What's Changed

Bug Fixes 🐛

  • Fix/ppdsc 2160 Fixed NewsKit package release by @Vanals in #197

Full Changelog: https://github.com/newscorp-ghfb/newskit/compare/[email protected]

Contributors

Vanals
Assets 2
Loading

V5.4.4

12 May 14:31
@Vanals Vanals
v5.4.4
4680cfd
Compare
Choose a tag to compare
V5.4.4

VERSION DEPRECATED -- PLEASE USE V5.4.5 INSTEAD

What's Changed

Bug Fixes 🐛

  • fix(PPDSC-2160): Fixed pipeline error, which did not allow proper NewsKit package publishment by @Vanals in #196

Other Changes 🧱

Full Changelog: https://github.com/newscorp-ghfb/newskit/compare/[email protected]

Contributors

Vanals and Srinivasan-Ramasamy
Assets 2
Loading

v5.4.3

11 May 14:02
@Xin00163 Xin00163
v5.4.3
92114bf
Compare
Choose a tag to compare
v5.4.3

VERSION DEPRECATED -- USE 5.4.5 INSTEAD

What's Changed

New Features 🎉

Bug Fixes 🐛

Other Changes 🧱

Full Changelog: https://github.com/newscorp-ghfb/newskit/compare/[email protected]

Contributors

evgenitsn, tbradbury, and 3 other contributors
Assets 2
Loading

v5.4.2

26 Apr 14:56
@baburay23 baburay23
v5.4.2
d124e31
Compare
Choose a tag to compare
v5.4.2

What's Changed

New Features 🎉

Bug Fixes 🐛

Other Changes 🧱

New Contributors

Full Changelog: https://github.com/newscorp-ghfb/newskit/compare/[email protected]

Contributors

evgenitsn, tbradbury, and 5 other contributors
Assets 2
Loading