@ndla/ui 12.0.1 → 13.0.0

package/lib/index.d.ts

@@ -58,7 +58,8 @@ export { default as Topic } from './Topic';
 export type { TopicProps } from './Topic';
 export { default as Aside } from './Aside';
 export { default as AuthorInfo } from './AuthorInfo';
-export { default as Breadcrumb, BreadcrumbBlock } from './Breadcrumb';
+export { default as Breadcrumb, HeaderBreadcrumb, HomeBreadcrumb } from './Breadcrumb';
+export type { SimpleBreadcrumbItem, IndexedBreadcrumbItem } from './Breadcrumb';
 export type { BreadcrumbItemProps } from './Breadcrumblist/Breadcrumblist';
 export { i18nInstance, formatNestedMessages, formatMessage } from './i18n';
 export { default as ResourceGroup } from './ResourceGroup';

package/lib/index.js

@@ -119,7 +119,8 @@ var _exportNames = {
   Aside: true,
   AuthorInfo: true,
   Breadcrumb: true,
-  BreadcrumbBlock: true,
+  HeaderBreadcrumb: true,
+  HomeBreadcrumb: true,
   i18nInstance: true,
   formatNestedMessages: true,
   formatMessage: true,
@@ -856,10 +857,16 @@ Object.defineProperty(exports, "Breadcrumb", {
     return _Breadcrumb["default"];
   }
 });
