@ndla/ui 56.0.92-alpha.0 → 56.0.94-alpha.0

package/dist/panda.buildinfo.json

@@ -219,14 +219,6 @@
       "clear]___[value:both]___[cond:& + [data-embed-wrapper]",
       "height]___[value:auto]___[cond:& iframe",
       "width]___[value:100%]___[cond:& iframe",
-      "color]___[value:text.link",
-      "textDecoration]___[value:unset]___[cond:_hover",
-      "backgroundColor]___[value:surface.brand.2.subtle",
-      "borderRadius]___[value:xxsmall",
-      "borderColor]___[value:stroke.info",
-      "lineClamp]___[value:1",
-      "inset]___[value:0]___[cond:_before",
-      "zIndex]___[value:0]___[cond:_before",
       "textStyle]___[value:label.xsmall]___[cond:& a",
       "marginInlineStart]___[value:1]___[cond:& a",
       "borderRadius]___[value:0]___[cond:& img",
@@ -298,6 +290,8 @@
       "paddingInlineEnd]___[value:medium",
       "paddingInlineStart]___[value:small",
       "flexDirection]___[value:row",
+      "inset]___[value:0]___[cond:_before",
+      "zIndex]___[value:0]___[cond:_before",
       "background]___[value:surface.infoSubtle",
       "borderBlockEnd]___[value:1px solid",
       "backgroundColor]___[value:surface.infoSubtle.hover]___[cond:_hover",
@@ -351,6 +345,7 @@
       "whiteSpace]___[value:pre-wrap]___[cond:mobileWideDown<___>_open",
       "maxHeight]___[value:none]___[cond:mobileWideDown<___>_open",
       "display]___[value:none]___[cond:mobileWide",
+      "color]___[value:text.link",
       "whiteSpace]___[value:nowrap",
       "textDecoration]___[value:none]___[cond:_focusWithin",
       "display]___[value:none]___[cond:mobileWideDown<___>_disabled",

package/dist/styles.css

@@ -445,21 +445,6 @@
     background: var(--colors-background-subtle);
 }
 
-  .c_text\.link {
-    color: var(--colors-text-link);
-}
-
-  .bdr_xxsmall {
-    border-radius: xxsmall;
-}
-
-  .lc_1 {
-    overflow: hidden;
-    display: -webkit-box;
-    -webkit-line-clamp: 1;
-    -webkit-box-orient: vertical;
-}
-
   .z_docked {
     z-index: var(--z-index-docked);
 }
@@ -544,6 +529,10 @@
     white-space: pre-wrap;
 }
 
+  .c_text\.link {
+    color: var(--colors-text-link);
+}
+
   .white-space_nowrap {
     white-space: nowrap;
 }
@@ -680,14 +669,6 @@
     border-color: var(--colors-stroke-hover);
 }
 
-  .bg-c_surface\.brand\.2\.subtle {
-    background-color: var(--colors-surface-brand-2-subtle);
-}
-
-  .bd-c_stroke\.info {
-    border-color: var(--colors-stroke-info);
-}
-
   .top_xsmall {
     top: var(--spacing-xsmall);
 }
@@ -918,14 +899,6 @@
     width: 100%;
 }
 
-  .before\:inset_0::before {
-    inset: 0;
-}
-
-  .before\:z_0::before {
-    z-index: 0;
-}
-
   .\[\&_a\]\:ms_1 a {
     margin-inline-start: var(--spacing-1);
 }
@@ -994,6 +967,14 @@
     padding-block-end: var(--spacing-xsmall);
 }
 
+  .before\:inset_0::before {
+    inset: 0;
+}
+
+  .before\:z_0::before {
+    z-index: 0;
+}
+
   .first\:bg_surface\.brand\.1\.subtle:first-child {
     background: var(--colors-surface-brand-1-subtle);
 }
@@ -1149,10 +1130,6 @@
     background: var(--colors-surface-action-subtle-hover);
 }
 
-  .hover\:td_unset:is(:hover, [data-hover]) {
-    text-decoration: unset;
-}
-
   .hover\:bd-c_text\.link:is(:hover, [data-hover]) {
     border-color: var(--colors-text-link);
 }

package/es/Article/ArticleByline.js

