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/core-icons@12.1.0 to npm

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

v12.0.1

What's new

• Published patch @nrk/core-icons@12.0.1 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

v11.2.0

What's Changed

• feat: Add nrk-media-agelimit icons by @skjalgepalg in #195
• feat: Update nrk-tilgjengelighet icons by @skjalgepalg in #194
• feat: Add nrk-emoji-nrk-super-poop--angry icon by @skjalgepalg in #196

Releases

• @nrk/core-icons@11.2.0 published to npm

Docs

• Documentation updated with new/updated icons from v11.2.0

Full Changelog: v11.1.0...v11.2.0

v11.1.0

What's Changed

• feat: Add new icon category--active variant by @skjalgepalg in #189

Full Changelog: v11.0.1...v11.1.0

v11.0.1

What's changed:

• Update README for github.com and npmjs.org

Full Changelog: v11.0.0...v11.0.1

v11.0.0

What's Changed

• feat!: Update to nrk-media-ny icon by @skjalgepalg in #185
• feat!: Remove nrk-logo-alltid-nyheter by @skjalgepalg in #186
• feat: Add fill='currentColor' for ellipsis, snapchat and tommelopp icons by @skjalgepalg in #187

Migration guide

• Replace use of nrk-logo-alltid-nyheter with nrk-logo-nrk-nyheter
• Ensure existing use of nrk-media-ny has sufficient background contrast from icon text being inverted.
• The following icons will now use currentColor instead of plain black. Verify legibility and adjust color as necessary where used:
  • nrk-ellipsis--active
  • nrk-ellipsis
  • nrk-some-snapchat
  • nrk-some-tommelopp

Full Changelog: v10.4.3...v11.0.0

v10.4.3

What's Changed

• Svg attributes by @skjalgepalg in #182
  • Fixed the errant removal of the following attributes for these icons:
    • NrkMediaFfw15sec now has fill="currentColor"
    • NrkMediaFfw30sec now has fill="currentColor"
    • NrkMediaRwd15sec now has fill="currentColor"
    • NrkMediaRwd30sec now has fill="currentColor"

Full Changelog: v10.4.2...v10.4.3