@ndla/ui 27.0.0 → 27.0.2

package/lib/locale/messages-nb.js

@@ -587,11 +587,13 @@ var messages = _objectSpread(_objectSpread({
   changeLanguage: {
     nb: 'Endre språk til bokmål',
     nn: 'Endre språk til nynorsk',
+    se: 'Rievdat giela davvisámegiella',
     en: 'Change language to English'
   },
   currentLanguageText: {
     nb: 'Sidene vises på bokmål',
     nn: 'Sidene vises på nynorsk',
+    se: 'Siiddut leat davvisámegiellii',
     en: 'Not all pages are available in English. These will be shown in Norwegian'
   },
   breadcrumb: {
@@ -867,7 +869,9 @@ var messages = _objectSpread(_objectSpread({
     readMoreDescriptionLabel: 'vis mer'
   },
   h5p: {
-    reuse: 'Bruk H5P'
+    reuse: 'Bruk H5P',
+    resource: 'Læringsressurs fra H5P',
+    error: 'En feil oppstod ved lasting av H5P.'
   },
   video: {
     download: 'Last ned video',
@@ -878,6 +882,9 @@ var messages = _objectSpread(_objectSpread({
     download: 'Last ned innhold',
     reuse: 'Bruk innhold'
   },
+  external: {
+    error: 'En feil oppstod ved lasting av en ekstern ressurs.'
+  },
   concept: {
     showDescription: 'Vis beskrivelsen av forklaringen.',
     reuse: 'Bruk forklaring',
@@ -893,8 +900,6 @@ var messages = _objectSpread(_objectSpread({
     showMore: 'Vis mer relatert innhold',
     showLess: 'Vis mindre'
   },
-  'external.error': 'En feil oppstod ved lasting av en ekstern ressurs.',
-  'h5p.error': 'En feil oppstod ved lasting av H5P.',
   files: 'Filer',
   download: 'Last ned fil: ',
   expandButton: 'Vis stor versjon'

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

@@ -761,11 +761,13 @@ declare const messages: {
     changeLanguage: {
         nb: string;
         nn: string;
+        se: string;
         en: string;
     };
     currentLanguageText: {
         nb: string;
         nn: string;
+        se: string;
         en: string;
     };
     breadcrumb: {
@@ -1042,6 +1044,8 @@ declare const messages: {
     };
     h5p: {
         reuse: string;
+        resource: string;
+        error: string;
     };
     video: {
         download: string;
@@ -1052,6 +1056,9 @@ declare const messages: {
         download: string;
         reuse: string;
     };
+    external: {
+        error: string;
+    };
     concept: {
         showDescription: string;
         reuse: string;
@@ -1066,8 +1073,6 @@ declare const messages: {
         showMore: string;
         showLess: string;
     };
-    'external.error': string;
-    'h5p.error': string;
     source: string;
     files: string;
     download: string;

package/lib/locale/messages-nn.js

@@ -587,11 +587,13 @@ var messages = _objectSpread(_objectSpread({
   changeLanguage: {
     nb: 'Endre språk til bokmål',
     nn: 'Endre språk til nynorsk',
+    se: 'Rievdat giela davvisámegiella',
     en: 'Change language to English'
   },
   currentLanguageText: {
     nb: 'Sidene blir viste på bokmål',
     nn: 'Sidene blir viste på nynorsk',
+    se: 'Siiddut leat davvisámegiellii',
     en: 'Not all pages are available in English. These will be shown in Norwegian'
   },
   breadcrumb: {
@@ -867,7 +869,9 @@ var messages = _objectSpread(_objectSpread({
     readMoreDescriptionLabel: 'vis meir'
   },
   h5p: {
-    reuse: 'Bruk H5P'
+    reuse: 'Bruk H5P',
+    resource: 'Læringsressurs frå H5P',
+    error: 'Ein feil oppstod ved lasting av H5P.'
   },
   video: {
     download: 'Last ned video',
@@ -878,6 +882,9 @@ var messages = _objectSpread(_objectSpread({
     download: 'Last ned innhald',
     reuse: 'Bruk innhald'
   },
+  external: {
+    error: 'Ein feil oppstod ved lasting av ein ekstern ressurs.'
+  },
   concept: {
     showDescription: 'Vis skildring av forklaringa',
     reuse: 'Bruk forklaring',
@@ -892,8 +899,6 @@ var messages = _objectSpread(_objectSpread({
     showMore: 'Vis meir relatert innhald',
     showLess: 'Vis mindre'
   },
-  'external.error': 'Ein feil oppstod ved lasting av ein ekstern ressurs.',
-  'h5p.error': 'Ein feil oppstod ved lasting av H5P.',
   source: 'Kjelde',
   files: 'Filer',
   download: 'Last ned fil: ',

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

@@ -761,11 +761,13 @@ declare const messages: {
     changeLanguage: {
         nb: string;
         nn: string;
+        se: string;
         en: string;
     };
     currentLanguageText: {
         nb: string;
         nn: string;
+        se: string;
         en: string;
     };
     breadcrumb: {
@@ -1042,6 +1044,8 @@ declare const messages: {
     };
     h5p: {
         reuse: string;
+        resource: string;
+        error: string;
     };
     video: {
         download: string;
@@ -1052,6 +1056,9 @@ declare const messages: {
         download: string;
         reuse: string;
     };
+    external: {
+        error: string;
+    };
     concept: {
         showDescription: string;
         reuse: string;
@@ -1067,8 +1074,6 @@ declare const messages: {
         showMore: string;
         showLess: string;
     };
-    'external.error': string;
-    'h5p.error': string;
     files: string;
     download: string;
     expandButton: string;

package/lib/locale/messages-se.js

@@ -587,12 +587,14 @@ var messages = _objectSpread(_objectSpread({
   changeLanguage: {
     nb: 'Rievdat giela girjedárogiellan',
     nn: 'Rievdat giela ođđadárogiellan',
+    se: 'Rievdat giela davvisámegiella',
     en: 'Rievdat giela eŋgelasgiellan'
   },
   currentLanguageText: {
     nb: 'Siiddut leat girjedárogillii',
     nn: 'Siiddut leat ođđadárogillii',
-    en: 'Eai buot siddut leat eŋgelasgillii olamuttus.Dat ihtet dárogillii.'
+    se: 'Siiddut leat davvisámegiellii',
+    en: 'Eai buot siddut leat eŋgelasgillii olamuttus. Dat ihtet dárogillii.'
   },
   breadcrumb: {
     toFrontpage: 'NDLA ovdasiidu',
@@ -867,7 +869,9 @@ var messages = _objectSpread(_objectSpread({
     readMoreDescriptionLabel: 'Čájet eanet'
   },
   h5p: {
-    reuse: 'Geavat H5P'
+    reuse: 'Geavat H5P',
+    resource: 'Oahppanresursa H5P',
+    error: 'Boasttuvuohta čuožžilii H5P viežžamis.'
   },
   video: {
     download: 'Viečča video',
@@ -878,6 +882,9 @@ var messages = _objectSpread(_objectSpread({
     download: 'Viečča sisdoalu',
     reuse: 'Geavat sisdoalu'
   },
+  external: {
+    error: 'Boasttuvuohta čuožžilii olgguldas resurssa viežžamis.'
+  },
   concept: {
     showDescription: 'Čájet čilgehusa govvideami.',
     reuse: 'Geavat čilgehusa',
@@ -893,8 +900,6 @@ var messages = _objectSpread(_objectSpread({
     showMore: 'Čájet eanet guoskevaš sisdoalu',
     showLess: 'Čájet unnit'
   },
-  'external.error': 'Boasttuvuohta čuožžilii olgguldas resurssa viežžamis.',
-  'h5p.error': 'Boasttuvuohta čuožžilii H5P viežžamis.',
   files: 'Fiillat',
   download: 'Viečča fiilla: ',
   expandButton: 'Čájet stuora veršuvnna'

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

@@ -761,11 +761,13 @@ declare const messages: {
     changeLanguage: {
         nb: string;
         nn: string;
+        se: string;
         en: string;
     };
     currentLanguageText: {
         nb: string;
         nn: string;
+        se: string;
         en: string;
     };
     breadcrumb: {
@@ -1042,6 +1044,8 @@ declare const messages: {
     };
     h5p: {
         reuse: string;
+        resource: string;
+        error: string;
     };
     video: {
         download: string;
@@ -1052,6 +1056,9 @@ declare const messages: {
         download: string;
         reuse: string;
     };
+    external: {
+        error: string;
+    };
     concept: {
         showDescription: string;
         reuse: string;
@@ -1067,8 +1074,6 @@ declare const messages: {
         showMore: string;
         showLess: string;
     };
-    'external.error': string;
-    'h5p.error': string;
     files: string;
     download: string;
     expandButton: string;

package/lib/locale/messages-sma.js

@@ -587,11 +587,13 @@ var messages = _objectSpread(_objectSpread({
   changeLanguage: {
     nb: 'Endre språk til bokmål',
     nn: 'Endre språk til nynorsk',
+    se: 'Rievdat giela davvisámegiella',
     en: 'Change language to English'
   },
   currentLanguageText: {
     nb: 'Sidene vises på bokmål',
     nn: 'Sidene vises på nynorsk',
+    se: 'Siiddut leat davvisámegiellii',
     en: 'Not all pages are available in English. These will be shown in Norwegian'
   },
   breadcrumb: {
@@ -867,7 +869,9 @@ var messages = _objectSpread(_objectSpread({
     readMoreDescriptionLabel: 'vis mer'
   },
   h5p: {
-    reuse: 'Bruk H5P'
+    reuse: 'Bruk H5P',
+    resource: 'Læringsressurs fra H5P',
+    error: 'En feil oppstod ved lasting av H5P.'
   },
   video: {
     download: 'Last ned video',
@@ -878,6 +882,9 @@ var messages = _objectSpread(_objectSpread({
     download: 'Last ned innhold',
     reuse: 'Bruk innhold'
   },
+  external: {
+    error: 'En feil oppstod ved lasting av en ekstern ressurs.'
+  },
   concept: {
     showDescription: 'Vis beskrivelsen av forklaringen.',
     reuse: 'Bruk forklaring',
@@ -893,8 +900,6 @@ var messages = _objectSpread(_objectSpread({
     showMore: 'Vis mer relatert innhold',
     showLess: 'Vis mindre'
   },
-  'external.error': 'En feil oppstod ved lasting av en ekstern ressurs.',
-  'h5p.error': 'En feil oppstod ved lasting av H5P.',
   files: 'Filer',
   download: 'Last ned fil: ',
   expandButton: 'Vis stor versjon'

package/lib/types.d.ts

@@ -6,7 +6,7 @@
  *
  */
 import { ReactNode } from 'react';
-declare const locales: readonly ["nb", "nn", "en"];
+declare const locales: readonly ["nb", "nn", "en", "se"];
 export declare type Locale = typeof locales[number];
 export declare type Link = {
     text: string;

package/lib/types.js

@@ -7,4 +7,4 @@
  * LICENSE file in the root directory of this source tree.
  *
  */
-var locales = ['nb', 'nn', 'en'];
+var locales = ['nb', 'nn', 'en', 'se'];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ndla/ui",
-  "version": "27.0.0",
+  "version": "27.0.2",
   "description": "UI component library for NDLA.",
   "license": "GPL-3.0",
   "main": "lib/index.js",
@@ -32,16 +32,16 @@
   ],
   "dependencies": {
     "@ndla/article-scripts": "^3.0.2",
-    "@ndla/button": "^3.5.1",
+    "@ndla/button": "^3.5.2",
     "@ndla/carousel": "^1.2.23",
     "@ndla/core": "^2.3.5",
-    "@ndla/forms": "^3.3.1",
+    "@ndla/forms": "^3.3.2",
     "@ndla/hooks": "^1.1.6",
     "@ndla/icons": "^1.13.0",
     "@ndla/licenses": "^5.0.17",
-    "@ndla/modal": "^1.3.7",
-    "@ndla/notion": "^3.1.41",
-    "@ndla/safelink": "^2.2.15",
+    "@ndla/modal": "^1.4.0",
+    "@ndla/notion": "^3.1.43",
+    "@ndla/safelink": "^2.2.16",
     "@ndla/switch": "^0.1.13",
     "@ndla/tabs": "^1.1.22",
     "@ndla/tooltip": "^2.2.1",
@@ -85,5 +85,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "62733541c9b13e7233c0752fd302f35cdd50b453"
+  "gitHead": "e2c4bd2fe6687a2fcc5f384c5d1f5eea0d9ea638"
 }

package/src/Breadcrumb/ActionBreadcrumb.tsx

@@ -7,7 +7,7 @@
  */
 
 import styled from '@emotion/styled';
-import { colors, fonts, spacing } from '@ndla/core';
+import { colors, fonts, misc, spacing } from '@ndla/core';
 import { ChevronRight } from '@ndla/icons/common';
 import SafeLink from '@ndla/safelink';
 import React from 'react';
@@ -30,12 +30,18 @@ const StyledSpan = styled.span`
 const StyledSafeLink = styled(SafeLink)`
   color: ${colors.text.primary};
   box-shadow: none;
+  margin: 0 2px;
   font-weight: ${fonts.weight.bold};
   :hover {
     color: ${colors.brand.primary};
   }
 `;
 
+const StyledMenuButton = styled(MenuButton)`
+  border-radius: ${misc.borderRadius};
+  margin: 0 2px;
+`;
+
 interface Props {
   items: SimpleBreadcrumbItem[];
   actionItems: MenuItemProps[];
@@ -48,9 +54,9 @@ const ActionBreadcrumb = ({ items, actionItems }: Props) => {
     }
     if (item.index === totalCount - 1 && actionItems.length > 0) {
       return (
-        <MenuButton menuItems={actionItems} size="small">
+        <StyledMenuButton menuItems={actionItems} size="small">
           <StyledSpan title={item.name}>{item.name}</StyledSpan>
-        </MenuButton>
+        </StyledMenuButton>
       );
     }
     return (

package/src/i18n/i18n.ts

@@ -12,6 +12,7 @@ import LanguageDetector from 'i18next-browser-languagedetector';
 import messagesEN from '../locale/messages-en';
 import messagesNN from '../locale/messages-nn';
 import messagesNB from '../locale/messages-nb';
+import messagesSE from '../locale/messages-se';
 
 const DETECTION_OPTIONS = {
   order: ['path', 'localStorage', 'htmlTag'],
@@ -24,7 +25,7 @@ const i18nInstance = i18n.use(initReactI18next).use(LanguageDetector);
 i18nInstance.init({
   detection: DETECTION_OPTIONS,
   fallbackLng: 'nb',
-  supportedLngs: ['nb', 'nn', 'en'],
+  supportedLngs: ['nb', 'nn', 'en', 'se'],
   resources: {
     en: {
       translation: messagesEN,
@@ -35,6 +36,9 @@ i18nInstance.init({
     nb: {
       translation: messagesNB,
     },
+    se: {
+      translation: messagesSE,
+    },
   },
 });
 

package/src/index.ts

@@ -161,6 +161,7 @@ export { default as constants } from './model';
 export { default as messagesNB } from './locale/messages-nb';
 export { default as messagesNN } from './locale/messages-nn';
 export { default as messagesEN } from './locale/messages-en';
+export { default as messagesSE } from './locale/messages-se';
 
 export { default as RadioButtonGroup } from './RadioButtonGroup';
 

package/src/locale/messages-en.ts

@@ -619,11 +619,13 @@ const messages = {
   changeLanguage: {
     nb: 'Endre språk til bokmål',
     nn: 'Endre språk til nynorsk',
+    se: 'Rievdat giela davvisámegiella',
     en: 'Change language to English',
   },
   currentLanguageText: {
     nb: 'Sidene vises på bokmål',
     nn: 'Sidene vises på nynorsk',
+    se: 'Siiddut leat davvisámegiellii',
     en: 'Not all pages are available in English. These will be shown in Norwegian',
   },
   breadcrumb: {
@@ -905,6 +907,8 @@ const messages = {
   },
   h5p: {
     reuse: 'Use H5P',
+    resource: 'Learning resource from H5P',
+    error: 'An error occurred while loading the H5P.',
   },
   video: {
     download: 'Download video',
@@ -915,6 +919,9 @@ const messages = {
     download: 'Download content',
     reuse: 'Use content',
   },
+  external: {
+    error: 'An error occurred while loading an external resource.',
+  },
   concept: {
     showDescription: 'Show concept description',
     reuse: 'Use concept',
@@ -930,8 +937,6 @@ const messages = {
     showMore: 'Show more related content',
     showLess: 'Show less',
   },
-  'external.error': 'An error occurred while loading an external resource.',
-  'h5p.error': 'An error occurred while loading the H5P.',
   files: 'Files',
   download: 'Download file: ',
   expandButton: 'Show large version',

package/src/locale/messages-nb.ts

@@ -617,11 +617,13 @@ const messages = {
   changeLanguage: {
     nb: 'Endre språk til bokmål',
     nn: 'Endre språk til nynorsk',
+    se: 'Rievdat giela davvisámegiella',
     en: 'Change language to English',
   },
   currentLanguageText: {
     nb: 'Sidene vises på bokmål',
     nn: 'Sidene vises på nynorsk',
+    se: 'Siiddut leat davvisámegiellii',
     en: 'Not all pages are available in English. These will be shown in Norwegian',
   },
   breadcrumb: {
@@ -903,6 +905,8 @@ const messages = {
   },
   h5p: {
     reuse: 'Bruk H5P',
+    resource: 'Læringsressurs fra H5P',
+    error: 'En feil oppstod ved lasting av H5P.',
   },
   video: {
     download: 'Last ned video',
@@ -913,6 +917,9 @@ const messages = {
     download: 'Last ned innhold',
     reuse: 'Bruk innhold',
   },
+  external: {
+    error: 'En feil oppstod ved lasting av en ekstern ressurs.',
+  },
   concept: {
     showDescription: 'Vis beskrivelsen av forklaringen.',
     reuse: 'Bruk forklaring',
@@ -928,8 +935,6 @@ const messages = {
     showMore: 'Vis mer relatert innhold',
     showLess: 'Vis mindre',
   },
-  'external.error': 'En feil oppstod ved lasting av en ekstern ressurs.',
-  'h5p.error': 'En feil oppstod ved lasting av H5P.',
   files: 'Filer',
   download: 'Last ned fil: ',
   expandButton: 'Vis stor versjon',

package/src/locale/messages-nn.ts

@@ -618,11 +618,13 @@ const messages = {
   changeLanguage: {
     nb: 'Endre språk til bokmål',
     nn: 'Endre språk til nynorsk',
+    se: 'Rievdat giela davvisámegiella',
     en: 'Change language to English',
   },
   currentLanguageText: {
     nb: 'Sidene blir viste på bokmål',
     nn: 'Sidene blir viste på nynorsk',
+    se: 'Siiddut leat davvisámegiellii',
     en: 'Not all pages are available in English. These will be shown in Norwegian',
   },
   breadcrumb: {
@@ -904,6 +906,8 @@ const messages = {
   },
   h5p: {
     reuse: 'Bruk H5P',
+    resource: 'Læringsressurs frå H5P',
+    error: 'Ein feil oppstod ved lasting av H5P.',
   },
   video: {
     download: 'Last ned video',
@@ -914,6 +918,9 @@ const messages = {
     download: 'Last ned innhald',
     reuse: 'Bruk innhald',
   },
+  external: {
+    error: 'Ein feil oppstod ved lasting av ein ekstern ressurs.',
+  },
   concept: {
     showDescription: 'Vis skildring av forklaringa',
     reuse: 'Bruk forklaring',
@@ -928,8 +935,6 @@ const messages = {
     showMore: 'Vis meir relatert innhald',
     showLess: 'Vis mindre',
   },
-  'external.error': 'Ein feil oppstod ved lasting av ein ekstern ressurs.',
-  'h5p.error': 'Ein feil oppstod ved lasting av H5P.',
   source: 'Kjelde',
   files: 'Filer',
   download: 'Last ned fil: ',

package/src/locale/messages-se.ts

@@ -618,12 +618,14 @@ const messages = {
   changeLanguage: {
     nb: 'Rievdat giela girjedárogiellan',
     nn: 'Rievdat giela ođđadárogiellan',
+    se: 'Rievdat giela davvisámegiella',
     en: 'Rievdat giela eŋgelasgiellan',
   },
   currentLanguageText: {
     nb: 'Siiddut leat girjedárogillii',
     nn: 'Siiddut leat ođđadárogillii',
-    en: 'Eai buot siddut leat eŋgelasgillii olamuttus.Dat ihtet dárogillii.',
+    se: 'Siiddut leat davvisámegiellii',
+    en: 'Eai buot siddut leat eŋgelasgillii olamuttus. Dat ihtet dárogillii.',
   },
   breadcrumb: {
     toFrontpage: 'NDLA ovdasiidu',
@@ -904,6 +906,8 @@ const messages = {
   },
   h5p: {
     reuse: 'Geavat H5P',
+    resource: 'Oahppanresursa H5P',
+    error: 'Boasttuvuohta čuožžilii H5P viežžamis.',
   },
   video: {
     download: 'Viečča video',
@@ -914,6 +918,9 @@ const messages = {
     download: 'Viečča sisdoalu',
     reuse: 'Geavat sisdoalu',
   },
+  external: {
+    error: 'Boasttuvuohta čuožžilii olgguldas resurssa viežžamis.',
+  },
   concept: {
     showDescription: 'Čájet čilgehusa govvideami.',
     reuse: 'Geavat čilgehusa',
@@ -929,8 +936,6 @@ const messages = {
     showMore: 'Čájet eanet guoskevaš sisdoalu',
     showLess: 'Čájet unnit',
   },
-  'external.error': 'Boasttuvuohta čuožžilii olgguldas resurssa viežžamis.',
-  'h5p.error': 'Boasttuvuohta čuožžilii H5P viežžamis.',
   files: 'Fiillat',
   download: 'Viečča fiilla: ',
   expandButton: 'Čájet stuora veršuvnna',

package/src/locale/messages-sma.ts

@@ -618,11 +618,13 @@ const messages = {
   changeLanguage: {
     nb: 'Endre språk til bokmål',
     nn: 'Endre språk til nynorsk',
+    se: 'Rievdat giela davvisámegiella',
     en: 'Change language to English',
   },
   currentLanguageText: {
     nb: 'Sidene vises på bokmål',
     nn: 'Sidene vises på nynorsk',
+    se: 'Siiddut leat davvisámegiellii',
     en: 'Not all pages are available in English. These will be shown in Norwegian',
   },
   breadcrumb: {
@@ -904,6 +906,8 @@ const messages = {
   },
   h5p: {
     reuse: 'Bruk H5P',
+    resource: 'Læringsressurs fra H5P',
+    error: 'En feil oppstod ved lasting av H5P.',
   },
   video: {
     download: 'Last ned video',
@@ -914,6 +918,9 @@ const messages = {
     download: 'Last ned innhold',
     reuse: 'Bruk innhold',
   },
+  external: {
+    error: 'En feil oppstod ved lasting av en ekstern ressurs.',
+  },
   concept: {
     showDescription: 'Vis beskrivelsen av forklaringen.',
     reuse: 'Bruk forklaring',
@@ -929,8 +936,6 @@ const messages = {
     showMore: 'Vis mer relatert innhold',
     showLess: 'Vis mindre',
   },
-  'external.error': 'En feil oppstod ved lasting av en ekstern ressurs.',
-  'h5p.error': 'En feil oppstod ved lasting av H5P.',
   files: 'Filer',
   download: 'Last ned fil: ',
   expandButton: 'Vis stor versjon',

package/src/types.ts

@@ -8,7 +8,7 @@
 
 import { ReactNode } from 'react';
 
-const locales = ['nb', 'nn', 'en'] as const;
+const locales = ['nb', 'nn', 'en', 'se'] as const;
 export type Locale = typeof locales[number];
 
 export type Link = {