Skip to content

Releases: newscorp-ghfb/NewsKit

v7.7.3

25 Jul 10:13
@viktor-atanasov viktor-atanasov
v7.7.3
3865fec
Compare
Choose a tag to compare
v7.7.3 Latest
Latest

What's Changed

New Features 🎉

New Contributors

Full Changelog: v7.7.0...v7.7.3

Contributors

KayKostadinov
Assets 2
Loading

v7.7.0

04 Mar 14:07
@ayush04 ayush04
v7.7.0
5f3abcd
Compare
Choose a tag to compare
v7.7.0

What's Changed

New Features 🎉

  • feat(WWP-3314): add usnat config to consent by @kboeff in #924

Bug Fixes 🐛

  • fix: add new sample mp3s for e2e tests and storybook by @lhaggar in #927

Documentation 📝

  • ci(919): update node version in circleci by @mutebg in #920
  • docs(862): new design overview page by @lhaggar in #918

New Contributors

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

Contributors

kboeff, mutebg, and lhaggar
Assets 2
Loading

v7.6.0

23 Aug 14:27
@newskit-engineering newskit-engineering
v7.6.0
7ecdedb
Compare
Choose a tag to compare
v7.6.0

What's Changed

New Features 🎉

  • feat(TMR-1285): nonce prop to Tealium component by @tbradbury in #916

Other Changes 🧱

Full Changelog: v7.5.0...v7.6.0

Contributors

tbradbury and lhaggar
Assets 2
Loading

v7.5.0

18 Jul 13:14
@newskit-engineering newskit-engineering
v7.5.0
1609f4d
Compare
Choose a tag to compare
v7.5.0

What's Changed

New Features 🎉

  • feat(905): font metrics for djds themes publisher format by @mutebg in #910

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

Contributors

mutebg
Assets 2
Loading

v7.4.0

27 Jun 07:18
@newskit-engineering newskit-engineering
v7.4.0
413cf87
Compare
Choose a tag to compare
v7.4.0

What's Changed

New Features 🎉

Documentation 📝

Full Changelog: v7.3.1...v7.4.0

Contributors

mutebg and pdimova
Assets 2
Loading

v7.3.1

12 Jun 10:10
@newskit-engineering newskit-engineering
v7.3.1
fd84816
Compare
Choose a tag to compare
v7.3.1

What's Changed

New Features 🎉

  • feat(731) migrate newskit demo to docs site by @mutebg in #870
  • feat(TMR-1134): refactor form input logic by @tbradbury in #895

Bug Fixes 🐛

  • fix(795): automated a11y tests fails on website homepage by @JohnTParsons in #864
  • Fix/821 pagination spacing using columnGap by @mstuartf in #872
  • fix(896): fix package.json test when bump version by @mutebg in #897

Documentation 📝

Other Changes 🧱

Full Changelog: v7.3.0...v7.3.1

Contributors

mutebg, tbradbury, and 6 other contributors
Assets 2
Loading

v7.3.0

02 May 10:14
@newskit-engineering newskit-engineering
v7.3.0
26063ea
Compare
Choose a tag to compare
v7.3.0

What's Changed

New Features 🎉

Bug Fixes 🐛

Documentation 📝

  • docs(729): update tooltip component scenarios storybook by @JohnTParsons in #823
  • docs(730): update video player component scenarios storybook by @JohnTParsons in #830
  • docs(728) - Toast component update scenarios - storybook by @jannuk59 in #820

Other Changes 🧱

Full Changelog: v7.2.0...v7.3.0

Contributors

jps, JohnTParsons, and 5 other contributors
Assets 2
Loading

v7.2.0

13 Apr 08:20
@newskit-engineering newskit-engineering
v7.2.0
38023a5
Compare
Choose a tag to compare
v7.2.0

What's Changed

New Features 🎉

Bug Fixes 🐛

  • fix(745): date time structure by @mutebg in #761
  • fix(809): Button alignment mismatching on Custom restore focus - Modal scenario by @jannuk59 in #813

Documentation 📝