@@ -123,10 +123,10 @@ export const ArticleByline = _ref => {
             escapeValue: false
           }
         })}. `, getSuppliersText(suppliers, t)]
-      }), /*#__PURE__*/_jsxs("div", {
+      }), published ? /*#__PURE__*/_jsxs("div", {
         "data-contributors": showPrimaryContributors,
         children: [t(`${bylineType}.lastUpdated`), " ", published]
-      })]
+      }) : null]
     }), (!!licenseBox || !!footnotes?.length) && /*#__PURE__*/_jsxs(StyledAccordionRoot, {
       multiple: true,
       value: openAccordions,

package/es/Embed/BrightcoveEmbed.js

@@ -84,8 +84,8 @@ const BrightcoveEmbed = _ref => {
       type: "video",
       children: /*#__PURE__*/_jsx(BrightcoveIframe, {
         ref: iframeRef,
-        title: embedData.alt ?? fallbackTitle,
-        "aria-label": embedData.alt ?? fallbackTitle,
+        title: embedData.alt || fallbackTitle,
+        "aria-label": embedData.alt || fallbackTitle,
         ...getIframeProps(embedData, []),
         allow: "fullscreen; encrypted-media"
       })
@@ -109,8 +109,8 @@ const BrightcoveEmbed = _ref => {
       children: /*#__PURE__*/_jsx(BrightcoveIframe, {
         ref: iframeRef,
         className: "original",
-        title: embedData.alt ?? data.name ?? fallbackTitle,
-        "aria-label": embedData.alt ?? data.name ?? fallbackTitle,
+        title: embedData.alt || data.name || fallbackTitle,
+        "aria-label": embedData.alt || data.name || fallbackTitle,
         ...(alternativeVideoProps && !showOriginalVideo ? alternativeVideoProps : originalVideoProps),
         allow: "fullscreen; encrypted-media"
       })

package/es/Embed/ExternalEmbed.js

@@ -8,14 +8,11 @@
 
 import { useEffect, useRef } from "react";
 import { useTranslation } from "react-i18next";
-import { ArrowRightShortLine } from "@ndla/icons";
-import { Figure, Text } from "@ndla/primitives";
-import { SafeLink } from "@ndla/safelink";
+import { Figure } from "@ndla/primitives";
 import { styled } from "@ndla/styled-system/jsx";
-import { linkOverlay } from "@ndla/styled-system/patterns";
 import EmbedErrorPlaceholder from "./EmbedErrorPlaceholder";
 import { ResourceBox } from "../ResourceBox";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 const StyledFigure = styled(Figure, {
   base: {
     "& iframe": {
@@ -24,54 +21,6 @@ const StyledFigure = styled(Figure, {
     }
   }
 });
-
-// TODO: Move this to own component in UI? Use variant of existing?
-const StyledSafeLink = styled(SafeLink, {
-  base: {
-    textDecoration: "underline",
-    textStyle: "label.large",
-    color: "text.link",
-    fontWeight: "bold",
-    _hover: {
-      textDecoration: "unset"
-    }
-  }
-});
-const LinkWrapper = styled("div", {
-  base: {
-    display: "flex",
-    alignItems: "center",
-    justifyContent: "space-between",
-    gap: "xsmall"
-  }
-});
-const TextWrapper = styled("div", {
-  base: {
-    display: "flex",
-    flexDirection: "column",
-    alignItems: "flex-start",
-    gap: "xxsmall"
-  }
-});
-const Wrapper = styled("div", {
-  base: {
-    display: "flex",
-    width: "100%",
-    gap: "small",
-    flexDirection: "column",
-    backgroundColor: "surface.brand.2.subtle",
-    borderRadius: "xxsmall",
-    padding: "medium",
-    border: "1px solid",
-    borderColor: "stroke.info"
-  }
-});
-const UrlText = styled(Text, {
-  base: {
-    lineClamp: "1",
-    overflow: "hidden"
-  }
-});
 const ExternalEmbed = _ref => {
   let {
     embed
@@ -114,30 +63,6 @@ const ExternalEmbed = _ref => {
       })
     });
   }
-  if (embedData.type === "link") {
-    return /*#__PURE__*/_jsx(Figure, {
-      "data-embed-type": "external",
-      children: /*#__PURE__*/_jsxs(Wrapper, {
-        children: [/*#__PURE__*/_jsxs(LinkWrapper, {
-          children: [/*#__PURE__*/_jsxs(TextWrapper, {
-            children: [/*#__PURE__*/_jsx(StyledSafeLink, {
-              to: embedData.url,
-              unstyled: true,
-              css: linkOverlay.raw(),
-              children: embedData.title
-            }), /*#__PURE__*/_jsx(Text, {
-              textStyle: "label.medium",
-              children: embedData.caption
-            })]
-          }), /*#__PURE__*/_jsx(ArrowRightShortLine, {})]
-        }), /*#__PURE__*/_jsx(UrlText, {
-          textStyle: "label.medium",
-          color: "text.subtle",
-          children: embedData.url
-        })]
-      })
-    });
-  }
   return /*#__PURE__*/_jsx(StyledFigure, {
     "data-embed-type": "external",
     ref: figRef,

package/es/ResourceBox/ResourceBox.js

@@ -70,12 +70,12 @@ export const ResourceBox = _ref => {
     buttonText
   } = _ref;
   return /*#__PURE__*/_jsxs(Container, {
-    children: [/*#__PURE__*/_jsx(StyledImage, {
+    children: [image ? /*#__PURE__*/_jsx(StyledImage, {
       src: image.src,
       alt: image.alt,
       sizes: `(min-width: ${breakpoints.desktop}) 150px, (max-width: ${breakpoints.tablet} ) 400px, 200px`,
       variant: "rounded"
-    }), /*#__PURE__*/_jsxs(ContentWrapper, {
+    }) : null, /*#__PURE__*/_jsxs(ContentWrapper, {
       children: [/*#__PURE__*/_jsx(Heading, {
         textStyle: "label.large",
         fontWeight: "bold",

package/es/locale/messages-en.js

@@ -1295,18 +1295,10 @@ const messages = {
         student: "Where is my name used?"
       },
       disclaimerText: {
-        employee: "Your name is only displayed for you while you are logged into My NDLA, and if you choose to display it while sharing folders.",
+        employee: "Your name is displayed when you share a folder or a learning path. If you do not wish to share your name, you can stop sharing folders or learning paths.",
         student: "Your name is only displayed for you"
       },
-      preferenceTitle: "Choose whether you want to display name when sharing a folder",
-      preferenceText: "Here you can choose whether you want to display your name when you share a folder. The selected option applies to all your folders and can be changed later. If you later change the option, your name will appear on all your shared folders.",
       editButtonText: "Change profile picture",
-      namePreference: {
-        onNameShown: "Your name is now shown on all of your shared folders",
-        onNameHidden: "Your name is now removed from all of your shared folders",
-        showName: "Show my name when I share a folder",
-        dontShowName: "Do not show my name when I share a folder"
-      },
       modalTexts: {
         title: "Upload a new profile picture",
         uploadSection: {

package/es/locale/messages-nb.js

@@ -1295,18 +1295,10 @@ const messages = {
         student: "Hvor brukes navnet mitt?"
       },
       disclaimerText: {
-        employee: "Navnet ditt vises bare for deg selv når du er logget inn i Min NDLA, og dersom du velger å vise det ved deling av mapper.",
+        employee: "Navnet ditt vises når du deler en mappe eller en læringssti. Dersom du ikke ønsker å dele navnet ditt kan du avslutte deling av mapper eller læringsstier.",
         student: "Navnet ditt vises bare for deg selv når du er logget inn."
       },
-      preferenceTitle: "Velg om du vil vise navn når du deler en mappe",
-      preferenceText: "Her kan du selv velge om du vil vise navnet ditt når du deler en mappe. Valget gjelder for alle mappene dine og kan endres senere. Dersom du endrer vil navnet ditt vises på alle dine delte mapper.",
       editButtonText: "Endre profilbilde",
-      namePreference: {
-        onNameShown: "Navnet ditt vises nå på alle dine delte mapper",
-        onNameHidden: "Navnet ditt er nå fjernet fra alle dine delte mapper",
-        showName: "Vis navnet mitt når jeg deler en mappe",
-        dontShowName: "Ikke vis navnet mitt når jeg deler mappe"
-      },
       modalTexts: {
         title: "Last opp nytt profilbilde",
         uploadSection: {

package/es/locale/messages-nn.js

@@ -1295,18 +1295,10 @@ const messages = {
         student: "Kvar blir namnet mitt brukt?"
       },
       disclaimerText: {
-        employee: "Namnet ditt blir berre vist for deg sjølv når du er logga inn i Min NDLA, og dersom du vel å visa det ved deling av mapper.",
+        employee: "Namnet ditt blir vist når du deler ei mappe eller ein læringssti. Dersom du ikkje ønskjer å dele namnet ditt, kan du avslutte deling av mapper eller læringsstiar.",
         student: "Namnet ditt blir berre vist for deg sjølv når du er logga inn."
       },
-      preferenceTitle: "Vel om du vil vise namn når du deler ei mappe",
-      preferenceText: "Her kan du sjølv velje om du vil vise namnet ditt når du deler ei mappe. Valet gjeld for alle mappene dine og kan endrast seinare. Dersom du endrar vil namnet ditt visast på alle dine delte mapper.",
       editButtonText: "Endre profilbilete",
-      namePreference: {
-        onNameShown: "Namnet ditt visast no på alle dine delte mapper",
-        onNameHidden: "Namnet ditt er no fjerna frå alle dine delte mapper",
-        showName: "Vis namnet mitt når eg deler ei mappe",
-        dontShowName: "Ikkje vis namnet mitt når eg deler mappe"
-      },
       modalTexts: {
         title: "Last opp nytt profilbilete",
         uploadSection: {

package/es/locale/messages-se.js

@@ -1295,18 +1295,10 @@ const messages = {
         student: "Hvor brukes navnet mitt?"
       },
       disclaimerText: {
-        employee: "Navnet ditt vises bare for deg selv når du er logget inn i Min NDLA, og dersom du velger å vise det ved deling av mapper.",
+        employee: "Navnet ditt vises når du deler en mappe eller en læringssti. Dersom du ikke ønsker å dele navnet ditt kan du avslutte deling av mapper eller læringsstier.",
         student: "Navnet ditt vises bare for deg selv når du er logget inn."
       },
-      preferenceTitle: "Velg om du vil vise navn når du deler en mappe",
-      preferenceText: "Her kan du selv velge om du vil vise navnet ditt når du deler en mappe. Valget gjelder for alle mappene dine og kan endres senere. Dersom du endrer vil navnet ditt vises på alle dine delte mapper.",
       editButtonText: "Endre profilbilde",
-      namePreference: {
-        onNameShown: "Navnet ditt vises nå på alle dine delte mapper",
-        onNameHidden: "Navnet ditt er nå fjernet fra alle dine delte mapper",
-        showName: "Vis navnet mitt når jeg deler en mappe",
-        dontShowName: "Ikke vis navnet mitt når jeg deler mappe"
-      },
       modalTexts: {
         title: "Last opp nytt profilbilde",
         uploadSection: {

package/es/locale/messages-sma.js

@@ -1295,18 +1295,10 @@ const messages = {
         student: "Hvor brukes navnet mitt?"
       },
       disclaimerText: {
-        employee: "Navnet ditt vises bare for deg selv når du er logget inn i Min NDLA, og dersom du velger å vise det ved deling av mapper.",
+        employee: "Navnet ditt vises når du deler en mappe eller en læringssti. Dersom du ikke ønsker å dele navnet ditt kan du avslutte deling av mapper eller læringsstier.",
         student: "Navnet ditt vises bare for deg selv når du er logget inn."
       },
-      preferenceTitle: "Velg om du vil vise navn når du deler en mappe",
-      preferenceText: "Her kan du selv velge om du vil vise navnet ditt når du deler en mappe. Valget gjelder for alle mappene dine og kan endres senere. Dersom du endrer vil navnet ditt vises på alle dine delte mapper.",
       editButtonText: "Endre profilbilde",
-      namePreference: {
-        onNameShown: "Navnet ditt vises nå på alle dine delte mapper",
-        onNameHidden: "Navnet ditt er nå fjernet fra alle dine delte mapper",
-        showName: "Vis navnet mitt når jeg deler en mappe",
-        dontShowName: "Ikke vis navnet mitt når jeg deler mappe"
-      },
       modalTexts: {
         title: "Last opp nytt profilbilde",
         uploadSection: {

package/lib/Article/ArticleByline.js

@@ -129,10 +129,10 @@ const ArticleByline = _ref => {
             escapeValue: false
           }
         })}. `, getSuppliersText(suppliers, t)]
