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