-Object.defineProperty(exports, "BreadcrumbBlock", {
+Object.defineProperty(exports, "HeaderBreadcrumb", {
   enumerable: true,
   get: function get() {
-    return _Breadcrumb.BreadcrumbBlock;
+    return _Breadcrumb.HeaderBreadcrumb;
+  }
+});
+Object.defineProperty(exports, "HomeBreadcrumb", {
+  enumerable: true,
+  get: function get() {
+    return _Breadcrumb.HomeBreadcrumb;
   }
 });
 Object.defineProperty(exports, "i18nInstance", {

package/lib/locale/messages-en.d.ts

@@ -54,6 +54,21 @@ declare const messages: {
         favourites: string;
         help: string;
     };
+    labels: {
+        category: string;
+        subject: string;
+        other: string;
+    };
+    listingPage: {
+        or: string;
+        noFilters: string;
+        loadMore: string;
+    };
+    siteNav: {
+        search: string;
+        contact: string;
+        help: string;
+    };
     htmlTitles: {
         titleTemplate: string;
         welcomePage: string;
@@ -505,6 +520,12 @@ declare const messages: {
             description: string;
             rules: string;
             title: string;
+            embedlink: {
+                heading: string;
+                description: string;
+                copyTitle: string;
+                hasCopiedTitle: string;
+            };
         };
         files: {
             heading: string;
@@ -529,6 +550,11 @@ declare const messages: {
         };
         hasCopiedTitle: string;
         download: string;
+        title: string;
+        originator: string;
+        rightsholder: string;
+        source: string;
+        published: string;
     };
     errorMessage: {
         title: string;
@@ -559,8 +585,10 @@ declare const messages: {
             newsletterAria: string;
             youtube: string;
             youtubeAria: string;
-            twitter: string;
-            twitterAria: string;
+            linkedin: string;
+            linkedinAria: string;
+            instagram: string;
+            instagramAria: string;
             sharePage: string;
             sharePageAria: string;
         };
@@ -623,6 +651,10 @@ declare const messages: {
         search: {
             placeholder: string;
         };
+        embedlink: {
+            copyTitle: string;
+            hasCopiedTitle: string;
+        };
         filters: {
             subject: {
                 useFilter: string;
@@ -639,6 +671,7 @@ declare const messages: {
                 openFilter: string;
                 closeFilter: string;
                 heading: string;
+                filteredBy: string;
             };
             alphabet: {
                 letterFilter: string;
@@ -789,6 +822,14 @@ declare const messages: {
     createdBy: {
         content: string;
         text: string;
+        concept: {
+            content: string;
+            text: string;
+        };
+        listing: {
+            content: string;
+            text: string;
+        };
     };
     fagfornyelse: {
         frontpage: {

package/lib/locale/messages-en.js

@@ -374,13 +374,13 @@ var messages = _objectSpread(_objectSpread({
     openAll: 'Open all'
   },
   license: {
-    heading: 'Howto reuse content',
+    heading: 'How to reuse content',
     tabs: {
       text: 'Text',
       images: 'Images',
       audio: 'Audio',
       video: 'Video',
-      h5p: 'h5p',
+      h5p: 'H5P',
       files: 'Files',
       embedlink: 'Embedded link',
       other: 'Other content',
@@ -396,7 +396,7 @@ var messages = _objectSpread(_objectSpread({
       rules: 'Rules for use of image:'
     },
     images: {
-      heading: 'How to use images from the article',
+      heading: 'How to reuse images',
       description: 'Remember to copy the text to be attached to the image where you use it.',
       rules: 'Rules for use of image:',
       itemImage: {
@@ -410,44 +410,50 @@ var messages = _objectSpread(_objectSpread({
       title: 'Title'
     },
     text: {
-      heading: 'How to use text from the article',
+      heading: 'How to reuse the text',
       description: 'Remember to refer to the source when reusing text.',
       rules: 'Rules for use of text:',
       published: 'Published'
     },
     audio: {
-      heading: 'How to use audio files from the article',
+      heading: 'How to reuse audio files',
       description: 'Remember to copy the text to be attached to the audio where you use it.',
       rules: 'Rules for use of audio file:'
     },
     video: {
-      heading: 'How to use videos from the article',
+      heading: 'How to reuse videos',
       description: 'Remember to copy the text to be attached to the video where you use it.',
-      rules: 'Rules for use of audio file:',
+      rules: 'Rules for use of video files:',
       itemImage: {
         ariaLabel: 'Open video in new window'
       }
     },
     other: {
-      heading: 'How to use other content from the article',
+      heading: 'How to reuse other content',
       description: 'You will find guidelines for use of other content in the asset',
       itemImage: {
         ariaLabel: 'Open in new window'
       }
     },
     h5p: {
-      heading: 'How to use H5P content from the article',
+      heading: 'How to reuse H5P content',
       description: 'You will find guidelines for use of H5P content in the asset',
       rules: 'Rules for use of H5P:'
     },
     concept: {
-      heading: 'How to use concept content from the article',
+      heading: 'How to reuse concept content',
       description: 'You will find guidelines for use of concept content in the asset',
       rules: 'Rules for use of concept:',
-      title: 'Title'
+      title: 'Title',
+      embedlink: {
+        heading: 'How to show the concept in other content',
+        description: 'This url shows the concept without menu and footer',
+        copyTitle: 'Copy embed link',
+        hasCopiedTitle: 'Embed link copied'
+      }
     },
     files: {
-      heading: 'How to use files from the article',
+      heading: 'How to reuse files',
       description: 'Remember to copy the text to be attached to the file where you use it.',
       rules: 'Rules for use of file:',
       itemImage: {
@@ -468,7 +474,12 @@ var messages = _objectSpread(_objectSpread({
       readDate: 'Read: '
     },
     hasCopiedTitle: 'Copied!',
-    download: 'Download'
+    download: 'Download',
+    title: 'Title',
+    originator: 'Originator',
+    rightsholder: 'Rightsholder',
+    source: 'Source',
+    published: 'Published'
   },
   errorMessage: {
     title: 'Oops, something went wrong',
@@ -499,8 +510,10 @@ var messages = _objectSpread(_objectSpread({
       newsletterAria: 'Sign up for our Newsletter',
       youtube: 'NDLA on YouTube',
       youtubeAria: 'NDLA on YouTube',
-      twitter: 'NDLA on Twitter',
-      twitterAria: 'Follow NDLA on Twitter',
+      linkedin: 'NDLA on LinkedIn',
+      linkedinAria: 'Visit NDLA on LinkedIn',
+      instagram: 'NDLA on Instagram',
+      instagramAria: 'Visit NDLA on Instagram',
       sharePage: 'Share this page',
       sharePageAria: 'Share this page'
     },
@@ -563,6 +576,10 @@ var messages = _objectSpread(_objectSpread({
     search: {
       placeholder: 'Search'
     },
+    embedlink: {
+      copyTitle: 'Copy embed code',
+      hasCopiedTitle: 'Embed code copied'
+    },
     filters: {
       subject: {
         useFilter: 'Use filter',
@@ -578,7 +595,8 @@ var messages = _objectSpread(_objectSpread({
         useFilter: 'Use filter',
         openFilter: 'Filter',
         closeFilter: 'Close filter',
-        heading: 'Filter'
+        heading: 'Filter',
+        filteredBy: 'Filtered by'
       },
       alphabet: {
         letterFilter: 'Filter content by the letter {{letter}}.'
@@ -728,7 +746,15 @@ var messages = _objectSpread(_objectSpread({
   },
   createdBy: {
     content: 'The resource',
-    text: 'is retrieved from'
+    text: 'is retrieved from',
+    concept: {
+      content: 'The concept',
+      text: 'is created by'
+    },
+    listing: {
+      content: 'The list',
+      text: 'is created by'
+    }
   },
   fagfornyelse: {
     frontpage: {
@@ -761,7 +787,7 @@ var messages = _objectSpread(_objectSpread({
   frontpageMenu: {
     program: 'Education programme',
     allsubjects: 'All subjects',
-    cursorText: 'Have a look at some new learning resources from our revised subjects!'
+    cursorText: 'Have a look at some new learning resources from our new subjects!'
   },
   navigation: {
     showLongerDescription: 'Show topic description',
@@ -901,6 +927,21 @@ var messages = _objectSpread(_objectSpread({
     myAccount: 'My account',
     favourites: 'Favourites',
     help: 'Help'
+  },
+  labels: {
+    category: 'Category',
+    subject: 'Subject',
+    other: 'Other'
+  },
+  listingPage: {
+    or: 'or',
+    noFilters: 'Have nothing to filter',
+    loadMore: 'Load more'
+  },
+  siteNav: {
+    search: 'Search',
+    contact: 'Contact',
+    help: 'Help'
   }
 });
 

package/lib/locale/messages-nb.d.ts

@@ -54,6 +54,21 @@ declare const messages: {
         favourites: string;
         help: string;
     };
+    labels: {
+        category: string;
+        subject: string;
+        other: string;
+    };
+    listingPage: {
+        or: string;
+        noFilters: string;
+        loadMore: string;
+    };
+    siteNav: {
+        search: string;
+        contact: string;
+        help: string;
+    };
     htmlTitles: {
         titleTemplate: string;
         welcomePage: string;
@@ -520,6 +535,12 @@ declare const messages: {
             description: string;
             rules: string;
             title: string;
+            embedlink: {
+                heading: string;
+                description: string;
+                copyTitle: string;
+                hasCopiedTitle: string;
+            };
         };
         files: {
             heading: string;
@@ -529,6 +550,11 @@ declare const messages: {
                 ariaLabel: string;
             };
         };
+        title: string;
+        originator: string;
+        published: string;
+        rightsholder: string;
+        source: string;
     };
     errorMessage: {
         title: string;
@@ -559,8 +585,10 @@ declare const messages: {
             newsletterAria: string;
             youtube: string;
             youtubeAria: string;
-            twitter: string;
-            twitterAria: string;
+            linkedin: string;
+            linkedinAria: string;
+            instagram: string;
+            instagramAria: string;
             sharePage: string;
             sharePageAria: string;
         };
@@ -623,6 +651,10 @@ declare const messages: {
         search: {
             placeholder: string;
         };
+        embedlink: {
+            copyTitle: string;
+            hasCopiedTitle: string;
+        };
         filters: {
             subject: {
                 useFilter: string;
@@ -639,6 +671,7 @@ declare const messages: {
                 openFilter: string;
                 closeFilter: string;
                 heading: string;
+                filteredBy: string;
             };
             alphabet: {
                 letterFilter: string;
@@ -789,6 +822,14 @@ declare const messages: {
     createdBy: {
         content: string;
         text: string;
+        concept: {
+            content: string;
+            text: string;
+        };
+        listing: {
+            content: string;
+            text: string;
+        };
     };
     fagfornyelse: {
         frontpage: {

package/lib/locale/messages-nb.js

@@ -395,7 +395,7 @@ var messages = _objectSpread(_objectSpread({
       images: 'Bilder',
       audio: 'Lyd',
       video: 'Video',
-      h5p: 'h5p',
+      h5p: 'H5P',
       files: 'Filer',
       embedlink: 'Innbyggingslenke',
       concept: 'Forklaringer',
@@ -403,7 +403,7 @@ var messages = _objectSpread(_objectSpread({
     },
     embedlink: {
       heading: 'Slik viser du artikkelen i annet innhold',
-      description: 'Denne lenken viser artikkelen uten kontekst(meny og bunntekst)',
+      description: 'Denne lenken viser artikkelen uten kontekst (meny og bunntekst)',
       copyTitle: 'Kopier lenke',
       hasCopiedTitle: 'Lenke kopiert'
     },
@@ -411,7 +411,7 @@ var messages = _objectSpread(_objectSpread({
       rules: 'Regler for bruk av bildet:'
     },
     images: {
-      heading: 'Slik bruker du bilder fra artikkelen',
+      heading: 'Slik gjenbruker du bilder',
       description: 'Husk å kopiere teksten som skal legges ved bildet der du bruker det.',
       rules: 'Regler for bruk av bildet:',
       itemImage: {
@@ -425,18 +425,18 @@ var messages = _objectSpread(_objectSpread({
       title: 'Tittel'
     },
     text: {
-      heading: 'Slik bruker du tekst fra artikkelen',
+      heading: 'Slik gjenbruker du teksten',
       description: 'Husk å henvise til kilden når du gjenbruker tekst.',
       rules: 'Regler for bruk av teksten:',
       published: 'Publiseringsdato'
     },
     audio: {
-      heading: 'Slik bruker du lydfiler',
+      heading: 'Slik gjenbruker du lydfiler',
       description: 'Husk å kopiere teksten som skal legges ved lydfilen der du bruker den.',
       rules: 'Regler for bruk av lydfilen:'
     },
     video: {
-      heading: 'Slik bruker du video fra artikkelen',
+      heading: 'Slik gjenbruker du videoer',
       description: 'Husk å kopiere teksten som skal legges ved videoen der du bruker den.',
       rules: 'Regler for bruk av videoen:',
       itemImage: {
@@ -444,31 +444,42 @@ var messages = _objectSpread(_objectSpread({
       }
     },
     other: {
-      heading: 'Slik bruker du annet innhold fra artikkelen',
+      heading: 'Slik gjenbruker du annet innhold',
       description: 'Du finner retningslinjene for bruk av innholdet i innholdselementet',
       itemImage: {
         ariaLabel: 'Åpne i nytt vindu'
       }
     },
     h5p: {
-      heading: 'Slik bruker du H5P-innhold fra artikkelen',
+      heading: 'Slik gjenbruker du H5P-innhold',
       description: 'Du finner retningslinjene for bruk av innholdet i H5P-elementet',
       rules: 'Regler for bruk av H5P:'
     },
     concept: {
-      heading: 'Slik bruker du forklaringer fra artikkelen',
+      heading: 'Slik gjenbruker du forklaringer',
       description: 'Du finner retningslinjene for bruk av innholdet i forklaring-elementet',
       rules: 'Regler for bruk av forklaring:',
-      title: 'Tittel'
+      title: 'Tittel',
+      embedlink: {
+        heading: 'Slik viser du forklaringen i annet innhold',
+        description: 'Denne lenken viser forklaringen uten kontekst (meny og bunntekst)',
+        copyTitle: 'Kopier innbyggingslenke',
+        hasCopiedTitle: 'Innbyggingslenke kopiert'
+      }
     },
     files: {
-      heading: 'Slik bruker du filer fra artikkelen',
+      heading: 'Slik gjenbruker du filer',
       description: 'Husk å kopier teksten som skal legges ved filen der du bruker den.',
       rules: 'Regler for bruk av filen:',
       itemImage: {
         ariaLabel: 'Åpne i nytt vindu'
       }
-    }
+    },
+    title: 'Tittel',
+    originator: 'Opphaver',
+    published: 'Publiseringsdato',
+    rightsholder: 'Rettighetshaver',
+    source: 'Kilde'
   },
   errorMessage: {
     title: 'Ops, noe gikk galt',
@@ -499,8 +510,10 @@ var messages = _objectSpread(_objectSpread({
       newsletterAria: 'Meld deg på vårt nyhetsbrev',
       youtube: 'NDLA på YouTube',
       youtubeAria: 'NDLA på YouTube',
-      twitter: 'NDLA på Twitter',
-      twitterAria: 'Besøk NDLA på Twitter',
+      linkedin: 'NDLA på LinkedIn',
+      linkedinAria: 'Besøk NDLA på LinkedIn',
+      instagram: 'NDLA på Instagram',
+      instagramAria: 'Besøk NDLA på Instagram',
       sharePage: 'Del denne siden',
       sharePageAria: 'Del denne siden'
     },
@@ -563,6 +576,10 @@ var messages = _objectSpread(_objectSpread({
     search: {
       placeholder: 'Søk'
     },
+    embedlink: {
+      copyTitle: 'Kopier innbyggingskode',
+      hasCopiedTitle: 'Innbyggingskode kopiert'
+    },
     filters: {
       subject: {
         useFilter: 'Bruk filter',
@@ -578,7 +595,8 @@ var messages = _objectSpread(_objectSpread({
         useFilter: 'Bruk filter',
         openFilter: 'Filtrer',
         closeFilter: 'Lukk filter',
-        heading: 'Filter'
+        heading: 'Filter',
+        filteredBy: 'Filtrert på'
       },
       alphabet: {
         letterFilter: 'Vis innhald på (bokstaven) {{letter}}.'
@@ -728,7 +746,15 @@ var messages = _objectSpread(_objectSpread({
   },
   createdBy: {
     content: 'Ressursen',
-    text: 'er hentet fra'
+    text: 'er hentet fra',
+    concept: {
+      content: 'Forklaringen',
+      text: 'er utarbeidet av'
+    },
+    listing: {
+      content: 'Listen',
+      text: 'er utarbeidet av'
+    }
   },
   fagfornyelse: {
     frontpage: {
@@ -761,7 +787,7 @@ var messages = _objectSpread(_objectSpread({
   frontpageMenu: {
     program: 'Utdanningsprogram',
     allsubjects: 'Alle fag',
-    cursorText: 'Se smakebiter fra fag som kommer høsten 2022.'
+    cursorText: 'Se smakebiter fra fag under utvikling.'
   },
   navigation: {
     showLongerDescription: 'Vis hele emnebeskrivelsen',
@@ -901,6 +927,21 @@ var messages = _objectSpread(_objectSpread({
     myAccount: 'Min konto',
     favourites: 'Favoritter',
     help: 'Hjelp'
+  },
+  labels: {
+    category: 'Kategori',
+    subject: 'Fag',
+    other: 'Annet'
+  },
+  listingPage: {
+    or: 'eller',
+    noFilters: 'Har ingenting å filtrere',
+    loadMore: 'Last mer'
+  },
+  siteNav: {
+    search: 'Søk',
+    contact: 'Kontakt',
+    help: 'Hjelp'
   }
 });
 

package/lib/locale/messages-nn.d.ts

@@ -54,6 +54,21 @@ declare const messages: {
         favourites: string;
         help: string;
     };
+    labels: {
+        category: string;
+        subject: string;
+        other: string;
+    };
+    listingPage: {
+        or: string;
+        noFilters: string;
+        loadMore: string;
+    };
+    siteNav: {
+        search: string;
+        contact: string;
+        help: string;
+    };
     htmlTitles: {
         titleTemplate: string;
         welcomePage: string;
@@ -516,6 +531,12 @@ declare const messages: {
             rules: string;
         };
         concept: {
+            embedlink: {
+                heading: string;
+                description: string;
+                copyTitle: string;
+                hasCopiedTitle: string;
+            };
             heading: string;
             description: string;
             rules: string;
@@ -529,6 +550,11 @@ declare const messages: {
                 ariaLabel: string;
             };
         };
+        title: string;
+        originator: string;
+        rightsholder: string;
+        source: string;
+        published: string;
     };
     errorMessage: {
         title: string;
@@ -559,8 +585,10 @@ declare const messages: {
             newsletterAria: string;
             youtube: string;
             youtubeAria: string;
-            twitter: string;
-            twitterAria: string;
+            linkedin: string;
+            linkedinAria: string;
+            instagram: string;
+            instagramAria: string;
             sharePage: string;
             sharePageAria: string;
         };
@@ -623,6 +651,10 @@ declare const messages: {
         search: {
             placeholder: string;
         };
+        embedlink: {
+            copyTitle: string;
+            hasCopiedTitle: string;
+        };
         filters: {
             subject: {
                 useFilter: string;
@@ -639,6 +671,7 @@ declare const messages: {
                 openFilter: string;
                 closeFilter: string;
                 heading: string;
+                filteredBy: string;
             };
             alphabet: {
                 letterFilter: string;
@@ -789,6 +822,14 @@ declare const messages: {
     createdBy: {
         content: string;
         text: string;
+        concept: {
+            content: string;
+            text: string;
+        };
+        listing: {
+            content: string;
+            text: string;
+        };
     };
     fagfornyelse: {
         frontpage: {