-      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      }), published ? /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
         "data-contributors": showPrimaryContributors,
         children: [t(`${bylineType}.lastUpdated`), " ", published]
-      })]
+      }) : null]
     }), (!!licenseBox || !!footnotes?.length) && /*#__PURE__*/(0, _jsxRuntime.jsxs)(StyledAccordionRoot, {
       multiple: true,
       value: openAccordions,

package/lib/Embed/BrightcoveEmbed.js

@@ -93,8 +93,8 @@ const BrightcoveEmbed = _ref => {
       type: "video",
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)(BrightcoveIframe, {
         ref: iframeRef,
-        title: embedData.alt ?? fallbackTitle,
-        "aria-label": embedData.alt ?? fallbackTitle,
+        title: embedData.alt || fallbackTitle,
+        "aria-label": embedData.alt || fallbackTitle,
         ...getIframeProps(embedData, []),
         allow: "fullscreen; encrypted-media"
       })
@@ -118,8 +118,8 @@ const BrightcoveEmbed = _ref => {
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)(BrightcoveIframe, {
         ref: iframeRef,
         className: "original",
-        title: embedData.alt ?? data.name ?? fallbackTitle,
-        "aria-label": embedData.alt ?? data.name ?? fallbackTitle,
+        title: embedData.alt || data.name || fallbackTitle,
+        "aria-label": embedData.alt || data.name || fallbackTitle,
         ...(alternativeVideoProps && !showOriginalVideo ? alternativeVideoProps : originalVideoProps),
         allow: "fullscreen; encrypted-media"
       })

package/lib/Embed/ExternalEmbed.js

@@ -6,11 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = require("react");
 var _reactI18next = require("react-i18next");
-var _icons = require("@ndla/icons");
 var _primitives = require("@ndla/primitives");
-var _safelink = require("@ndla/safelink");
 var _jsx2 = require("@ndla/styled-system/jsx");
-var _patterns = require("@ndla/styled-system/patterns");
 var _EmbedErrorPlaceholder = _interopRequireDefault(require("./EmbedErrorPlaceholder"));
 var _ResourceBox = require("../ResourceBox");
 var _jsxRuntime = require("react/jsx-runtime");
@@ -31,54 +28,6 @@ const StyledFigure = (0, _jsx2.styled)(_primitives.Figure, {
     }
   }
 });