Other Changes 🧱

  • chore(775): move to GitHub issues by @jps in #776
  • Docs/ppdsc 2514 checkbox component scenario by @RashikaNewsUK in #711
  • fix(747): hide version on home page by @mstuartf in #793
  • Build/782 parallel cypress webpack 5 by @jps in #800
  • build(782): update webpack type definitions by @jps in #804
  • ci(702): allow snyk updates to run on CI by @mutebg in #817
  • Ci/702 allow snyk prs by @mutebg in #818
  • [Snyk] Upgrade jscodeshift from 0.13.1 to 0.14.0 by @snyk-bot in #702
  • [Snyk] Upgrade yargs from 17.5.1 to 17.7.0 by @snyk-bot in #700
  • chore(deps): bump minimist from 0.2.1 to 0.2.4 by @dependabot in #677
  • chore(deps): bump minimatch from 3.0.4 to 3.0.8 by @dependabot in #774
  • chore(deps): bump @sideway/formula from 3.0.0 to 3.0.1 by @dependabot in #773
  • [Snyk] Upgrade @babel/runtime-corejs3 from 7.16.3 to 7.20.13 by @snyk-bot in #704
  • [Snyk] Upgrade react-hook-form from 7.20.2 to 7.43.1 by @snyk-bot in #703

New Contributors

Full Changelog: v7.1.0...v7.2.0

Contributors

jps, mutebg, and 7 other contributors
Assets 2
Loading

v7.1.0

24 Mar 14:44
@pp-serviceaccount pp-serviceaccount
v7.1.0
d8c914d
Compare
Choose a tag to compare
v7.1.0

What's Changed

New Features 🎉

Bug Fixes 🐛

Other Changes 🧱

Full Changelog: v7.0.0...v7.1.0

Contributors

mutebg, evgenitsn, and 6 other contributors
Assets 2
Loading

v7.0.0

02 Mar 11:08
@pp-serviceaccount pp-serviceaccount
v7.0.0
2e19098
Compare
Choose a tag to compare
v7.0.0

What's Changed

New Features 🎉

Bug Fixes 🐛

Other Changes 🧱

Full Changelog: v6.9.0...v7.0.0

Changes:

Card

The card’s default style preset have changed. headlineHeadingInteractive style preset has changed color in the base state.

Before

base: {       
  color: '{{colors.inkBase}}',    
},

After

base: {       
   color: '{
      {colors.inkContrast}}',     
},

If you want to keep the previous color we suggest you change the headlineHeadingInteractive style preset from your theme, with the previous color

Divider

The DividerInverse style preset has changed.
Specifically, the border color from borderColor: inkInverse to borderColor: interface010

If you want to keep the old styling, please add a style preset for the Divider in your theme containing the old tokens

Before

{
  dividerInverse: {
    base: {
      borderStyle: 'solid',
      borderColor: '{{colors.inkInverse}}',
      borderWidth: '{{borders.borderWidthDefault}}',
    },
  },
}

After

{
  dividerInverse: {
    base: {
      borderStyle: 'solid',
      borderColor: '{{colors.interface010}}',
      borderWidth: '{{borders.borderWidthDefault}}',
    },
  },
}

Accordion

The accordion defaults transition preset has been changed in V7.

Before

accordion: {
    header: {
      transitionPreset: 'backgroundColorChange',
      ...
    },
  }

After

accordion: {
    header: {
      transitionPreset: ['fontColorChange', 'backgroundColorChange'],
      ...
    }
}

accordionHeader style preset has also been changed:

Before

accordionHeader: {
  base: {
    backgroundColor: '{{colors.interface010}}',
    ...
  },
  hover: {
    ...
  },
  disabled: {
    ...
  },
},

After

accordionHeader: {
  base: {
    backgroundColor: '{{colors.interfaceBackground}}',
    ...
    iconColor: '{{colors.inkBase}}',
  },
  hover: {
    ...
    iconColor: '{{colors.interactiveInput040}}',
  },
  disabled: {
    ...
    iconColor: '{{colors.inkNonEssential}}',
  },
}

AudioPlayer

A few changes have been made to the AudioPlayer component styling in v7:

  • Default AudioPlayerTimeDisplay typographyPreset changed from utilityButton030 to utilityLabel020
  • Default AudioPlayerVolumeControl spaceBetween changed from space030 to space010
  • Default AudioPlayerPlayPauseButton size changed from large to medium
  • audioPlayerVolumeControlThumb style preset updated
  • audioPlayerVolumeControlPopover style preset updated

Follow these steps to restore the old styling to the AudioPlayer component:

1. Pass a size prop to the AudioPlayerPlayPauseButton:

- <AudioPlayerPlayPauseButton />
+ <AudioPlayerPlayPauseButton size="large" />

2. Add a spaceBetween override to the AudioPlayerVolumeControl:

