v14.0.1

What's new

• Renamed icons with decimals to fix issue in JavaScript and TypeScript
  • nrk-media-speed-0.8x.svg -> nrk-media-speed-0_8x.svg in JS: nrkMediaSpeed0_8x
  • nrk-media-speed-1.25x.svg -> nrk-media-speed-1_25x.svg in JS: nrkMediaSpeed1_25x
  • nrk-media-speed-1.5x.svg -> nrk-media-speed-1_5x.svg in JS: nrkMediaSpeed1_5x

Full Changelog: v14.0.0...v14.0.1

v14.0.0

What's Changed

• New logos for NRKs District divisions
• Added various new icons with some visual and naming -updates

Breaking changes

Renaming

• nrk-list has been renamed to nrk-bulleted-list
  • NB! A new icon has been added as nrk-list so note that upgrade may not flag this as changed/removed.

Visual updates

• nrk-dialogue now has reduced opacity for the upper bubble
• nrk-reorder has increased spacing

What's new?

New resources

New Icons

• nrk-alarm-clock
• nrk-arrange-list
• nrk-arrow-nested
• nrk-bullet-square
• nrk-bulleted-list
• nrk-check-radio--unchecked
• nrk-clock
• nrk-hardware-headphones
• nrk-hardware-microphone
• nrk-list--active
• nrk-logout
• nrk-media-beam-note
• nrk-media-direkte-animated--active
• nrk-media-index-quaver-tiny
• nrk-media-media-complete
• nrk-media-media-incomplete
• nrk-media-playlist-add-later
• nrk-media-playlist-add-next
• nrk-media-playlist-add
• nrk-media-playlist-added
• nrk-media-playlist-remove
• nrk-media-playlist
• nrk-media-quaver--active
• nrk-media-quaver-off
• nrk-media-quaver
• nrk-media-speed-0.8x
• nrk-media-speed-1.25x
• nrk-media-speed-1.5x
• nrk-media-speed-1x
• nrk-media-speed-2x
• nrk-new-chat
• nrk-progress
• nrk-refresh
• nrk-rotate
• nrk-sleep
• nrk-list

New icon variants

• nrk-alarm-clock-expressive
• nrk-arrange-list-expressive
• nrk-arrow-nested-expressive
• nrk-bullet-square-expressive
• nrk-bulleted-list-expressive
• nrk-clock-expressive
• nrk-dialogue-expressive
• nrk-edit-expressive
• nrk-hardware-camera-expressive
• nrk-hardware-computer-expressive
• nrk-hardware-game-expressive
• nrk-hardware-headphones-expressive
• nrk-hardware-laptop-expressive
• nrk-hardware-microphone-expressive
• nrk-hardware-printer-expressive
• nrk-hardware-radio-expressive
• nrk-hardware-smart-speaker-expressive
• nrk-hardware-smart-watch-expressive
• nrk-hardware-speaker-expressive
• nrk-hardware-tablet-expressive
• nrk-hardware-tv-expressive
• nrk-hardware-watch-expressive
• nrk-list-expressive--active
• nrk-list-expressive
• nrk-logout-expressive
• nrk-media-beam-note-expressive
• nrk-media-index-quaver-tiny-expressive
• nrk-media-media-complete-expressive
• nrk-media-media-incomplete-expressive
• nrk-media-playlist-add-expressive
• nrk-media-playlist-add-later-expressive
• nrk-media-playlist-add-next-expressive
• nrk-media-playlist-added-expressive
• nrk-media-playlist-expressive
• nrk-media-playlist-remove-expressive
• nrk-media-quaver-expressive--active
• nrk-media-quaver-expressive
• nrk-media-quaver-off-expressive
• nrk-new-chat-expressive
• nrk-progress-expressive
• nrk-refresh-expressive
• nrk-reorder-expressive
• nrk-rotate-expressive
• nrk-sleep-expressive
• nrk-some-tommelned-expressive--active
• nrk-some-tommelned-expressive
• nrk-some-tommelopp-expressive--active
• nrk-some-tommelopp-expressive

NRK Innlandet

• nrk-logo-nrk-innlandet-on-dark
• nrk-logo-nrk-innlandet-on-light
• nrk-logo-nrk-innlandet-title-below-on-dark
• nrk-logo-nrk-innlandet-title-below-on-light
• nrk-logo-nrk-innlandet-title-below
• nrk-logo-nrk-innlandet-with-bg
• nrk-logo-nrk-innlandet

NRK More og Romsdal

• nrk-logo-nrk-more-og-romsdal-on-dark
• nrk-logo-nrk-more-og-romsdal-on-light
• nrk-logo-nrk-more-og-romsdal-title-below-on-dark
• nrk-logo-nrk-more-og-romsdal-title-below-on-light
• nrk-logo-nrk-more-og-romsdal-title-below
• nrk-logo-nrk-more-og-romsdal-with-bg
• nrk-logo-nrk-more-og-romsdal

NRK Nordland

• nrk-logo-nrk-nordland-on-dark
• nrk-logo-nrk-nordland-on-light
• nrk-logo-nrk-nordland-title-below-on-dark
• nrk-logo-nrk-nordland-title-below-on-light
• nrk-logo-nrk-nordland-title-below
• nrk-logo-nrk-nordland-with-bg
• nrk-logo-nrk-nordland

NRK Oslo og Viken

• nrk-logo-nrk-oslo-og-viken-on-dark
• nrk-logo-nrk-oslo-og-viken-on-light
• nrk-logo-nrk-oslo-og-viken-title-below-on-dark
• nrk-logo-nrk-oslo-og-viken-title-below-on-light
• nrk-logo-nrk-oslo-og-viken-title-below
• nrk-logo-nrk-oslo-og-viken-with-bg
• nrk-logo-nrk-oslo-og-viken

