@ndla/ui 56.0.19-alpha.0 → 56.0.21-alpha.0

package/dist/panda.buildinfo.json

@@ -256,25 +256,21 @@
       "background]___[value:background.default]___[cond:_hover<___>& [data-byline-button]",
       "transform]___[value:scale(1.2)]___[cond:_hover<___>& button[data-expanded]",
       "transform]___[value:rotate(-45deg)]___[cond:& button[data-expanded='true']<___>& svg",
-      "bottom]___[value:0",
-      "right]___[value:0",
-      "transitionProperty]___[value:transform, background-color, color",
-      "transitionDuration]___[value:normal",
-      "transitionTimingFunction]___[value:ease-out",
-      "background]___[value:background.default/20",
-      "transitionProperty]___[value:transform]___[cond:& svg",
-      "transitionDuration]___[value:normal]___[cond:& svg",
-      "transitionTimingFunction]___[value:ease-out]___[cond:& svg",
-      "fill]___[value:primary]___[cond:& svg",
       "padding]___[value:0",
       "top]___[value:xsmall",
       "right]___[value:xsmall",
       "width]___[value:medium",
       "height]___[value:medium",
       "borderColor]___[value:background.default",
+      "transitionProperty]___[value:transform, background-color, color",
+      "transitionDuration]___[value:normal",
+      "transitionTimingFunction]___[value:ease-out",
       "color]___[value:background.default",
       "backgroundColor]___[value:surface.action",
       "borderRadius]___[value:large",
+      "transitionProperty]___[value:transform]___[cond:& svg",
+      "transitionDuration]___[value:normal]___[cond:& svg",
+      "transitionTimingFunction]___[value:ease-out]___[cond:& svg",
       "overflow]___[value:visible",
       "borderBottom]___[value:1px solid",
       "borderStyle]___[value:dashed",

package/dist/styles.css

@@ -458,11 +458,6 @@
     border-bottom: 0;
 }
 
-  .bg_background\.default\/20 {
-    --mix-background: color-mix(in srgb, var(--colors-background-default) 20%, transparent);
-    background: var(--mix-background, var(--colors-background-default));
-}
-
   .p_0 {
     padding: 0;
 }
@@ -742,12 +737,16 @@
     border-bottom-right-radius: 0;
 }
 