-
-// TODO: Move this to own component in UI? Use variant of existing?
-const StyledSafeLink = (0, _jsx2.styled)(_safelink.SafeLink, {
-  base: {
-    textDecoration: "underline",
-    textStyle: "label.large",
-    color: "text.link",
-    fontWeight: "bold",
-    _hover: {
-      textDecoration: "unset"
-    }
-  }
-});
-const LinkWrapper = (0, _jsx2.styled)("div", {
-  base: {
-    display: "flex",
-    alignItems: "center",
-    justifyContent: "space-between",
-    gap: "xsmall"
-  }
-});
-const TextWrapper = (0, _jsx2.styled)("div", {
-  base: {
-    display: "flex",
-    flexDirection: "column",
-    alignItems: "flex-start",
-    gap: "xxsmall"
-  }
-});
-const Wrapper = (0, _jsx2.styled)("div", {
-  base: {
-    display: "flex",
-    width: "100%",
-    gap: "small",
-    flexDirection: "column",
-    backgroundColor: "surface.brand.2.subtle",
-    borderRadius: "xxsmall",
-    padding: "medium",
-    border: "1px solid",
-    borderColor: "stroke.info"
-  }
-});
-const UrlText = (0, _jsx2.styled)(_primitives.Text, {
-  base: {
-    lineClamp: "1",
-    overflow: "hidden"
-  }
-});
 const ExternalEmbed = _ref => {
   let {
     embed
@@ -121,30 +70,6 @@ const ExternalEmbed = _ref => {
       })
     });
   }