NRK Rogaland

• nrk-logo-nrk-rogaland-on-dark
• nrk-logo-nrk-rogaland-on-light
• nrk-logo-nrk-rogaland-title-below-on-dark
• nrk-logo-nrk-rogaland-title-below-on-light
• nrk-logo-nrk-rogaland-title-below
• nrk-logo-nrk-rogaland-with-bg
• nrk-logo-nrk-rogaland

NRK Sorlandet

• nrk-logo-nrk-sorlandet-on-dark
• nrk-logo-nrk-sorlandet-on-light
• nrk-logo-nrk-sorlandet-title-below-on-dark
• nrk-logo-nrk-sorlandet-title-below-on-light
• nrk-logo-nrk-sorlandet-title-below
• nrk-logo-nrk-sorlandet-with-bg
• nrk-logo-nrk-sorlandet

NRK Troms og Finnmark

• nrk-logo-nrk-troms-og-finnmark-on-dark
• nrk-logo-nrk-troms-og-finnmark-on-light
• nrk-logo-nrk-troms-og-finnmark-title-below-on-dark
• nrk-logo-nrk-troms-og-finnmark-title-below-on-light
• nrk-logo-nrk-troms-og-finnmark-title-below
• nrk-logo-nrk-troms-og-finnmark-with-bg
• nrk-logo-nrk-troms-og-finnmark

NRK Trondelag

• nrk-logo-nrk-trondelag-on-dark
• nrk-logo-nrk-trondelag-on-light
• nrk-logo-nrk-trondelag-title-below-on-dark
• nrk-logo-nrk-trondelag-title-below-on-light
• nrk-logo-nrk-trondelag-title-below
• nrk-logo-nrk-trondelag-with-bg
• nrk-logo-nrk-trondelag

NRK Vestfold og Telemark

• nrk-logo-nrk-vestfold-og-telemark-on-dark
• nrk-logo-nrk-vestfold-og-telemark-on-light
• nrk-logo-nrk-vestfold-og-telemark-title-below-on-dark
• nrk-logo-nrk-vestfold-og-telemark-title-below-on-light
• nrk-logo-nrk-vestfold-og-telemark-title-below
• nrk-logo-nrk-vestfold-og-telemark-with-bg
• nrk-logo-nrk-vestfold-og-telemark

NRK Vestland

• nrk-logo-nrk-vestland-on-dark
• nrk-logo-nrk-vestland-on-light
• nrk-logo-nrk-vestland-title-below-on-dark
• nrk-logo-nrk-vestland-title-below-on-light
• nrk-logo-nrk-vestland-title-below
• nrk-logo-nrk-vestland-with-bg
• nrk-logo-nrk-vestland

New previews

• No new previews in this release

Branches that are part of this release

• feat: add nrk-logout and nrk-logout-expressive by @skjalgepalg in #236
• Nrk check radio by @skjalgepalg in #235
• Radio icons by @skjalgepalg in #234
• Logoer for distriktskontor by @skjalgepalg in #237

Maintenance

• pruned fill-rules in nrk-logo-mgp; no impact besides lighter size
• optimized paths in nrk-media-direkte-golive and nrk-media-direkte-notlive; no impact besides lighter size
• chore(deps-dev): bump svgson from 5.2.1 to 5.3.1 by @dependabot in #226
• chore(deps-dev): bump archiver from 5.3.1 to 6.0.1 by @dependabot in #231
• chore(deps-dev): bump @types/fs-extra from 11.0.1 to 11.0.2 by @dependabot in #232

Full Changelog: v13.0.0...v14.0.0

v13.0.0

What's Changed