-  .bottom_0 {
-    bottom: 0;
+  .top_xsmall {
+    top: var(--spacing-xsmall);
 }
 
-  .right_0 {
-    right: 0;
+  .right_xsmall {
+    right: var(--spacing-xsmall);
+}
+
+  .bd-c_background\.default {
+    border-color: var(--colors-background-default);
 }
 
   .trs-prop_transform\,_background-color\,_color {
@@ -765,18 +764,6 @@
     transition-timing-function: ease-out;
 }
 
-  .top_xsmall {
-    top: var(--spacing-xsmall);
-}
-
-  .right_xsmall {
-    right: var(--spacing-xsmall);
-}
-
-  .bd-c_background\.default {
-    border-color: var(--colors-background-default);
-}
-
   .bg-c_surface\.action {
     background-color: var(--colors-surface-action);
 }
@@ -1092,10 +1079,6 @@
     margin-inline-start: var(--spacing-1);
 }
 
-  .\[\&_svg\]\:fill_primary svg {
-    fill: var(--colors-primary);
-}
-
   .\[\&_a\]\:c_text\.strong a {
     color: var(--colors-text-strong);
 }

package/es/Concept/Concept.js

@@ -40,6 +40,7 @@ export const Concept = /*#__PURE__*/forwardRef((_ref, ref) => {
     children,
     title,
     source,
+    previewAlt,
     ...rest
   } = _ref;
   const licenseProps = licenseAttributes(copyright?.license?.license, lang, source);
@@ -56,7 +57,8 @@ export const Concept = /*#__PURE__*/forwardRef((_ref, ref) => {
       }), children]
     }), visualElement?.resource === "image" ? /*#__PURE__*/_jsx(ImageEmbed, {
       embed: visualElement,
-      lang: lang
+      lang: lang,
+      previewAlt: previewAlt
     }) : visualElement?.resource === "brightcove" ? /*#__PURE__*/_jsx(BrightcoveEmbed, {
       embed: visualElement
     }) : visualElement?.resource === "h5p" ? /*#__PURE__*/_jsx(H5pEmbed, {

package/es/Embed/ConceptEmbed.js

@@ -27,7 +27,8 @@ export const ConceptEmbed = _ref => {
   let {
     embed,
     renderContext,
-    lang
+    lang,
+    previewAlt
   } = _ref;
   const parsedContent = useMemo(() => {
     if (embed.status === "error" || !embed.data.concept.content) return undefined;
@@ -56,6 +57,7 @@ export const ConceptEmbed = _ref => {
   }
   if (embed.embedData.type === "inline") {
     return /*#__PURE__*/_jsx(InlineConcept, {
+      previewAlt: previewAlt,
       linkText: embed.embedData.linkText,
       copyright: concept.copyright,
       visualElement: visualElement,
@@ -66,6 +68,7 @@ export const ConceptEmbed = _ref => {
     });
   }
   return /*#__PURE__*/_jsx(BlockConcept, {
+    previewAlt: previewAlt,
     copyright: concept.copyright,
     visualElement: visualElement,
     lang: lang,

package/es/Embed/ImageEmbed.js

@@ -10,7 +10,6 @@ import parse from "html-react-parser";
 import { useMemo, useState } from "react";
 import { useTranslation } from "react-i18next";
 import { AddLine } from "@ndla/icons/action";
-import { ArrowDownShortLine, ArrowUpShortLine } from "@ndla/icons/common";
 import { Figure, Image } from "@ndla/primitives";
 import { styled } from "@ndla/styled-system/jsx";
 import EmbedErrorPlaceholder from "./EmbedErrorPlaceholder";
@@ -127,32 +126,6 @@ const StyledFigure = styled(Figure, {
     }
   }
 });
-const BylineButton = styled("button", {
-  base: {
-    cursor: "pointer",
-    position: "absolute",
-    zIndex: "base",
-    bottom: "0",
-    right: "0",
-    paddingBlock: "xsmall",
-    paddingInline: "xsmall",
-    transitionProperty: "transform, background-color, color",
-    transitionDuration: "normal",
-    transitionTimingFunction: "ease-out",
-    background: "background.default/20",
-    border: "0",
-    "& svg": {
-      transitionProperty: "transform",
-      transitionDuration: "normal",
-      transitionTimingFunction: "ease-out",
-      fill: "primary"
-    }
-  }
-}, {
-  defaultProps: {
-    type: "button"
-  }
-});
 const ExpandButton = styled("button", {
   base: {
     display: "flex",
@@ -192,7 +165,6 @@ const ImageEmbed = _ref => {
     renderContext = "article",
     children
   } = _ref;
-  const [isBylineHidden, setIsBylineHidden] = useState(hideByline(embed.embedData));
   const [imageSizes, setImageSizes] = useState(undefined);
   const figureProps = getFigureProps(embed.embedData.size, embed.embedData.align);
   const {
@@ -249,21 +221,13 @@ const ImageEmbed = _ref => {
         onClick: toggleImageSize,
         "data-expanded": !!imageSizes,
         children: /*#__PURE__*/_jsx(AddLine, {})
-      }), (embedData.size?.endsWith("-hide-byline") || embedData.hideByline === "true") && /*#__PURE__*/_jsx(BylineButton, {
-        "data-byline-button": "",
-        "aria-label": t(`license.images.itemImage.${isBylineHidden ? "expandByline" : "minimizeByline"}`),
-        onClick: () => setIsBylineHidden(p => !p),
-        children: isBylineHidden ? /*#__PURE__*/_jsx(ArrowDownShortLine, {}) : /*#__PURE__*/_jsx(ArrowUpShortLine, {})
       })]
-    }), isBylineHidden ? null : /*#__PURE__*/_jsx(EmbedByline, {
+    }), embedData.hideByline === "true" ? null : /*#__PURE__*/_jsx(EmbedByline, {
       type: "image",
       copyright: data.copyright,
-      description: parsedDescription,
+      description: embedData.hideCaption === "true" ? "" : parsedDescription,
       visibleAlt: previewAlt ? embed.embedData.alt : ""
     })]
   });
 };
-const hideByline = embed => {
-  return !!embed.size && embed.size.endsWith("-hide-byline") || embed.hideByline === "true";
-};
 export default ImageEmbed;

package/es/TagSelector/TagSelector.js

@@ -74,10 +74,10 @@ export const TagSelectorControl = /*#__PURE__*/forwardRef((_ref2, ref) => {
     ...props
   } = _ref2;
   return /*#__PURE__*/_jsx(ComboboxControl, {
+    ref: ref,
     asChild: true,
     children: /*#__PURE__*/_jsx(TagsInputControl, {
       ...props,
-      ref: ref,
       children: children
     })
   });
@@ -91,6 +91,7 @@ export const TagSelectorInputBase = /*#__PURE__*/forwardRef((_ref3, ref) => {
   } = _ref3;
   const tagsApi = useTagsInputContext();
   return /*#__PURE__*/_jsx(ComboboxInput, {
+    ref: ref,
     asChild: true,
     children: /*#__PURE__*/_jsx(TagsInputInput, {
       ...props,
@@ -99,7 +100,6 @@ export const TagSelectorInputBase = /*#__PURE__*/forwardRef((_ref3, ref) => {
           tagsApi.addValue(tagsApi.inputValue);
         }
       },
-      ref: ref,
       children: children
     })
   });
@@ -122,6 +122,7 @@ export const TagSelectorInput = /*#__PURE__*/forwardRef((_ref4, ref) => {
         })]
       }), /*#__PURE__*/_jsx(TagsInputItemInput, {})]
     }, value)), /*#__PURE__*/_jsx(ComboboxInput, {
+      ref: ref,
       asChild: true,
       children: /*#__PURE__*/_jsx(TagsInputInput, {
         ...props,
@@ -130,7 +131,6 @@ export const TagSelectorInput = /*#__PURE__*/forwardRef((_ref4, ref) => {
             tagsApi.addValue(tagsApi.inputValue);
           }
         },
-        ref: ref,
         children: children
       })
     })]