-  if (embedData.type === "link") {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.Figure, {
-      "data-embed-type": "external",
-      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(Wrapper, {
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(LinkWrapper, {
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(TextWrapper, {
-            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(StyledSafeLink, {
-              to: embedData.url,
-              unstyled: true,
-              css: _patterns.linkOverlay.raw(),
-              children: embedData.title
-            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.Text, {
-              textStyle: "label.medium",
-              children: embedData.caption
-            })]
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.ArrowRightShortLine, {})]
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(UrlText, {
-          textStyle: "label.medium",
-          color: "text.subtle",
-          children: embedData.url
-        })]
-      })
-    });
-  }
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledFigure, {
     "data-embed-type": "external",
     ref: figRef,

package/lib/ResourceBox/ResourceBox.d.ts

@@ -10,7 +10,7 @@ interface ImageMeta {
     alt: string;
 }
 interface Props {
-    image: ImageMeta;
+    image?: ImageMeta;
     title: string;
     caption: string;
     url: string;

package/lib/ResourceBox/ResourceBox.js

@@ -76,12 +76,12 @@ const ResourceBox = _ref => {
     buttonText
   } = _ref;
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Container, {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(StyledImage, {
+    children: [image ? /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledImage, {
       src: image.src,
       alt: image.alt,
       sizes: `(min-width: ${_core.breakpoints.desktop}) 150px, (max-width: ${_core.breakpoints.tablet} ) 400px, 200px`,
       variant: "rounded"
-    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(ContentWrapper, {
+    }) : null, /*#__PURE__*/(0, _jsxRuntime.jsxs)(ContentWrapper, {
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.Heading, {
         textStyle: "label.large",
         fontWeight: "bold",

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

@@ -1288,15 +1288,7 @@ declare const messages: {
                 employee: string;
                 student: string;
             };
-            preferenceTitle: string;
-            preferenceText: string;
             editButtonText: string;
-            namePreference: {
-                onNameShown: string;
-                onNameHidden: string;
-                showName: string;
-                dontShowName: string;
-            };
             modalTexts: {
                 title: string;
                 uploadSection: {

package/lib/locale/messages-en.js

@@ -1302,18 +1302,10 @@ const messages = {
         student: "Where is my name used?"
       },
       disclaimerText: {
-        employee: "Your name is only displayed for you while you are logged into My NDLA, and if you choose to display it while sharing folders.",
+        employee: "Your name is displayed when you share a folder or a learning path. If you do not wish to share your name, you can stop sharing folders or learning paths.",
         student: "Your name is only displayed for you"
       },
-      preferenceTitle: "Choose whether you want to display name when sharing a folder",
-      preferenceText: "Here you can choose whether you want to display your name when you share a folder. The selected option applies to all your folders and can be changed later. If you later change the option, your name will appear on all your shared folders.",
       editButtonText: "Change profile picture",
-      namePreference: {
-        onNameShown: "Your name is now shown on all of your shared folders",
-        onNameHidden: "Your name is now removed from all of your shared folders",
-        showName: "Show my name when I share a folder",
-        dontShowName: "Do not show my name when I share a folder"
-      },
       modalTexts: {
         title: "Upload a new profile picture",
         uploadSection: {

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

@@ -1288,15 +1288,7 @@ declare const messages: {
                 employee: string;
                 student: string;
             };
-            preferenceTitle: string;
-            preferenceText: string;
             editButtonText: string;
-            namePreference: {
-                onNameShown: string;
-                onNameHidden: string;
-                showName: string;
-                dontShowName: string;
-            };
             modalTexts: {
                 title: string;
                 uploadSection: {

package/lib/locale/messages-nb.js

@@ -1302,18 +1302,10 @@ const messages = {
         student: "Hvor brukes navnet mitt?"
       },
       disclaimerText: {
-        employee: "Navnet ditt vises bare for deg selv når du er logget inn i Min NDLA, og dersom du velger å vise det ved deling av mapper.",
+        employee: "Navnet ditt vises når du deler en mappe eller en læringssti. Dersom du ikke ønsker å dele navnet ditt kan du avslutte deling av mapper eller læringsstier.",
         student: "Navnet ditt vises bare for deg selv når du er logget inn."
       },
-      preferenceTitle: "Velg om du vil vise navn når du deler en mappe",
-      preferenceText: "Her kan du selv velge om du vil vise navnet ditt når du deler en mappe. Valget gjelder for alle mappene dine og kan endres senere. Dersom du endrer vil navnet ditt vises på alle dine delte mapper.",
       editButtonText: "Endre profilbilde",
-      namePreference: {
-        onNameShown: "Navnet ditt vises nå på alle dine delte mapper",
-        onNameHidden: "Navnet ditt er nå fjernet fra alle dine delte mapper",
-        showName: "Vis navnet mitt når jeg deler en mappe",
-        dontShowName: "Ikke vis navnet mitt når jeg deler mappe"
-      },
       modalTexts: {
         title: "Last opp nytt profilbilde",
         uploadSection: {

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

@@ -1288,15 +1288,7 @@ declare const messages: {
                 employee: string;
                 student: string;
             };
-            preferenceTitle: string;
-            preferenceText: string;
             editButtonText: string;
-            namePreference: {
-                onNameShown: string;
-                onNameHidden: string;
-                showName: string;
-                dontShowName: string;
-            };
             modalTexts: {
                 title: string;
                 uploadSection: {

package/lib/locale/messages-nn.js

@@ -1302,18 +1302,10 @@ const messages = {
         student: "Kvar blir namnet mitt brukt?"
       },
       disclaimerText: {
-        employee: "Namnet ditt blir berre vist for deg sjølv når du er logga inn i Min NDLA, og dersom du vel å visa det ved deling av mapper.",
+        employee: "Namnet ditt blir vist når du deler ei mappe eller ein læringssti. Dersom du ikkje ønskjer å dele namnet ditt, kan du avslutte deling av mapper eller læringsstiar.",
         student: "Namnet ditt blir berre vist for deg sjølv når du er logga inn."
       },
-      preferenceTitle: "Vel om du vil vise namn når du deler ei mappe",
-      preferenceText: "Her kan du sjølv velje om du vil vise namnet ditt når du deler ei mappe. Valet gjeld for alle mappene dine og kan endrast seinare. Dersom du endrar vil namnet ditt visast på alle dine delte mapper.",
       editButtonText: "Endre profilbilete",
-      namePreference: {
-        onNameShown: "Namnet ditt visast no på alle dine delte mapper",
-        onNameHidden: "Namnet ditt er no fjerna frå alle dine delte mapper",
-        showName: "Vis namnet mitt når eg deler ei mappe",
-        dontShowName: "Ikkje vis namnet mitt når eg deler mappe"
-      },
       modalTexts: {
         title: "Last opp nytt profilbilete",
         uploadSection: {

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

@@ -1288,15 +1288,7 @@ declare const messages: {
                 employee: string;
                 student: string;
             };
-            preferenceTitle: string;
-            preferenceText: string;
             editButtonText: string;
-            namePreference: {
-                onNameShown: string;
-                onNameHidden: string;
-                showName: string;
-                dontShowName: string;
-            };
             modalTexts: {
                 title: string;
                 uploadSection: {

package/lib/locale/messages-se.js

@@ -1302,18 +1302,10 @@ const messages = {
         student: "Hvor brukes navnet mitt?"
       },
       disclaimerText: {
-        employee: "Navnet ditt vises bare for deg selv når du er logget inn i Min NDLA, og dersom du velger å vise det ved deling av mapper.",
+        employee: "Navnet ditt vises når du deler en mappe eller en læringssti. Dersom du ikke ønsker å dele navnet ditt kan du avslutte deling av mapper eller læringsstier.",
         student: "Navnet ditt vises bare for deg selv når du er logget inn."
       },
-      preferenceTitle: "Velg om du vil vise navn når du deler en mappe",
-      preferenceText: "Her kan du selv velge om du vil vise navnet ditt når du deler en mappe. Valget gjelder for alle mappene dine og kan endres senere. Dersom du endrer vil navnet ditt vises på alle dine delte mapper.",
       editButtonText: "Endre profilbilde",
-      namePreference: {
-        onNameShown: "Navnet ditt vises nå på alle dine delte mapper",
-        onNameHidden: "Navnet ditt er nå fjernet fra alle dine delte mapper",
-        showName: "Vis navnet mitt når jeg deler en mappe",
-        dontShowName: "Ikke vis navnet mitt når jeg deler mappe"
-      },
       modalTexts: {
         title: "Last opp nytt profilbilde",
         uploadSection: {

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

@@ -1288,15 +1288,7 @@ declare const messages: {
                 employee: string;
                 student: string;
             };
-            preferenceTitle: string;
-            preferenceText: string;
             editButtonText: string;
-            namePreference: {
-                onNameShown: string;
-                onNameHidden: string;
-                showName: string;
-                dontShowName: string;
-            };
             modalTexts: {
                 title: string;
                 uploadSection: {

package/lib/locale/messages-sma.js

@@ -1302,18 +1302,10 @@ const messages = {
         student: "Hvor brukes navnet mitt?"
       },
       disclaimerText: {
-        employee: "Navnet ditt vises bare for deg selv når du er logget inn i Min NDLA, og dersom du velger å vise det ved deling av mapper.",
+        employee: "Navnet ditt vises når du deler en mappe eller en læringssti. Dersom du ikke ønsker å dele navnet ditt kan du avslutte deling av mapper eller læringsstier.",
         student: "Navnet ditt vises bare for deg selv når du er logget inn."
       },
-      preferenceTitle: "Velg om du vil vise navn når du deler en mappe",
-      preferenceText: "Her kan du selv velge om du vil vise navnet ditt når du deler en mappe. Valget gjelder for alle mappene dine og kan endres senere. Dersom du endrer vil navnet ditt vises på alle dine delte mapper.",
       editButtonText: "Endre profilbilde",
-      namePreference: {
-        onNameShown: "Navnet ditt vises nå på alle dine delte mapper",
-        onNameHidden: "Navnet ditt er nå fjernet fra alle dine delte mapper",
-        showName: "Vis navnet mitt når jeg deler en mappe",
-        dontShowName: "Ikke vis navnet mitt når jeg deler mappe"
-      },
       modalTexts: {
         title: "Last opp nytt profilbilde",
         uploadSection: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ndla/ui",
-  "version": "56.0.92-alpha.0",
+  "version": "56.0.94-alpha.0",
   "description": "UI component library for NDLA",
   "license": "GPL-3.0",
   "main": "lib/index.js",
@@ -35,8 +35,8 @@
     "@ndla/core": "^5.0.3",
     "@ndla/icons": "^8.0.50-alpha.0",
     "@ndla/licenses": "^8.0.6-alpha.0",
-    "@ndla/primitives": "^1.0.69-alpha.0",
-    "@ndla/safelink": "^7.0.70-alpha.0",
+    "@ndla/primitives": "^1.0.71-alpha.0",
+    "@ndla/safelink": "^7.0.72-alpha.0",
     "@ndla/styled-system": "^0.0.30",
     "@ndla/util": "^5.0.5-alpha.0",
     "html-react-parser": "^5.1.19",
@@ -52,11 +52,11 @@
   "devDependencies": {
     "@ndla/preset-panda": "^0.0.49",
     "@ndla/types-backend": "^1.0.1",
-    "@ndla/types-embed": "^5.0.9-alpha.0",
+    "@ndla/types-embed": "^5.0.10-alpha.0",
     "@pandacss/dev": "^0.48.0"
   },
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "1c528e8987406a8e56d6bfa3a6ab1064684ef6ff"
+  "gitHead": "ee44caa84045f796a9d85a0fd51d1df7bd740dd2"
 }

package/src/Article/ArticleByline.tsx

@@ -162,9 +162,11 @@ export const ArticleByline = ({
               {getSuppliersText(suppliers, t)}
             </span>
           )}
-          <div data-contributors={showPrimaryContributors}>
-            {t(`${bylineType}.lastUpdated`)} {published}
-          </div>
+          {published ? (
+            <div data-contributors={showPrimaryContributors}>
+              {t(`${bylineType}.lastUpdated`)} {published}
+            </div>
+          ) : null}
         </TextWrapper>
       )}
       {(!!licenseBox || !!footnotes?.length) && (

package/src/Embed/BrightcoveEmbed.tsx

@@ -85,8 +85,8 @@ const BrightcoveEmbed = ({ embed, renderContext = "article", lang }: Props) => {
       <EmbedErrorPlaceholder type="video">
         <BrightcoveIframe
           ref={iframeRef}
-          title={embedData.alt ?? fallbackTitle}
-          aria-label={embedData.alt ?? fallbackTitle}
+          title={embedData.alt || fallbackTitle}
+          aria-label={embedData.alt || fallbackTitle}
           {...getIframeProps(embedData, [])}
           allow="fullscreen; encrypted-media"
         />
@@ -110,8 +110,8 @@ const BrightcoveEmbed = ({ embed, renderContext = "article", lang }: Props) => {
         <BrightcoveIframe
           ref={iframeRef}
           className="original"
-          title={embedData.alt ?? data.name ?? fallbackTitle}
-          aria-label={embedData.alt ?? data.name ?? fallbackTitle}
+          title={embedData.alt || data.name || fallbackTitle}
+          aria-label={embedData.alt || data.name || fallbackTitle}
           {...(alternativeVideoProps && !showOriginalVideo ? alternativeVideoProps : originalVideoProps)}
           allow="fullscreen; encrypted-media"
         />

package/src/Embed/ExternalEmbed.stories.tsx

@@ -174,14 +174,3 @@ export const Fullscreen: StoryObj<typeof ExternalEmbed> = {
     },
   },
 };
-
-export const Link: StoryObj<typeof ExternalEmbed> = {
-  args: {
-    embed: {
-      resource: "external",
-      status: "success",
-      embedData: { ...embedDataFullscreen, type: "link" },
-      data: opensInNewMetaData,
-    },
-  },
-};

package/src/Embed/ExternalEmbed.tsx

@@ -8,11 +8,8 @@
 
 import { useEffect, useRef } from "react";
 import { useTranslation } from "react-i18next";
-import { ArrowRightShortLine } from "@ndla/icons";
-import { Figure, Text } from "@ndla/primitives";
-import { SafeLink } from "@ndla/safelink";
+import { Figure } from "@ndla/primitives";
 import { styled } from "@ndla/styled-system/jsx";
-import { linkOverlay } from "@ndla/styled-system/patterns";
 import type { OembedMetaData } from "@ndla/types-embed";
 import EmbedErrorPlaceholder from "./EmbedErrorPlaceholder";
 import { ResourceBox } from "../ResourceBox";
@@ -30,58 +27,6 @@ const StyledFigure = styled(Figure, {
   },
 });
 
-// TODO: Move this to own component in UI? Use variant of existing?
-const StyledSafeLink = styled(SafeLink, {
-  base: {
-    textDecoration: "underline",
-    textStyle: "label.large",
-    color: "text.link",
-    fontWeight: "bold",
-    _hover: {
-      textDecoration: "unset",
-    },
-  },
-});
-
-const LinkWrapper = styled("div", {
-  base: {
-    display: "flex",
-    alignItems: "center",
-    justifyContent: "space-between",
-    gap: "xsmall",
-  },
-});
-
-const TextWrapper = styled("div", {
-  base: {
-    display: "flex",
-    flexDirection: "column",
-    alignItems: "flex-start",
-    gap: "xxsmall",
-  },
-});
-
-const Wrapper = styled("div", {
-  base: {
-    display: "flex",
-    width: "100%",
-    gap: "small",
-    flexDirection: "column",
-    backgroundColor: "surface.brand.2.subtle",
-    borderRadius: "xxsmall",
-    padding: "medium",
-    border: "1px solid",
-    borderColor: "stroke.info",
-  },
-});
-
-const UrlText = styled(Text, {
-  base: {
-    lineClamp: "1",
-    overflow: "hidden",
-  },
-});
-
 const ExternalEmbed = ({ embed }: Props) => {
   const { t } = useTranslation();
   const figRef = useRef<HTMLElement>(null);
@@ -120,27 +65,6 @@ const ExternalEmbed = ({ embed }: Props) => {
     );
   }
 
-  if (embedData.type === "link") {
-    return (
-      <Figure data-embed-type="external">
-        <Wrapper>
-          <LinkWrapper>
-            <TextWrapper>
-              <StyledSafeLink to={embedData.url} unstyled css={linkOverlay.raw()}>
-                {embedData.title}
-              </StyledSafeLink>
-              <Text textStyle="label.medium">{embedData.caption}</Text>
-            </TextWrapper>
-            <ArrowRightShortLine />
-          </LinkWrapper>
-          <UrlText textStyle="label.medium" color="text.subtle">
-            {embedData.url}
-          </UrlText>
-        </Wrapper>
-      </Figure>
-    );
-  }
-
   return (
     <StyledFigure
       data-embed-type="external"

package/src/ResourceBox/ResourceBox.tsx

@@ -71,7 +71,7 @@ interface ImageMeta {
 }
 
 interface Props {
-  image: ImageMeta;
+  image?: ImageMeta;
   title: string;
   caption: string;
   url: string;
@@ -81,12 +81,14 @@ interface Props {
 export const ResourceBox = ({ image, title, caption, url, buttonText }: Props) => {
   return (
     <Container>
-      <StyledImage
-        src={image.src}
-        alt={image.alt}
-        sizes={`(min-width: ${breakpoints.desktop}) 150px, (max-width: ${breakpoints.tablet} ) 400px, 200px`}
-        variant="rounded"
-      />
+      {image ? (
+        <StyledImage
+          src={image.src}
+          alt={image.alt}
+          sizes={`(min-width: ${breakpoints.desktop}) 150px, (max-width: ${breakpoints.tablet} ) 400px, 200px`}
+          variant="rounded"
+        />
+      ) : null}
       <ContentWrapper>
         <Heading textStyle="label.large" fontWeight="bold" asChild consumeCss>
           <h3>{title}</h3>

package/src/locale/messages-en.ts

@@ -1327,19 +1327,10 @@ const messages = {
       },
       disclaimerText: {
         employee:
-          "Your name is only displayed for you while you are logged into My NDLA, and if you choose to display it while sharing folders.",
+          "Your name is displayed when you share a folder or a learning path. If you do not wish to share your name, you can stop sharing folders or learning paths.",
         student: "Your name is only displayed for you",
       },
-      preferenceTitle: "Choose whether you want to display name when sharing a folder",
-      preferenceText:
-        "Here you can choose whether you want to display your name when you share a folder. The selected option applies to all your folders and can be changed later. If you later change the option, your name will appear on all your shared folders.",
       editButtonText: "Change profile picture",
-      namePreference: {
-        onNameShown: "Your name is now shown on all of your shared folders",
-        onNameHidden: "Your name is now removed from all of your shared folders",
-        showName: "Show my name when I share a folder",
-        dontShowName: "Do not show my name when I share a folder",
-      },
       modalTexts: {
         title: "Upload a new profile picture",
         uploadSection: {

package/src/locale/messages-nb.ts

@@ -1328,19 +1328,10 @@ const messages = {
       },
       disclaimerText: {
         employee:
-          "Navnet ditt vises bare for deg selv når du er logget inn i Min NDLA, og dersom du velger å vise det ved deling av mapper.",
+          "Navnet ditt vises når du deler en mappe eller en læringssti. Dersom du ikke ønsker å dele navnet ditt kan du avslutte deling av mapper eller læringsstier.",
         student: "Navnet ditt vises bare for deg selv når du er logget inn.",
       },
-      preferenceTitle: "Velg om du vil vise navn når du deler en mappe",
-      preferenceText:
-        "Her kan du selv velge om du vil vise navnet ditt når du deler en mappe. Valget gjelder for alle mappene dine og kan endres senere. Dersom du endrer vil navnet ditt vises på alle dine delte mapper.",
       editButtonText: "Endre profilbilde",
-      namePreference: {
-        onNameShown: "Navnet ditt vises nå på alle dine delte mapper",
-        onNameHidden: "Navnet ditt er nå fjernet fra alle dine delte mapper",
-        showName: "Vis navnet mitt når jeg deler en mappe",
-        dontShowName: "Ikke vis navnet mitt når jeg deler mappe",
-      },
       modalTexts: {
         title: "Last opp nytt profilbilde",
         uploadSection: {

package/src/locale/messages-nn.ts

@@ -1327,19 +1327,10 @@ const messages = {
       },
       disclaimerText: {
         employee:
-          "Namnet ditt blir berre vist for deg sjølv når du er logga inn i Min NDLA, og dersom du vel å visa det ved deling av mapper.",
+          "Namnet ditt blir vist når du deler ei mappe eller ein læringssti. Dersom du ikkje ønskjer å dele namnet ditt, kan du avslutte deling av mapper eller læringsstiar.",
         student: "Namnet ditt blir berre vist for deg sjølv når du er logga inn.",
       },
-      preferenceTitle: "Vel om du vil vise namn når du deler ei mappe",
-      preferenceText:
-        "Her kan du sjølv velje om du vil vise namnet ditt når du deler ei mappe. Valet gjeld for alle mappene dine og kan endrast seinare. Dersom du endrar vil namnet ditt visast på alle dine delte mapper.",
       editButtonText: "Endre profilbilete",
-      namePreference: {
-        onNameShown: "Namnet ditt visast no på alle dine delte mapper",
-        onNameHidden: "Namnet ditt er no fjerna frå alle dine delte mapper",
-        showName: "Vis namnet mitt når eg deler ei mappe",
-        dontShowName: "Ikkje vis namnet mitt når eg deler mappe",
-      },
       modalTexts: {
         title: "Last opp nytt profilbilete",
         uploadSection: {

package/src/locale/messages-se.ts

@@ -1329,19 +1329,10 @@ const messages = {
       },
       disclaimerText: {
         employee:
-          "Navnet ditt vises bare for deg selv når du er logget inn i Min NDLA, og dersom du velger å vise det ved deling av mapper.",
+          "Navnet ditt vises når du deler en mappe eller en læringssti. Dersom du ikke ønsker å dele navnet ditt kan du avslutte deling av mapper eller læringsstier.",
         student: "Navnet ditt vises bare for deg selv når du er logget inn.",
       },
-      preferenceTitle: "Velg om du vil vise navn når du deler en mappe",
-      preferenceText:
-        "Her kan du selv velge om du vil vise navnet ditt når du deler en mappe. Valget gjelder for alle mappene dine og kan endres senere. Dersom du endrer vil navnet ditt vises på alle dine delte mapper.",
       editButtonText: "Endre profilbilde",
-      namePreference: {
-        onNameShown: "Navnet ditt vises nå på alle dine delte mapper",
-        onNameHidden: "Navnet ditt er nå fjernet fra alle dine delte mapper",
-        showName: "Vis navnet mitt når jeg deler en mappe",
-        dontShowName: "Ikke vis navnet mitt når jeg deler mappe",
-      },
       modalTexts: {
         title: "Last opp nytt profilbilde",
         uploadSection: {

package/src/locale/messages-sma.ts

@@ -1331,19 +1331,10 @@ const messages = {
       },
       disclaimerText: {
         employee:
-          "Navnet ditt vises bare for deg selv når du er logget inn i Min NDLA, og dersom du velger å vise det ved deling av mapper.",
+          "Navnet ditt vises når du deler en mappe eller en læringssti. Dersom du ikke ønsker å dele navnet ditt kan du avslutte deling av mapper eller læringsstier.",
         student: "Navnet ditt vises bare for deg selv når du er logget inn.",
       },
-      preferenceTitle: "Velg om du vil vise navn når du deler en mappe",
-      preferenceText:
-        "Her kan du selv velge om du vil vise navnet ditt når du deler en mappe. Valget gjelder for alle mappene dine og kan endres senere. Dersom du endrer vil navnet ditt vises på alle dine delte mapper.",
       editButtonText: "Endre profilbilde",
-      namePreference: {
-        onNameShown: "Navnet ditt vises nå på alle dine delte mapper",
-        onNameHidden: "Navnet ditt er nå fjernet fra alle dine delte mapper",
-        showName: "Vis navnet mitt når jeg deler en mappe",
-        dontShowName: "Ikke vis navnet mitt når jeg deler mappe",
-      },
       modalTexts: {
         title: "Last opp nytt profilbilde",
         uploadSection: {