@ndla/ui 11.0.1 → 11.1.2

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

@@ -841,6 +841,20 @@ declare const messages: {
     close: string;
     title: string;
     image: {
+        altText: string;
+        caption: string;
+        type: string;
+        width: string;
+        height: string;
+        size: string;
+        modelReleased: {
+            label: string;
+            yes: string;
+            no: string;
+            'not-applicable': string;
+            'not-set': string;
+            description: string;
+        };
         download: string;
         reuse: string;
         largeSize: string;

package/lib/locale/messages-en.js

@@ -781,6 +781,20 @@ var messages = _objectSpread(_objectSpread({
   close: 'Close',
   title: 'Title',
   image: {
+    altText: 'Alt-text',
+    caption: 'Caption',
+    type: 'File type',
+    width: 'Width',
+    height: 'Height',
+    size: 'Size (bytes)',
+    modelReleased: {
+      label: 'Model released',
+      yes: 'Yes',
+      no: 'No',
+      'not-applicable': 'Not applicable',
+      'not-set': 'Not set',
+      description: 'Whether the image is model released or not:'
+    },
     download: 'Download image',
     reuse: 'Use image',
     largeSize: 'View original',

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

@@ -841,6 +841,20 @@ declare const messages: {
     close: string;
     title: string;
     image: {
+        altText: string;
+        caption: string;
+        type: string;
+        width: string;
+        height: string;
+        size: string;
+        modelReleased: {
+            label: string;
+            yes: string;
+            no: string;
+            'not-applicable': string;
+            'not-set': string;
+            description: string;
+        };
         download: string;
         reuse: string;
         largeSize: string;

package/lib/locale/messages-nb.js

@@ -781,6 +781,20 @@ var messages = _objectSpread(_objectSpread({
   close: 'Lukk',
   title: 'Tittel',
   image: {
+    altText: 'Alt-tekst',
+    caption: 'Bildetekst',
+    type: 'Filtype',
+    width: 'Bredde',
+    height: 'Høyde',
+    size: 'Størrelse (bytes)',
+    modelReleased: {
+      label: 'Modellklarert',
+      yes: 'Ja',
+      no: 'Nei',
+      'not-applicable': 'Ikke relevant',
+      'not-set': 'Ikke valgt',
+      description: 'Om bildet er modellklarert eller ikke:'
+    },
     download: 'Last ned bildet',
     reuse: 'Bruk bildet',
     largeSize: 'Se stor utgave av bilde',

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

@@ -841,6 +841,20 @@ declare const messages: {
     close: string;
     title: string;
     image: {
+        altText: string;
+        caption: string;
+        type: string;
+        width: string;
+        height: string;
+        size: string;
+        modelReleased: {
+            label: string;
+            yes: string;
+            no: string;
+            'not-applicable': string;
+            'not-set': string;
+            description: string;
+        };
         download: string;
         reuse: string;
         largeSize: string;

package/lib/locale/messages-nn.js

@@ -781,6 +781,20 @@ var messages = _objectSpread(_objectSpread({
   close: 'Lukk',
   title: 'Tittel',
   image: {
+    altText: 'Alt-tekst',
+    caption: 'Bilettekst',
+    type: 'Filtype',
+    width: 'Breidde',
+    height: 'Høgde',
+    size: 'Størrelse (bytes)',
+    modelReleased: {
+      label: 'Modellklarert',
+      yes: 'Ja',
+      no: 'Nei',
+      'not-applicable': 'Ikkje relevant',
+      'not-set': 'Ikkje valgt',
+      description: 'Om bildet er modellklarert eller ikkje:'
+    },
     download: 'Last ned biletet',
     reuse: 'Bruk biletet',
     largeSize: 'Sjå stor utgave av biletet',

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

@@ -841,6 +841,20 @@ declare const messages: {
     close: string;
     title: string;
     image: {
+        altText: string;
+        caption: string;
+        type: string;
+        width: string;
+        height: string;
+        size: string;
+        modelReleased: {
+            label: string;
+            yes: string;
+            no: string;
+            'not-applicable': string;
+            'not-set': string;
+            description: string;
+        };
         download: string;
         reuse: string;
         largeSize: string;

package/lib/locale/messages-se.js

@@ -781,6 +781,20 @@ var messages = _objectSpread(_objectSpread({
   close: 'Lukk',
   title: 'Tittel',
   image: {
+    altText: 'Alt-tekst',
+    caption: 'Bilettekst',
+    type: 'Filtype',
+    width: 'Breidde',
+    height: 'Høgde',
+    size: 'Størrelse (bytes)',
+    modelReleased: {
+      label: 'Modellklarert',
+      yes: 'Ja',
+      no: 'Nei',
+      'not-applicable': 'Ikkje relevant',
+      'not-set': 'Ikkje valgt',
+      description: 'Om bildet er modellklarert eller ikkje:'
+    },
     download: 'Last ned bildet',
     reuse: 'Bruk bildet',
     largeSize: 'Se stor utgave av bilde',

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

@@ -841,6 +841,20 @@ declare const messages: {
     close: string;
     title: string;
     image: {
+        altText: string;
+        imageText: string;
+        type: string;
+        width: string;
+        height: string;
+        size: string;
+        modelReleased: {
+            label: string;
+            yes: string;
+            no: string;
+            'not-applicable': string;
+            'not-set': string;
+            description: string;
+        };
         download: string;
         reuse: string;
         largeSize: string;

package/lib/locale/messages-sma.js

@@ -781,6 +781,20 @@ var messages = _objectSpread(_objectSpread({
   close: 'Lukk',
   title: 'Tittel',
   image: {
+    altText: 'Alt-tekst',
+    imageText: 'Bilettekst',
+    type: 'Filtype',
+    width: 'Breidde',
+    height: 'Høgde',
+    size: 'Størrelse (bytes)',
+    modelReleased: {
+      label: 'Modellklarert',
+      yes: 'Ja',
+      no: 'Nei',
+      'not-applicable': 'Ikkje relevant',
+      'not-set': 'Ikkje valgt',
+      description: 'Om bildet er modellklarert eller ikkje:'
+    },
     download: 'Last ned bildet',
     reuse: 'Bruk bildet',
     largeSize: 'Se stor utgave av bilde',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ndla/ui",
-  "version": "11.0.1",
+  "version": "11.1.2",
   "description": "UI component library for NDLA.",
   "license": "GPL-3.0",
   "main": "lib/index.js",
@@ -38,7 +38,7 @@
     "@ndla/icons": "^1.7.0",
     "@ndla/licenses": "^4.1.0",
     "@ndla/modal": "^1.2.6",
-    "@ndla/notion": "^3.1.0",
+    "@ndla/notion": "^3.1.1",
     "@ndla/safelink": "^1.1.7",
     "@ndla/switch": "^0.1.5",
     "@ndla/tabs": "^1.1.5",
@@ -81,5 +81,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "d1b3670f9f578ba1da7d49db2b9e577a4b0433cb"
+  "gitHead": "8a59a8f8007cfe393447f430de2e7c87cd5789f5"
 }

package/src/Article/component.article.scss

@@ -24,6 +24,10 @@
   @include font-size(18px, 29px);
   position: relative;
 
+  mjx-stretchy-v > mjx-ext > mjx-c {
+    transform: scaleY(200) translateY(0.075em);
+  }
+
   > section > p {
     &:not([class]) {
       margin-bottom: 29px;
@@ -117,7 +121,7 @@
   }
 
   &--multidisciplinary-topic {
-    margin-top:0;
+    margin-top: 0;
     padding: $spacing--small;
     @include mq(tablet) {
       padding: 0;
@@ -206,4 +210,3 @@
     }
   }
 }
-

package/src/Notion/ConceptNotion.tsx

@@ -18,6 +18,7 @@ import { NotionImage } from './NotionImage';
 import NotionVisualElement, { NotionVisualElementType } from './NotionVisualElement';
 import FigureNotion from './FigureNotion';
 import { Copyright } from '../types';
+import { FigureType } from '../Figure';
 
 const ImageWrapper = styled.div`
   float: right;
@@ -47,9 +48,10 @@ interface Props {
   concept: ConceptNotionType;
   disableScripts?: boolean;
   hideIconsAndAuthors?: boolean;
+  figureType?: FigureType;
 }
 
-const ConceptNotion = ({ concept, disableScripts, type, hideIconsAndAuthors }: Props) => {
+const ConceptNotion = ({ concept, disableScripts, type, hideIconsAndAuthors, figureType }: Props) => {
   const notionId = `notion-${concept.id}`;
   const figureId = `notion-figure-${concept.id}`;
   const visualElementId = `visual-element-${concept.id}`;
@@ -69,7 +71,8 @@ const ConceptNotion = ({ concept, disableScripts, type, hideIconsAndAuthors }: P
       copyright={concept.copyright}
       licenseString={concept.copyright?.license?.license ?? ''}
       type="concept"
-      hideIconsAndAuthors={hideIconsAndAuthors}>
+      hideIconsAndAuthors={hideIconsAndAuthors}
+      figureType={figureType}>
       <UINotion
         id={notionId}
         title={concept.title}

package/src/Notion/FigureNotion.tsx

@@ -10,7 +10,7 @@ import { colors, spacing } from '@ndla/core';
 import { getGroupedContributorDescriptionList, getLicenseByAbbreviation } from '@ndla/licenses';
 import React, { ReactNode } from 'react';
 import { useTranslation } from 'react-i18next';
-import { Figure, FigureCaption, FigureLicenseDialog } from '../Figure';
+import { Figure, FigureCaption, FigureLicenseDialog, FigureType } from '../Figure';
 import { Copyright } from '../types';
 
 const BottomBorder = styled.div`
@@ -29,6 +29,7 @@ interface Props {
   type: 'video' | 'h5p' | 'image' | 'concept' | 'other';
   hideFigCaption?: boolean;
   hideIconsAndAuthors?: boolean;
+  figureType?: FigureType;
 }
 
 const FigureNotion = ({
@@ -42,6 +43,7 @@ const FigureNotion = ({
   type,
   hideFigCaption,
   hideIconsAndAuthors,
+  figureType,
 }: Props) => {
   const { t, i18n } = useTranslation();
   const license = getLicenseByAbbreviation(licenseString, i18n.language);
@@ -56,7 +58,7 @@ const FigureNotion = ({
   ).map((i) => ({ name: i.description, type: i.label }));
 
   return (
-    <Figure resizeIframe={resizeIframe} id={figureId} type={'full-column'}>
+    <Figure resizeIframe={resizeIframe} id={figureId} type={figureType || 'full-column'}>
       {({ typeClass }) => (
         <>
           {typeof children === 'function' ? children({ typeClass }) : children}

package/src/locale/messages-en.ts

@@ -819,6 +819,20 @@ const messages = {
   close: 'Close',
   title: 'Title',
   image: {
+    altText: 'Alt-text',
+    caption: 'Caption',
+    type: 'File type',
+    width: 'Width',
+    height: 'Height',
+    size: 'Size (bytes)',
+    modelReleased: {
+      label: 'Model released',
+      yes: 'Yes',
+      no: 'No',
+      'not-applicable': 'Not applicable',
+      'not-set': 'Not set',
+      description: 'Whether the image is model released or not:',
+    },
     download: 'Download image',
     reuse: 'Use image',
     largeSize: 'View original',

package/src/locale/messages-nb.ts

@@ -817,6 +817,20 @@ const messages = {
   close: 'Lukk',
   title: 'Tittel',
   image: {
+    altText: 'Alt-tekst',
+    caption: 'Bildetekst',
+    type: 'Filtype',
+    width: 'Bredde',
+    height: 'Høyde',
+    size: 'Størrelse (bytes)',
+    modelReleased: {
+      label: 'Modellklarert',
+      yes: 'Ja',
+      no: 'Nei',
+      'not-applicable': 'Ikke relevant',
+      'not-set': 'Ikke valgt',
+      description: 'Om bildet er modellklarert eller ikke:',
+    },
     download: 'Last ned bildet',
     reuse: 'Bruk bildet',
     largeSize: 'Se stor utgave av bilde',

package/src/locale/messages-nn.ts

@@ -818,6 +818,20 @@ const messages = {
   close: 'Lukk',
   title: 'Tittel',
   image: {
+    altText: 'Alt-tekst',
+    caption: 'Bilettekst',
+    type: 'Filtype',
+    width: 'Breidde',
+    height: 'Høgde',
+    size: 'Størrelse (bytes)',
+    modelReleased: {
+      label: 'Modellklarert',
+      yes: 'Ja',
+      no: 'Nei',
+      'not-applicable': 'Ikkje relevant',
+      'not-set': 'Ikkje valgt',
+      description: 'Om bildet er modellklarert eller ikkje:',
+    },
     download: 'Last ned biletet',
     reuse: 'Bruk biletet',
     largeSize: 'Sjå stor utgave av biletet',

package/src/locale/messages-se.ts

@@ -817,6 +817,20 @@ const messages = {
   close: 'Lukk',
   title: 'Tittel',
   image: {
+    altText: 'Alt-tekst',
+    caption: 'Bilettekst',
+    type: 'Filtype',
+    width: 'Breidde',
+    height: 'Høgde',
+    size: 'Størrelse (bytes)',
+    modelReleased: {
+      label: 'Modellklarert',
+      yes: 'Ja',
+      no: 'Nei',
+      'not-applicable': 'Ikkje relevant',
+      'not-set': 'Ikkje valgt',
+      description: 'Om bildet er modellklarert eller ikkje:',
+    },
     download: 'Last ned bildet',
     reuse: 'Bruk bildet',
     largeSize: 'Se stor utgave av bilde',

package/src/locale/messages-sma.ts

@@ -817,6 +817,20 @@ const messages = {
   close: 'Lukk',
   title: 'Tittel',
   image: {
+    altText: 'Alt-tekst',
+    imageText: 'Bilettekst',
+    type: 'Filtype',
+    width: 'Breidde',
+    height: 'Høgde',
+    size: 'Størrelse (bytes)',
+    modelReleased: {
+      label: 'Modellklarert',
+      yes: 'Ja',
+      no: 'Nei',
+      'not-applicable': 'Ikkje relevant',
+      'not-set': 'Ikkje valgt',
+      description: 'Om bildet er modellklarert eller ikkje:',
+    },
     download: 'Last ned bildet',
     reuse: 'Bruk bildet',
     largeSize: 'Se stor utgave av bilde',