package/es/i18n/useComponentTranslations.js

@@ -93,23 +93,24 @@ export const useImageSearchTranslations = function () {
   });
   const paginationTranslations = usePaginationTranslations();
   const {
-    imageMetadata,
+    imagePreview,
     paginationTranslations: fallbackPaginationTranslations,
     ...remaining
   } = translations;
   return {
-    close: t("close"),
     searchPlaceholder: t("searchPlaceholder"),
     searchButtonTitle: t("searchButtonTitle"),
-    useImageTitle: t("useImageTitle"),
-    imageMetadata: {
-      creatorsLabel: t("imageMetadata.creatorsLabel"),
-      license: t("imageMetadata.license"),
-      caption: t("imageMetadata.caption"),
-      altText: t("imageMetadata.altText"),
-      modelRelease: t("imageMetadata.modelRelease"),
-      tags: t("imageMetadata.tags"),
-      ...imageMetadata
+    imagePreview: {
+      creatorsLabel: t("imagePreview.creatorsLabel"),
+      license: t("imagePreview.license"),
+      caption: t("imagePreview.caption"),
+      altText: t("imagePreview.altText"),
+      modelRelease: t("imagePreview.modelRelease"),
+      tags: t("imagePreview.tags"),
+      close: t("close"),
+      checkboxLabel: t("imagePreview.checkboxLabel"),
+      useImageTitle: t("imagePreview.useImageTitle"),
+      ...imagePreview
     },
     paginationTranslations: {
       ...paginationTranslations,

package/es/locale/messages-en.js

@@ -995,7 +995,9 @@ const messages = {
         title: "Categories",
         posts: "post",
         posts_plural: "posts",
-        subcategory: "Subcategories"
+        subcategory: "Subcategories",
+        votes: "reaction",
+        votes_plural: "reactions"
       },
       cancel: {
         title: {
@@ -1057,7 +1059,9 @@ const messages = {
         locked: "Lock topic",
         unlock: "Unlock topic",
         lockDescription: "Do you want do lock this topic? This will prevent this topic from getting more posts.",
-        unlockDescription: "Do you want do unlock this topic? This will prevent this topic from getting more posts."
+        unlockDescription: "Do you want do unlock this topic? This will prevent this topic from getting more posts.",
+        votes: "reaction",
+        votes_plural: "reactions"
       },
       posts: {
         title: "Posts",
@@ -1086,12 +1090,12 @@ const messages = {
         maxLength: "The maximum length for the text field is reached",
         error: "The field is required"
       },
-      bottomText: "Are you missing a category? Let our moderator know at ",
+      bottomText: "Are you missing a category? You can request new categories. Use 'Ask NDLA' or send an email to ",
       moderatorEmail: "moderator@ndla.no",
       notification: {
         title: "Notifications",
         showAll: "View all notifications",
-        description: "Welcome to the arena for teachers in upper secondary education. This is <em>your</em> arena: a professional meeting place for discussion, inspiration, sharing, development, and collaboration.",
+        description: "Welcome to NDLAs Arena. Here, you can discuss, share and cooperate with other teachers from all over Norway.",
         myNotification: "My notifications",
         markAll: "Mark all as read",
         subscribe: "You will now be notified of new replies to this topic",
@@ -1104,7 +1108,7 @@ const messages = {
       },
       topicsBy: "Topics by",
       admin: {
-        title: "Arena administrator",
+        title: "Arena admin",
         description: "Tools to moderate and administer the arena.",
         administrate: "Administrate",
         category: {
@@ -1469,18 +1473,18 @@ const messages = {
       page: "Page {{page}}"
     },
     imageSearch: {
-      close: "Close",
       searchPlaceholder: "Search images",
       searchButtonTitle: "Search",
-      useImageTitle: "Use image",
-      checkboxLabel: "Set as meta image",
-      imageMetadata: {
+      imagePreview: {
         creatorsLabel: "Image",
         license: "License",
         caption: "Caption",
         altText: "Alt-text",
         modelRelease: "Model released",
-        tags: "Tags"
+        tags: "Tags",
+        checkboxLabel: "Set as meta image",
+        close: "Close",
+        useImageTitle: "Use image"
       }
     },
     audioSearch: {

package/es/locale/messages-nb.js

@@ -995,7 +995,9 @@ const messages = {
         title: "Kategorier",
         posts: "innlegg",
         posts_plural: "innlegg",
-        subcategory: "Tema"
+        subcategory: "Tema",
+        votes: "reaksjon",
+        votes_plural: "reaksjoner"
       },
       publish: "Publiser",
       cancel: {
@@ -1057,7 +1059,9 @@ const messages = {
         locked: "Lås innlegg",
         unlock: "Lås opp innlegg",
         lockDescription: "Vil du låse dette innlegget? Dette vil gjøre at innlegget ikke kan få flere kommentarer, og vil vises som låst.",
-        unlockDescription: "Vil du låse opp dette innlegget? Dette vil gjøre at innlegget kan få flere kommentarer."
+        unlockDescription: "Vil du låse opp dette innlegget? Dette vil gjøre at innlegget kan få flere kommentarer.",
+        votes: "reaksjon",
+        votes_plural: "reaksjoner"
       },
       posts: {
         title: "Innlegg",
@@ -1086,12 +1090,12 @@ const messages = {
         maxLength: "Maksimal lengde for tekstfeltet er nådd",
         error: "Feltet er påkrevd"
       },
-      bottomText: "Savner du en kategori? Gi vår moderator beskjed på ",
+      bottomText: "Savner du en kategori? Du kan be om nye kategorier. Bruk 'Spør NDLA' eller send en epost til ",
       moderatorEmail: "moderator@ndla.no",
       notification: {
         title: "Varslinger",
         showAll: "Se alle varslinger",
-        description: "Velkommen inn i arenaen for lærere i videregående opplæring! Dette er <em>din</em> arena: et faglig møtested for diskusjon, inspirasjon, deling og utviklende samarbeid.",
+        description: "Velkommen til NDLAs Arena. Her kan du diskutere, dele og samarbeide med andre lærere fra hele Norge.",
         myNotification: "Mine varsler",
         markAll: "Merk alle som lest",
         subscribe: "Du får nå varsling om nye svar på dette innlegget",
@@ -1104,7 +1108,7 @@ const messages = {
       },
       topicsBy: "Innlegg av",
       admin: {
-        title: "Arena administrator",
+        title: "Arena admin",
         description: "Verktøy for å moderere og administrere arenaen.",
         administrate: "Administrer",
         category: {
@@ -1469,18 +1473,18 @@ const messages = {
       page: "Side {{page}}"
     },
     imageSearch: {
-      close: "Lukk",
       searchPlaceholder: "Søk i bilder",
       searchButtonTitle: "Søk",
-      useImageTitle: "Bruk bildet",
-      checkboxLabel: "Sett som metabilde",
-      imageMetadata: {
+      imagePreview: {
         creatorsLabel: "Bilde",
         license: "Lisens",
         caption: "Bildetekst",
         altText: "Alt-tekst",
         modelRelease: "Modellklarert",
-        tags: "Emneknagger"
+        tags: "Emneknagger",
+        checkboxLabel: "Sett som metabilde",
+        close: "Lukk",
+        useImageTitle: "Bruk bildet"
       }
     },
     audioSearch: {

package/es/locale/messages-nn.js

@@ -995,7 +995,9 @@ const messages = {
         title: "Kategoriar",
         posts: "innlegg",
         posts_plural: "innlegg",
-        subcategory: "Tema"
+        subcategory: "Tema",
+        votes: "reaksjon",
+        votes_plural: "reaksjonar"
       },
       publish: "Publiser",
       cancel: {
@@ -1049,7 +1051,9 @@ const messages = {
         locked: "Lås innlegg",
         unlock: "Lås opp innlegg",
         lockDescription: "Vil du låse dette innlegget? Dette vil gjera at innlegget ikkje kan få fleire kommentarar, og vil visast som låst.",
-        unlockDescription: "Vil du låse opp dette innlegget? Dette vil gjera at innlegget kan få fleire kommentarar."
+        unlockDescription: "Vil du låse opp dette innlegget? Dette vil gjera at innlegget kan få fleire kommentarar.",
+        votes: "reaksjon",
+        votes_plural: "reaksjonar"
       },
       deleted: {
         post: "Kommentaren din har blitt sletta.",
@@ -1086,12 +1090,12 @@ const messages = {
         maxLength: "Maksimal lengd for tekstfeltet er nådd",
         error: "Feltet er påkravd"
       },
-      bottomText: "Saknar du ein kategori? Gi moderatoren vår beskjed på ",
+      bottomText: "Saknar du ein kategori? Du kan be om nye kategoriar. Bruk 'Spør NDLA' eller send ein epost til ",
       moderatorEmail: "moderator@ndla.no",
       notification: {
         title: "Varslingar",
         showAll: "Sjå alle varslingar",
-        description: "Velkommen inn i arenaen for lærarar i vidaregåande opplæring! Dette er <em>din</em> arena: ein fagleg møtestad for diskusjon, inspirasjon, deling og utviklande samarbeid.",
+        description: "Velkommen til NDLA sin Arena. Her kan du diskutere, dele og samarbeide med andre lærarar frå heile Noreg.",
         myNotification: "Mine varsler",
         markAll: "Merk alle som lest",
         subscribe: "Du får no varsling om nye svar på dette innlegget",
@@ -1104,7 +1108,7 @@ const messages = {
       },
       topicsBy: "Innlegg av",
       admin: {
-        title: "Arena administrator",
+        title: "Arena admin",
         description: "Verktøy for å moderere og administrere arenaen.",
         administrate: "Administrer",
         category: {
@@ -1469,18 +1473,18 @@ const messages = {
       page: "Side {{page}}"
     },
     imageSearch: {
-      close: "Lukk",
       searchPlaceholder: "Søk i bilete",
       searchButtonTitle: "Søk",
-      useImageTitle: "Bruk biletet",
-      checkboxLabel: "Sett som metabilete",
-      imageMetadata: {
+      imagePreview: {
         creatorsLabel: "Bilete",
         license: "Lisens",
         caption: "Bildetekst",
         altText: "Alt-tekst",
         modelRelease: "Modellklarert",
-        tags: "Emneknaggar"
+        tags: "Emneknaggar",
+        checkboxLabel: "Sett som metabilete",
+        close: "Lukk",
+        useImageTitle: "Bruk biletet"
       }
     },
     audioSearch: {

package/es/locale/messages-se.js

@@ -995,7 +995,9 @@ const messages = {
         title: "Kategorier",
         posts: "innlegg",
         posts_plural: "innlegg",
-        subcategory: "Tema"
+        subcategory: "Tema",
+        votes: "reaksjon",
+        votes_plural: "reaksjoner"
       },
       publish: "Publiser",
       cancel: {
@@ -1057,7 +1059,9 @@ const messages = {
         locked: "Lås innlegg",
         unlock: "Lås opp innlegg",
         lockDescription: "Vil du låse dette innlegget? Dette vil gjøre at innlegget ikke kan få flere kommentarer, og vil vises som låst.",
-        unlockDescription: "Vil du låse opp dette innlegget? Dette vil gjøre at innlegget kan få flere kommentarer."
+        unlockDescription: "Vil du låse opp dette innlegget? Dette vil gjøre at innlegget kan få flere kommentarer.",
+        votes: "reaksjon",
+        votes_plural: "reaksjoner"
       },
       posts: {
         title: "Innlegg",
@@ -1086,12 +1090,12 @@ const messages = {
         maxLength: "Maksimal lengde for tekstfeltet er nådd",
         error: "Feltet er påkrevd"
       },
-      bottomText: "Savner du en kategori? Gi vår moderator beskjed på ",
+      bottomText: "Savner du en kategori? Du kan be om nye kategorier. Bruk 'Spør NDLA' eller send en epost til ",
       moderatorEmail: "moderator@ndla.no",
       notification: {
         title: "Varslinger",
         showAll: "Se alle varslinger",
-        description: "Velkommen inn i arenaen for lærere i videregående opplæring! Dette er <em>din</em> arena: et faglig møtested for diskusjon, inspirasjon, deling og utviklende samarbeid.",
+        description: "Velkommen til NDLAs Arena. Her kan du diskutere, dele og samarbeide med andre lærere fra hele Norge.",
         myNotification: "Mine varsler",
         markAll: "Merk alle som lest",
         subscribe: "Du får nå varsling om nye svar på dette innlegget",
@@ -1104,7 +1108,7 @@ const messages = {
       },
       topicsBy: "Innlegg av",
       admin: {
-        title: "Arena administrator",
+        title: "Arena admin",
         description: "Verktøy for å moderere og administrere arenaen.",
         administrate: "Administrer",
         category: {
@@ -1469,18 +1473,18 @@ const messages = {
       page: "Side {{page}}"
     },
     imageSearch: {
-      close: "Lukk",
       searchPlaceholder: "Søk i bilder",
       searchButtonTitle: "Søk",
-      useImageTitle: "Bruk bildet",
-      checkboxLabel: "Sett som metabilde",
-      imageMetadata: {
+      imagePreview: {
         creatorsLabel: "Bilde",
         license: "Lisens",
         caption: "Bildetekst",
         altText: "Alt-tekst",
         modelRelease: "Modellklarert",
-        tags: "Emneknagger"
+        tags: "Emneknagger",
+        checkboxLabel: "Sett som metabilde",
+        close: "Lukk",
+        useImageTitle: "Bruk bildet"
       }
     },
     audioSearch: {

package/es/locale/messages-sma.js

@@ -995,7 +995,9 @@ const messages = {
         title: "Kategorier",
         posts: "innlegg",
         posts_plural: "innlegg",
-        subcategory: "Tema"
+        subcategory: "Tema",
+        votes: "reaksjon",
+        votes_plural: "reaksjoner"
       },
       publish: "Publiser",
       cancel: {
@@ -1057,7 +1059,9 @@ const messages = {
         locked: "Lås innlegg",
         unlock: "Lås opp innlegg",
         lockDescription: "Vil du låse dette innlegget? Dette vil gjøre at innlegget ikke kan få flere kommentarer, og vil vises som låst.",
-        unlockDescription: "Vil du låse opp dette innlegget? Dette vil gjøre at innlegget kan få flere kommentarer."
+        unlockDescription: "Vil du låse opp dette innlegget? Dette vil gjøre at innlegget kan få flere kommentarer.",
+        votes: "reaksjon",
+        votes_plural: "reaksjoner"
       },
       posts: {
         title: "Innlegg",
@@ -1086,12 +1090,12 @@ const messages = {
         maxLength: "Maksimal lengde for tekstfeltet er nådd",
         error: "Feltet er påkrevd"
       },
-      bottomText: "Savner du en kategori? Gi vår moderator beskjed på ",
+      bottomText: "Savner du en kategori? Du kan be om nye kategorier. Bruk 'Spør NDLA' eller send en epost til ",
       moderatorEmail: "moderator@ndla.no",
       notification: {
         title: "Varslinger",
         showAll: "Se alle varslinger",
-        description: "Velkommen inn i arenaen for lærere i videregående opplæring! Dette er <em>din</em> arena: et faglig møtested for diskusjon, inspirasjon, deling og utviklende samarbeid.",
+        description: "Velkommen til NDLAs Arena. Her kan du diskutere, dele og samarbeide med andre lærere fra hele Norge.",
         myNotification: "Mine varsler",
         markAll: "Merk alle som lest",
         subscribe: "Du får nå varsling om nye svar på dette innlegget",
@@ -1104,7 +1108,7 @@ const messages = {
       },
       topicsBy: "Innlegg av",
       admin: {
-        title: "Arena administrator",
+        title: "Arena admin",
         description: "Verktøy for å moderere og administrere arenaen.",
         administrate: "Administrer",
         category: {
@@ -1469,18 +1473,18 @@ const messages = {
       page: "Side {{page}}"
     },
     imageSearch: {
-      close: "Lukk",
       searchPlaceholder: "Søk i bilder",
       searchButtonTitle: "Søk",
-      useImageTitle: "Bruk bildet",
-      checkboxLabel: "Sett som metabilde",
-      imageMetadata: {
+      imagePreview: {
         creatorsLabel: "Bilde",
         license: "Lisens",
         caption: "Bildetekst",
         altText: "Alt-tekst",
         modelRelease: "Modellklarert",
-        tags: "Emneknagger"
+        tags: "Emneknagger",
+        checkboxLabel: "Sett som metabilde",
+        close: "Lukk",
+        useImageTitle: "Bruk bildet"
       }
     },
     audioSearch: {