• Big update to the logo namespace:
  • We use optically adjusted NRK in all logos for web and digital services as the default (more in-depth explenation can be found here. In short: we make this change to increase legibility of our logos across digital services.
  • Sub-brands are updated to use our own font, NRK Sans, to better tie our services together
• Cleanup of namespace in expressive icons
  • Three icons have been renamed to fix typos or mismatches with base icon taxonomy
• Adjustment of opacity for chromecast icons

Breaking changes

Renaming

• The following logos have been renamed to match nomenclature of similar logo versions in addition to visual updates/adjustments

  • nrk-logo-nrk-mp3-symbol.svg -> nrk-logo-nrk-mp3-title-below.svg
  • nrk-logo-nrk-p3-symbol.svg -> nrk-logo-nrk-p3-title-below.svg
  • nrk-logo-nrk-tv--small-boxed.svg -> nrk-logo-nrk-tv-with-bg.svg
  • nrk-logo-nrk-tv--small-stacked.svg -> nrk-logo-nrk-tv-title-below.svg
  • nrk-logo-nrk-tv--small.svg -> nrk-logo-nrk-tv.svg
  • nrk-logo-nrk-nyheter--blackwhite.svg -> nrk-logo-nrk-nyheter-symbol--blackwhite.svg
  • nrk-logo-nrk-nyheter--color.svg -> nrk-logo-nrk-nyheter-symbol--color.svg
  • nrk-logo-nrk-nyheter.svg -> nrk-logo-nrk-nyheter-symbol.svg
  • nrk-logo-nrk-sport--blackwhite.svg -> nrk-logo-nrk-sport-symbol--blackwhite.svg
  • nrk-logo-nrk-sport--color.svg -> nrk-logo-nrk-sport-symbol--color.svg
  • nrk-logo-nrk-sport.svg -> nrk-logo-nrk-sport-symbol.svg

• The following icons have been renamed to address mismatches with base icon taxonomy

  • nrk-media-play-fail-expressive to nrk-media-play-expressive--fail
  • nrk-completed-expressive to nrk-media-completed-expressive
  • nrk-lastest-news-expressive to nrk-latest-news-expressive

• With the legibility improvements, the following logos have been moved to the /logo/large-namespace for use-cases described in the article linked above

  • nrk-logo-nrk.svg -> nrk-logo-large-nrk.svg
  • nrk-logo-nrk-tv--stacked.svg -> nrk-logo-large-nrk-tv-title-below.svg
  • nrk-logo-nrk-tv--boxed.svg -> nrk-logo-large-nrk-tv-with-bg.svg
  • nrk-logo-nrk-tv.svg -> nrk-logo-large-nrk-tv.svg

Visual updates

• Updates the following logos to use NRK Sans and uses optically adjusted NRK
  • nrk-logo-nrk-folkemusikk.svg
  • nrk-logo-nrk-jazz.svg
  • nrk-logo-nrk-klassisk.svg
  • nrk-logo-nrk-mp3.svg
  • nrk-logo-nrk-p1-pluss.svg
  • nrk-logo-nrk-p1.svg
  • nrk-logo-nrk-p13.svg
  • nrk-logo-nrk-p2.svg
  • nrk-logo-nrk-p3-urort.svg
  • nrk-logo-nrk-p3-x.svg
  • nrk-logo-nrk-p3.svg
  • nrk-logo-nrk-radio.svg
  • nrk-logo-nrk-sapmi.svg
  • nrk-logo-nrk-super.svg
  • nrk-logo-nrk-tv.svg
  • nrk-logo-nrk.svg
• Changed opacity used in the following icons from .3 to .5
  • nrk-media-chromecast--1
  • nrk-media-chromecast--2
  • nrk-media-chromecast--3

What's new?

New namespace

• /logo/large has been created
  • files from here are added to the logo zip-archives and available for js import
  • Please note that -large -files do not have an iife js -file

New resources

• The following logo versions have been added
  • nrk-logo-nrk-folkemusikk-on-dark.svg
  • nrk-logo-nrk-folkemusikk-on-light.svg
  • nrk-logo-nrk-folkemusikk-title-below-on-dark.svg
  • nrk-logo-nrk-folkemusikk-title-below-on-light.svg
  • nrk-logo-nrk-folkemusikk-title-below.svg
  • nrk-logo-nrk-folkemusikk-with-bg.svg
  • nrk-logo-nrk-jazz-on-dark.svg
  • nrk-logo-nrk-jazz-on-light.svg
  • nrk-logo-nrk-jazz-title-below-on-dark.svg
  • nrk-logo-nrk-jazz-title-below-on-light.svg
  • nrk-logo-nrk-jazz-title-below.svg
  • nrk-logo-nrk-jazz-with-bg.svg
  • nrk-logo-nrk-klassisk-on-dark.svg
  • nrk-logo-nrk-klassisk-on-light.svg
  • nrk-logo-nrk-klassisk-title-below-on-dark.svg
  • nrk-logo-nrk-klassisk-title-below-on-light.svg
  • nrk-logo-nrk-klassisk-title-below.svg
  • nrk-logo-nrk-klassisk-with-bg.svg
  • nrk-logo-nrk-kringkastingsorkesteret-on-dark.svg
  • nrk-logo-nrk-kringkastingsorkesteret-on-light.svg
  • nrk-logo-nrk-kringkastingsorkesteret-title-below-on-dark.svg
  • nrk-logo-nrk-kringkastingsorkesteret-title-below-on-light.svg
  • nrk-logo-nrk-kringkastingsorkesteret-title-below.svg
  • nrk-logo-nrk-kringkastingsorkesteret-with-bg.svg
  • nrk-logo-nrk-kringkastingsorkesteret.svg
  • nrk-logo-nrk-mp3-on-dark.svg
  • nrk-logo-nrk-mp3-on-light.svg
  • nrk-logo-nrk-mp3-title-below-on-dark.svg
  • nrk-logo-nrk-mp3-title-below-on-light.svg
  • nrk-logo-nrk-mp3-title-below.svg
  • nrk-logo-nrk-mp3-with-bg.svg
  • nrk-logo-nrk-p1-on-dark.svg
  • nrk-logo-nrk-p1-on-light.svg
  • nrk-logo-nrk-p1-pluss-on-dark.svg
  • nrk-logo-nrk-p1-pluss-on-light.svg
  • nrk-logo-nrk-p1-pluss-title-below-on-dark.svg
  • nrk-logo-nrk-p1-pluss-title-below-on-light.svg
  • nrk-logo-nrk-p1-pluss-title-below.svg
  • nrk-logo-nrk-p1-pluss-with-bg.svg
  • nrk-logo-nrk-p1-title-below-on-dark.svg
  • nrk-logo-nrk-p1-title-below-on-light.svg
  • nrk-logo-nrk-p1-title-below.svg
  • nrk-logo-nrk-p1-with-bg.svg
  • nrk-logo-nrk-p13-on-dark.svg
  • nrk-logo-nrk-p13-on-light.svg
  • nrk-logo-nrk-p13-title-below-on-dark.svg
  • nrk-logo-nrk-p13-title-below-on-light.svg
  • nrk-logo-nrk-p13-title-below.svg
  • nrk-logo-nrk-p13-with-bg.svg
  • nrk-logo-nrk-p2-on-dark.svg
  • nrk-logo-nrk-p2-on-light.svg
  • nrk-logo-nrk-p2-title-below-on-dark.svg
  • nrk-logo-nrk-p2-title-below-on-light.svg
  • nrk-logo-nrk-p2-title-below.svg
  • nrk-logo-nrk-p2-with-bg.svg
  • nrk-logo-nrk-p3-on-dark.svg
  • nrk-logo-nrk-p3-on-light.svg
  • nrk-logo-nrk-p3-title-below-on-dark.svg
  • nrk-logo-nrk-p3-title-below-on-light.svg
  • nrk-logo-nrk-p3-title-below.svg
  • nrk-logo-nrk-p3-urort-on-dark.svg
  • nrk-logo-nrk-p3-urort-on-light.svg
  • nrk-logo-nrk-p3-urort-title-below-on-dark.svg
  • nrk-logo-nrk-p3-urort-title-below-on-light.svg
  • nrk-logo-nrk-p3-urort-title-below.svg
  • nrk-logo-nrk-p3-urort-with-bg.svg
  • nrk-logo-nrk-p3-with-bg.svg
  • nrk-logo-nrk-p3-x-on-dark.svg
  • nrk-logo-nrk-p3-x-on-light.svg
  • nrk-logo-nrk-p3-x-title-below-on-dark.svg
  • nrk-logo-nrk-p3-x-title-below-on-light.svg
  • nrk-logo-nrk-p3-x-title-below.svg
  • nrk-logo-nrk-p3-x-with-bg.svg
  • nrk-logo-nrk-radio-on-dark.svg
  • nrk-logo-nrk-radio-on-light.svg
  • nrk-logo-nrk-radio-title-below-on-dark.svg
  • nrk-logo-nrk-radio-title-below-on-light.svg
  • nrk-logo-nrk-radio-title-below.svg
  • nrk-logo-nrk-radio-with-bg.svg
  • nrk-logo-nrk-sami-radio-on-dark.svg
  • nrk-logo-nrk-sami-radio-on-light.svg
  • nrk-logo-nrk-sami-radio-title-below-on-dark.svg
  • nrk-logo-nrk-sami-radio-title-below-on-light.svg
  • nrk-logo-nrk-sami-radio-title-below.svg
  • nrk-logo-nrk-sami-radio-with-bg.svg
  • nrk-logo-nrk-sami-radio.svg
  • nrk-logo-nrk-sapmi-on-dark.svg
  • nrk-logo-nrk-sapmi-on-light.svg
  • nrk-logo-nrk-sapmi-title-below-on-dark.svg
  • nrk-logo-nrk-sapmi-title-below-on-light.svg
  • nrk-logo-nrk-sapmi-title-below.svg
  • nrk-logo-nrk-sapmi-with-bg.svg
  • nrk-logo-nrk-super-on-dark.svg
  • nrk-logo-nrk-super-on-light.svg
  • nrk-logo-nrk-super-title-below-on-dark.svg
  • nrk-logo-nrk-super-title-below-on-light.svg
  • nrk-logo-nrk-super-title-below.svg
  • nrk-logo-nrk-super-with-bg.svg
  • nrk-logo-nrk-trafikk-on-dark.svg
  • nrk-logo-nrk-trafikk-on-light.svg
  • nrk-logo-nrk-trafikk-title-below-on-dark.svg
  • nrk-logo-nrk-trafikk-title-below-on-light.svg
  • nrk-logo-nrk-trafikk-title-below.svg
  • nrk-logo-nrk-trafikk-with-bg.svg
  • nrk-logo-nrk-trafikk.svg
  • nrk-logo-nrk-tv-on-dark.svg
  • nrk-logo-nrk-tv-on-light.svg
  • nrk-logo-nrk-tv-title-below-on-dark.svg
  • nrk-logo-nrk-tv-title-below-on-light.svg
  • nrk-logo-nrk-tv-title-below.svg
  • nrk-logo-nrk-tv-with-bg.svg
  • nrk-logo-nrk-yr-radio-on-dark.svg
  • nrk-logo-nrk-yr-radio-on-light.svg
  • nrk-logo-nrk-yr-radio-with-bg.svg
  • nrk-logo-nrk-yr-radio.svg
• The following logos have been optimized using svgo; there is no visual difference, just fewer bytes-over-wire:
  • nrk-logo-nrk-1--colorblack.svg
  • nrk-logo-nrk-1--colorgrey.svg
  • nrk-logo-nrk-1--colorwhite.svg
  • nrk-logo-nrk-1.svg
  • nrk-logo-nrk-2--colorblack.svg
  • nrk-logo-nrk-2--colorgrey.svg
  • nrk-logo-nrk-2--colorwhite.svg
  • nrk-logo-nrk-2.svg
  • nrk-logo-nrk-3--colorblack.svg
  • nrk-logo-nrk-3--colorgrey.svg
  • nrk-logo-nrk-3--colorwhite.svg
  • nrk-logo-nrk-3.svg
  • nrk-logo-yr--blackwhite.svg
  • nrk-logo-yr--color.svg
  • nrk-logo-yr.svg

New previews

• The following resources are available for technical preview, do not use these in a production environment
  • nrk-logo-preview-nrk-1.svg
  • nrk-logo-preview-nrk-2.svg
  • nrk-logo-preview-nrk-3.svg
  • nrk-logo-preview-nrk-nyheter.svg
  • nrk-logo-preview-nrk-sport.svg
  • nrk-logo-preview-nrk-1-on-dark.svg
  • nrk-logo-preview-nrk-1-on-light.svg
  • nrk-logo-preview-nrk-1-with-bg.svg
  • nrk-logo-preview-nrk-2-on-dark.svg
  • nrk-logo-preview-nrk-2-on-light.svg
  • nrk-logo-preview-nrk-2-with-bg.svg
  • nrk-logo-preview-nrk-3-on-dark.svg
  • nrk-logo-preview-nrk-3-on-light.svg
  • nrk-logo-preview-nrk-3-with-bg.svg
  • nrk-logo-preview-nrk-nyheter-on-dark.svg
  • nrk-logo-preview-nrk-nyheter-on-light.svg
  • nrk-logo-preview-nrk-nyheter-title-below-on-dark.svg
  • nrk-logo-preview-nrk-nyheter-title-below-on-light.svg
  • `nrk-logo-preview-nrk-nyhet...

v12.3.1

What's Changed

• fix: adjust bounding-box alignment of nrk-logo-preview-nrk-radio by @skjalgepalg in #221

Full Changelog: v12.3.0...v12.3.1

v12.3.0

What's Changed

• Preview updates 12.3 by @skjalgepalg in #219
• New lock icon expressive by @skjalgepalg in #212
• feat: add nrk-edit icon by @skjalgepalg in #220

New icons

• nrk-edit
• nrk-unlock-expressive--active
• nrk-unlock-expressive
• nrk-unlock--active
• nrk-unlock

Visual updates

• nrk-lock-expressive--active
• nrk-lock-expressive
• nrk-lock--active
• nrk-lock

Previews

• Added nrk-logo-preview-large-nrk
• Most preview logos have had their padding adjusted to improve alignment across logo types (e.g. -title-below)

DevDependencies

• chore(deps-dev): bump standard from 17.0.0 to 17.1.0 by @dependabot in #215

Full Changelog: v12.2.1...v12.3.0

v12.2.1

What's Changed

• Fix /preview and /jsx/preview -endpoints in npm bundle
• docs: Add license section by @skjalgepalg in #209

Full Changelog: v12.2.0...v12.2.1

v12.2.0

What's Changed

• chore: add a check-action to build and verify npm bundle by @skjalgepalg in #208
• Base equivalent icons by @skjalgepalg in #206
  • nrk-arrow-down
  • nrk-arrow-up
  • nrk-checkbox--active
  • nrk-checkbox
  • nrk-media-tilgjengelighet-snartutilgjengelig
• Hovedprofil logo update by @skjalgepalg in #207
  • Adds 156 logos to preview part (see summary list below)

Show list of the 156 logos available in preview

* `nrk-logo-preview-nrk-1--colorblack.svg` * `nrk-logo-preview-nrk-1--colorgrey.svg` * `nrk-logo-preview-nrk-1--colorwhite.svg` * `nrk-logo-preview-nrk-1.svg` * `nrk-logo-preview-nrk-2--colorblack.svg` * `nrk-logo-preview-nrk-2--colorgrey.svg` * `nrk-logo-preview-nrk-2--colorwhite.svg` * `nrk-logo-preview-nrk-2.svg` * `nrk-logo-preview-nrk-3--colorblack.svg` * `nrk-logo-preview-nrk-3--colorgrey.svg` * `nrk-logo-preview-nrk-3--colorwhite.svg` * `nrk-logo-preview-nrk-3.svg` * `nrk-logo-preview-nrk-folkemusikk-on-dark.svg` * `nrk-logo-preview-nrk-folkemusikk-on-light.svg` * `nrk-logo-preview-nrk-folkemusikk-title-below-on-dark.svg` * `nrk-logo-preview-nrk-folkemusikk-title-below-on-light.svg` * `nrk-logo-preview-nrk-folkemusikk-title-below.svg` * `nrk-logo-preview-nrk-folkemusikk-with-bg.svg` * `nrk-logo-preview-nrk-folkemusikk.svg` * `nrk-logo-preview-nrk-jazz-on-dark.svg` * `nrk-logo-preview-nrk-jazz-on-light.svg` * `nrk-logo-preview-nrk-jazz-title-below-on-dark.svg` * `nrk-logo-preview-nrk-jazz-title-below-on-light.svg` * `nrk-logo-preview-nrk-jazz-title-below.svg` * `nrk-logo-preview-nrk-jazz-with-bg.svg` * `nrk-logo-preview-nrk-jazz.svg` * `nrk-logo-preview-nrk-klassisk-on-dark.svg` * `nrk-logo-preview-nrk-klassisk-on-light.svg` * `nrk-logo-preview-nrk-klassisk-title-below-on-dark.svg` * `nrk-logo-preview-nrk-klassisk-title-below-on-light.svg` * `nrk-logo-preview-nrk-klassisk-title-below.svg` * `nrk-logo-preview-nrk-klassisk-with-bg.svg` * `nrk-logo-preview-nrk-klassisk.svg` * `nrk-logo-preview-nrk-kringkastingsorkesteret-on-dark.svg` * `nrk-logo-preview-nrk-kringkastingsorkesteret-on-light.svg` * `nrk-logo-preview-nrk-kringkastingsorkesteret-title-below-on-dark.svg` * `nrk-logo-preview-nrk-kringkastingsorkesteret-title-below-on-light.svg` * `nrk-logo-preview-nrk-kringkastingsorkesteret-title-below.svg` * `nrk-logo-preview-nrk-kringkastingsorkesteret-with-bg.svg` * `nrk-logo-preview-nrk-kringkastingsorkesteret.svg` * `nrk-logo-preview-nrk-mp3-on-dark.svg` * `nrk-logo-preview-nrk-mp3-on-light.svg` * `nrk-logo-preview-nrk-mp3-title-below-on-dark.svg` * `nrk-logo-preview-nrk-mp3-title-below-on-light.svg` * `nrk-logo-preview-nrk-mp3-title-below.svg` * `nrk-logo-preview-nrk-mp3-with-bg.svg` * `nrk-logo-preview-nrk-mp3.svg` * `nrk-logo-preview-nrk-nyheter--blackwhite.svg` * `nrk-logo-preview-nrk-nyheter--color.svg` * `nrk-logo-preview-nrk-nyheter.svg` * `nrk-logo-preview-nrk-p1-on-dark.svg` * `nrk-logo-preview-nrk-p1-on-light.svg` * `nrk-logo-preview-nrk-p1-pluss-on-dark.svg` * `nrk-logo-preview-nrk-p1-pluss-on-light.svg` * `nrk-logo-preview-nrk-p1-pluss-title-below-on-dark.svg` * `nrk-logo-preview-nrk-p1-pluss-title-below-on-light.svg` * `nrk-logo-preview-nrk-p1-pluss-title-below.svg` * `nrk-logo-preview-nrk-p1-pluss-with-bg.svg` * `nrk-logo-preview-nrk-p1-pluss.svg` * `nrk-logo-preview-nrk-p1-title-below-on-dark.svg` * `nrk-logo-preview-nrk-p1-title-below-on-light.svg` * `nrk-logo-preview-nrk-p1-title-below.svg` * `nrk-logo-preview-nrk-p1-with-bg.svg` * `nrk-logo-preview-nrk-p1.svg` * `nrk-logo-preview-nrk-p13-on-dark.svg` * `nrk-logo-preview-nrk-p13-on-light.svg` * `nrk-logo-preview-nrk-p13-title-below-on-dark.svg` * `nrk-logo-preview-nrk-p13-title-below-on-light.svg` * `nrk-logo-preview-nrk-p13-title-below.svg` * `nrk-logo-preview-nrk-p13-with-bg.svg` * `nrk-logo-preview-nrk-p13.svg` * `nrk-logo-preview-nrk-p2-on-dark.svg` * `nrk-logo-preview-nrk-p2-on-light.svg` * `nrk-logo-preview-nrk-p2-title-below-on-dark.svg` * `nrk-logo-preview-nrk-p2-title-below-on-light.svg` * `nrk-logo-preview-nrk-p2-title-below.svg` * `nrk-logo-preview-nrk-p2-with-bg.svg` * `nrk-logo-preview-nrk-p2.svg` * `nrk-logo-preview-nrk-p3-on-dark.svg` * `nrk-logo-preview-nrk-p3-on-light.svg` * `nrk-logo-preview-nrk-p3-title-below-on-dark.svg` * `nrk-logo-preview-nrk-p3-title-below-on-light.svg` * `nrk-logo-preview-nrk-p3-title-below.svg` * `nrk-logo-preview-nrk-p3-urort-on-dark.svg` * `nrk-logo-preview-nrk-p3-urort-on-light.svg` * `nrk-logo-preview-nrk-p3-urort-title-below-on-dark.svg` * `nrk-logo-preview-nrk-p3-urort-title-below-on-light.svg` * `nrk-logo-preview-nrk-p3-urort-title-below.svg` * `nrk-logo-preview-nrk-p3-urort-with-bg.svg` * `nrk-logo-preview-nrk-p3-urort.svg` * `nrk-logo-preview-nrk-p3-with-bg.svg` * `nrk-logo-preview-nrk-p3-x-on-dark.svg` * `nrk-logo-preview-nrk-p3-x-on-light.svg` * `nrk-logo-preview-nrk-p3-x-title-below-on-dark.svg` * `nrk-logo-preview-nrk-p3-x-title-below-on-light.svg` * `nrk-logo-preview-nrk-p3-x-title-below.svg` * `nrk-logo-preview-nrk-p3-x-with-bg.svg` * `nrk-logo-preview-nrk-p3-x.svg` * `nrk-logo-preview-nrk-p3.svg` * `nrk-logo-preview-nrk-radio-on-dark.svg` * `nrk-logo-preview-nrk-radio-on-light.svg` * `nrk-logo-preview-nrk-radio-title-below-on-dark.svg` * `nrk-logo-preview-nrk-radio-title-below-on-light.svg` * `nrk-logo-preview-nrk-radio-title-below.svg` * `nrk-logo-preview-nrk-radio-with-bg.svg` * `nrk-logo-preview-nrk-radio.svg` * `nrk-logo-preview-nrk-sami-radio-on-dark.svg` * `nrk-logo-preview-nrk-sami-radio-on-light.svg` * `nrk-logo-preview-nrk-sami-radio-title-below-on-dark.svg` * `nrk-logo-preview-nrk-sami-radio-title-below-on-light.svg` * `nrk-logo-preview-nrk-sami-radio-title-below.svg` * `nrk-logo-preview-nrk-sami-radio-with-bg.svg` * `nrk-logo-preview-nrk-sami-radio.svg` * `nrk-logo-preview-nrk-sapmi-on-dark.svg` * `nrk-logo-preview-nrk-sapmi-on-light.svg` * `nrk-logo-preview-nrk-sapmi-title-below-on-dark.svg` * `nrk-logo-preview-nrk-sapmi-title-below-on-light.svg` * `nrk-logo-preview-nrk-sapmi-title-below.svg` * `nrk-logo-preview-nrk-sapmi-with-bg.svg` * `nrk-logo-preview-nrk-sapmi.svg` * `nrk-logo-preview-nrk-sport--blackwhite.svg` * `nrk-logo-preview-nrk-sport--color.svg` * `nrk-logo-preview-nrk-sport.svg` * `nrk-logo-preview-nrk-super-on-dark.svg` * `nrk-logo-preview-nrk-super-on-light.svg` * `nrk-logo-preview-nrk-super-title-below-on-dark.svg` * `nrk-logo-preview-nrk-super-title-below-on-light.svg` * `nrk-logo-preview-nrk-super-title-below.svg` * `nrk-logo-preview-nrk-super-with-bg.svg` * `nrk-logo-preview-nrk-super.svg` * `nrk-logo-preview-nrk-trafikk-on-dark.svg` * `nrk-logo-preview-nrk-trafikk-on-light.svg` * `nrk-logo-preview-nrk-trafikk-title-below-on-dark.svg` * `nrk-logo-preview-nrk-trafikk-title-below-on-light.svg` * `nrk-logo-preview-nrk-trafikk-title-below.svg` * `nrk-logo-preview-nrk-trafikk-with-bg.svg` * `nrk-logo-preview-nrk-trafikk.svg` * `nrk-logo-preview-nrk-tv-on-dark.svg` * `nrk-logo-preview-nrk-tv-on-light.svg` * `nrk-logo-preview-nrk-tv-title-below-on-dark.svg` * `nrk-logo-preview-nrk-tv-title-below-on-light.svg` * `nrk-logo-preview-nrk-tv-title-below.svg` * `nrk-logo-preview-nrk-tv-with-bg.svg` * `nrk-logo-preview-nrk-tv.svg` * `nrk-logo-preview-nrk-yr-radio-on-dark.svg` * `nrk-logo-preview-nrk-yr-radio-on-light.svg` * `nrk-logo-preview-nrk-yr-radio-with-bg.svg` * `nrk-logo-preview-nrk-yr-radio.svg` * `nrk-logo-preview-nrk.svg` * `nrk-logo-preview-tegnspraak--colorblack.svg` * `nrk-logo-preview-tegnspraak--colorgrey.svg` * `nrk-logo-preview-tegnspraak--colorwhite.svg` * `nrk-logo-preview-tegnspraak.svg` * `nrk-logo-preview-yr--blackwhite.svg` * `nrk-logo-preview-yr--color.svg` * `nrk-logo-preview-yr.svg`

Full Changelog: v12.1.0...v12.2.0

v12.1.0

What's Changed

• New media icons by @skjalgepalg in #204
  • Published @nrk/[email protected] to npm

Full Changelog: v12.0.1...v12.1.0

v12.0.1

What's new

• Published patch @nrk/[email protected] with the following changes:
  • Use currentColor for all paths in
    • nrk-404-expressive
    • nrk-media-404-notfound-expressive
    • nrk-media-direktetv-expressive
    • nrk-trash-expressive

Full Changelog: v12.0.0...v12.0.1

v12.0.0

What's Changed

• Logo and expressive namespaces by @skjalgepalg in #202
  • License has been updated to cover logos, icons and code respectively. See LICENSE.txt for details, in short:
    • Logos and brand icons: All use of these NRK trademarked assets require our prior specific permission
      and must be in compliance with NRKs design guidelines.
    • Icons are licensed under a Creative Commons
      Attribution 4.0 International License.
    • Code is licensed under the MIT license
• docs: Add darkmode, NRK Sans and fix html markup by @skjalgepalg in #199

Migration guide to v12.0.0

Renamed icons:

• Renamed nrk-emoji-nrk-super-poop--angry --> nrk-super-emoji-poop--angry to better align with naming structure and licensing

npm

Update as per usual through (p)npm/yarn and Typescript and most IDEAs should give you a warning for missing/moved assets. The exports object should also provide an improved typeahead

• All logo files have been relocated to the logo or jsx/logo subfolder
  • import { nrkLogoNrk } from '@nrk/core-icons' should now be import { nrkLogoNrk } from '@nrk/core-icons/logo'
  • import { NrkLogoNrk } from '@nrk/core-icons/jsx' should now be import { NrkLogoNrk } from '@nrk/core-icons/jsx/logo'
• All expressive icon variants are located in the expressive or jsx/expressive subfolder
  • import { nrkMediaPlayExpressive } from '@nrk/core-icons/expressive'
  • import { NrkMediaPlayExpressive } from '@nrk/core-icons/jsx/expressive'
• All normal icons remain to be imported from the base package as before
  • import { nrkMediaPlay } from '@nrk/core-icons'
  • import { NrkMediaPlay } from '@nrk/core-icons/jsx'

cdn (static.nrk.no/core-icons/major/12/)

• iife scripts have been renamed to better convey their intended use
• Links to cdn should point to master/{major}/ to support a more stable pattern of adoption
  • A link to /latest/ should be used mainly for prototyping and where you can allow for possible breaking changes to occur.
    -core-icons.min.js should be replaced by one or more of the following to make it evident what types of iconography your app is using.
  • core-icons-iife-icon.js contains all icons
  • core-icons-iife-logo.js contains all logos
  • core-icons-iife-expressive.js contains all expressive icon variants
  • core-icons-iife.js contains all icons and icon variants (expressive)
  • core-icons.min.js remains to maintain backwards compatibility until we can phase it out long term.

Expand to show all expressive icon names

nrk-360-expressive.svg
nrk-404-expressive.svg
nrk-arrow-down-expressive.svg
nrk-arrow-dropdown-expressive.svg
nrk-arrow-left-expressive.svg
nrk-arrow-left-long-expressive.svg
nrk-arrow-right-expressive.svg
nrk-arrow-right-long-expressive.svg
nrk-arrow-up-expressive.svg
nrk-article-expressive.svg
nrk-back-expressive.svg
nrk-bell-expressive--active.svg
nrk-bell-expressive.svg
nrk-bookmark-expressive--active.svg
nrk-bookmark-expressive.svg
nrk-broadcast-expressive.svg
nrk-calendar-expressive.svg
nrk-category-expressive--active.svg
nrk-category-expressive.svg
nrk-check-expressive--active.svg
nrk-check-expressive.svg
nrk-checkbox-expressive--active.svg
nrk-checkbox-expressive.svg
nrk-chevron-down-expressive.svg
nrk-chevron-left-expressive.svg
nrk-chevron-right-expressive.svg
nrk-chevron-up-expressive.svg
nrk-close-expressive--active.svg
nrk-close-expressive.svg
nrk-comment-expressive.svg
nrk-completed-expressive.svg
nrk-download-expressive.svg
nrk-downloaded-expressive.svg
nrk-duration-expressive.svg
nrk-ellipsis-expressive--active.svg
nrk-ellipsis-expressive.svg
nrk-fullscreen-expressive--active.svg
nrk-fullscreen-expressive.svg
nrk-gallery-expressive.svg
nrk-geo-expressive--active.svg
nrk-geo-expressive.svg
nrk-geopoint-expressive--active.svg
nrk-geopoint-expressive.svg
nrk-globe-expressive.svg
nrk-heart-expressive--active.svg
nrk-heart-expressive.svg
nrk-help-expressive.svg
nrk-home-expressive--active.svg
nrk-home-expressive.svg
nrk-info-expressive.svg
nrk-lastest-news-expressive--active.svg
nrk-lastest-news-expressive.svg
nrk-link-expressive.svg
nrk-lock-expressive--active.svg
nrk-lock-expressive.svg
nrk-longread-expressive--active.svg
nrk-longread-expressive.svg
nrk-lyn-expressive.svg
nrk-mat-expressive.svg
nrk-media-404-notfound-expressive.svg
nrk-media-airplay-expressive--active.svg
nrk-media-airplay-expressive.svg
nrk-media-chromecast-expressive--1.svg
nrk-media-chromecast-expressive--2.svg
nrk-media-chromecast-expressive--3.svg
nrk-media-chromecast-expressive--active.svg
nrk-media-chromecast-expressive.svg
nrk-media-direktetv-expressive--active.svg
nrk-media-direktetv-expressive.svg
nrk-media-ffw-15sec-expressive.svg
nrk-media-ffw-30sec-expressive.svg
nrk-media-ffw-expressive.svg
nrk-media-next-expressive.svg
nrk-media-pause-expressive.svg
nrk-media-picture-in-picture-expressive--active.svg
nrk-media-picture-in-picture-expressive.svg
nrk-media-play-expressive.svg
nrk-media-play-fail-expressive.svg
nrk-media-previous-expressive.svg
nrk-media-programguide-expressive--active.svg
nrk-media-programguide-expressive.svg
nrk-media-rwd-15sec-expressive.svg
nrk-media-rwd-30sec-expressive.svg
nrk-media-rwd-expressive.svg
nrk-media-soundwave-expressive.svg
nrk-media-stop-expressive.svg
nrk-media-subtitles-expressive--active.svg
nrk-media-subtitles-expressive--unavailable.svg
nrk-media-subtitles-expressive.svg
nrk-media-theater-expressive--active.svg
nrk-media-theater-expressive.svg
nrk-media-tilgjengelighet-geoblocked-expressive.svg
nrk-media-tilgjengelighet-ikkelengertilgjengelig-expressive.svg
nrk-media-tilgjengelighet-kommer-expressive.svg
nrk-media-tilgjengelighet-snartutilgjengelig-expressive.svg
nrk-media-volume-expressive--1.svg
nrk-media-volume-expressive--2.svg
nrk-media-volume-expressive--3.svg
nrk-media-volume-expressive--muted.svg
nrk-mening-expressive.svg
nrk-minus-expressive.svg
nrk-more-expressive--active.svg
nrk-more-expressive.svg
nrk-offline-expressive.svg
nrk-open-in-new-expressive.svg
nrk-person-expressive.svg
nrk-plus-expressive.svg
nrk-poll-expressive.svg
nrk-reload-expressive.svg
nrk-search-expressive--active.svg
nrk-search-expressive.svg
nrk-settings-expressive--active.svg
nrk-settings-expressive.svg
nrk-some-email-expressive.svg
nrk-some-embed-expressive.svg
nrk-some-share-expressive.svg
nrk-some-share-ios-expressive.svg
nrk-spinner-expressive.svg
nrk-star-expressive--active.svg
nrk-star-expressive.svg
nrk-tilgjengelighet-expressive.svg
nrk-tilgjengelighet-horbarhet-expressive.svg
nrk-tilgjengelighet-lydtekst-expressive.svg
nrk-tilgjengelighet-synstolking-expressive.svg
nrk-tilgjengelighet-tegnspraak-expressive.svg
nrk-trash-expressive--active.svg
nrk-trash-expressive.svg
nrk-upload-expressive.svg
nrk-user-loggedin-expressive--active.svg
nrk-user-loggedin-expressive.svg
nrk-user-notloggedin-expressive--active.svg
nrk-user-notloggedin-expressive.svg
nrk-warning-expressive.svg

Full Changelog: v11.2.0...v12.0.0