- <AudioPlayerVolumeControl />
+ <AudioPlayerVolumeControl overrides={{spaceBetween: ‘space020’}} />

3. Add a typographyPreset override to the AudioPlayerTimeDisplay:

- <AudioPlayerTimeDisplay />
+ <AudioPlayerTimeDisplay overrides={{typographyPreset: ‘utilityLabel010’}} />

4. Restore the old audioPlayerVolumeControlThumb style preset:

audioPlayerVolumeControlThumb: {
    base: {
      boxShadow: '{{shadows.shadow010}}',
      backgroundColor: '{{colors.interactivePrimary030}}',
      borderStyle: 'solid',
-     borderColor: '{{colors.interactivePrimary010}}',
+     borderColor: '{{colors.interfaceBackground}}',
      borderWidth: '{{borders.borderWidth010}}',
      borderRadius: '{{borders.borderRadiusCircle}}',
      iconColor: '{{colors.inkNonEssential}}',
    },
  },

5. Restore the old audioPlayerVolumeControlPopover style preset:

audioPlayerVolumeControlPopover: {
    base: {
-     boxShadow: '{{shadows.shadow050}}',
+     boxShadow: '{{shadows.shadow060}}',
      borderRadius: '{{borders.borderRadiusDefault}}',
-     backgroundColor: '{{colors.interfaceBackground}}',
+     backgroundColor: '{{colors.interface010}}',
    },
  },

Banner

Padding and grid overrides have been changed in the Banner component in v7.

To restore the old styling add padding and grid overrides as follows:

- <Banner />
+ <Banner
+   overrides={{
+     paddingInline: "spaceInset045",
+     paddingBlock: "spaceInset045",
+     grid: {
+       props: {
+         xsMargin: "space040",
+         smMargin: "space040",
+         mdMargin: "space040",
+         lgMargin: "space050",
+         xlMargin: "space050",
+         xsRowGutter: "space040",
+         smRowGutter: "space040",
+         mdRowGutter: "space040",
+         lgRowGutter: "space050",
+         xlRowGutter: "space050",
+         xsColumnGutter: "space040",
+         smColumnGutter: "space040",
+         mdColumnGutter: "space040",
+         lgColumnGutter: "space050",
+         xlColumnGutter: "space050"
+       }
+     }
+   }} />

OrderedList

If a paragraph of text is supplied to OrderedList, the second line onwards will left align with the first line, not with the number, for consistency with UnorderedList behaviour.

Slider

The Slider component defaults and sliderLabels style preset have been changed in V7.

component defaults

Before

slider: {
  track: {
    size: 'sizing030',
    ...
  },
  ...
}

After

slider: {
  track: {
    size: 'sizing020',
    ...
  },
  ...
  }

StylePreset:

color and iconColor for base state has been changed sliderLabels stylePreset:

Before

sliderLabels: {
  base: {
    color: '{{colors.inkSubtle}}',
    iconColor: '{{colors.inkSubtle}}',
    ...
  },
  ...
}

After

sliderLabels: {
  base: {
    color: '{{colors.inkBase}}',
    iconColor: '{{colors.inkBase}}',
    ...
  },
  ...
}

Popover

The Popover style presets have been changed in V7.

Before

popover: {
  base: {
    boxShadow: '{{shadows.shadow050}}',
    ...
  },
  ...
},
popoverPanel: {
  base: {
    color: '{{colors.neutral090}}',
    ...
  },
  ...
},
popoverHeader: {
  base: {
    borderColor: '{{colors.neutral040}}',
    ...
  },
  ...
},
popoverCloseButtonContainer: {
  base: {
    borderColor: '{{colors.neutral040}}',
    ...
  },
  ...
}

After

popover: {
  base: {
    boxShadow: '{{shadows.shadow060}}',
    ...
  },
  ...
},
popoverPanel: {
  base: {
    color: '{{colors.inkBase}}',
    ...
  },
  ...
},
popoverHeader: {
  base: {
    borderColor: '{{colors.interface050}}',
    ...
  },
  ...
},
popoverCloseButtonContainer: {
  base: {
    borderColor: '{{colors.interface050}}',
    ...
  },
  ...
}

Select

The Select component defaults have been changed in V7.

Before

select: {
  small: {
    button: {
      minHeight: 'sizing060',
      ...
    },
    ...
  },
  medium: {
    button: {
      spaceInset: 'spaceInset020',
  ...
Read more

Contributors

mutebg, evgenitsn, and 5 other contributors
Assets 2
Loading