@ndla/ui 50.11.2 → 50.11.3

package/lib/locale/messages-nn.js

@@ -1181,18 +1181,21 @@ const messages = {
       willOpenInNewTab: "Opnast i ny fane."
     },
     myPage: {
-      noRecents: "Du har ikkje lagt til nokon ressurar enno. Slik kjem du i gang:",
+      noRecents: "Du har ikkje lagt til nokon ressursar enno. Slik kjem du i gang:",
       imageAlt: "Halvnært bilete av jente som held eit nettbrett i hendene. Oppå nettbrettet ligg det ei samling fargeprøver i ulike former og fargar. Grafikk.",
       confirmDeleteAccount: "Er du sikker på at du vil slette kontoen?",
       confirmDeleteAccountButton: "Slett konto",
       myPage: "Mi side",
       deleteAccount: "Slett Min NDLA",
+      loginPitch: "Velkommen til Min NDLA! Her kan du lagre favorittressursane dine frå NDLA, organisere dei og dele dei med andre. Logg inn med din Feide-konto for å komme i gang.",
+      loginPitchButton: "Logg inn i Min NDLA",
       logout: "Logg ut av Min NDLA",
-      loginText: "For å kunne bruke tjenesten Min NDLA må du vere elev eller jobbe på ein skule i eit fylke som er med i NDLA-samarbeidet. Vi ber om at du ikkje skriv noko støtande, personsensitiv informasjon eller andre persondata i tekstfelt. Les vår ",
-      loginTextLink: "personvernerklæring her",
+      loginIngress: "Her kan du organisere fagstoffet på <b>din</b> måte! Bruk hjarteknappen for å markere favorittfaga eller favorittressursane dine og enkelt finne de igjen.",
+      loginText: "For å kunne bruke tjenesten Min NDLA må du vere elev eller jobbe på ein skule i eit fylke som er med i NDLA-samarbeidet.",
+      loginTextLink: "Les vår personvernerklæring her",
       loginTerms: "Logg på med Feide for å få tilgang. Ved å logge på godkjennar du våre vilkår for bruk",
       loginResourcePitch: "Ønsker du å favorittmerke denne resursen?",
-      loginWelcome: "Velkommen til NDLA! Her kan du organisere fagstoffet på din måte!",
+      loginWelcome: "Velkommen til Min NDLA!",
       welcome: "Velkommen til Min NDLA! No kan du lagre favorittressursane dine frå NDLA og organisere dei i mapper og med emneknaggar.",
       read: {
         read: "Les",
@@ -1213,7 +1216,13 @@ const messages = {
       },
       recentFavourites: {
         title: "Nyleg lagt til i mappene mine",
-        link: "Sjå alle mappene dine"
+        link: "Sjå alle mappene dine",
+        search: "Søk etter ressursar",
+        unauthorized: "Oops. Her var det tomt! Hjartemerk nokre ressursar for å sjå dei her."
+      },
+      favouriteSubjects: {
+        noFavorites: "Ingen favorittfag? Bruk hjarteknappen for å legge til favorittfag, så finn du dei enkelt att!",
+        search: "Sjå alle fag"
       },
       recentArenaPosts: {
         title: "Nye innlegg i arenaen",

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

@@ -1168,7 +1168,10 @@ declare const messages: {
             confirmDeleteAccountButton: string;
             myPage: string;
             deleteAccount: string;
+            loginPitch: string;
+            loginPitchButton: string;
             logout: string;
+            loginIngress: string;
             loginText: string;
             loginTextLink: string;
             loginTerms: string;
@@ -1195,6 +1198,12 @@ declare const messages: {
             recentFavourites: {
                 title: string;
                 link: string;
+                search: string;
+                unauthorized: string;
+            };
+            favouriteSubjects: {
+                noFavorites: string;
+                search: string;
             };
             recentArenaPosts: {
                 title: string;

package/lib/locale/messages-se.js

@@ -1187,12 +1187,15 @@ const messages = {
       confirmDeleteAccountButton: "Slett konto",
       myPage: "Min side",
       deleteAccount: "Slett Min NDLA",
+      loginPitch: "Velkommen til Min NDLA! Her kan du lagre favorittressursene dine fra NDLA, organisere dem og dele dem med andre. Logg inn med din Feide-konto for å komme i gang.",
+      loginPitchButton: "Logg inn i Min NDLA",
       logout: "Logg ut av Min NDLA",
-      loginText: "For å kunne bruke tjenesten Min NDLA må du være elev eller jobbe på en skole i et fylke som er med i NDLA-samarbeidet. Vi ber om at du ikke skriver noe støtende, personsensitiv informasjon eller andre persondata i tekstfelt. Les vår ",
-      loginTextLink: "personvernerklæring her",
+      loginIngress: "Her kan du organisere fagstoffet på <b>din</b> måte! Bruk hjerteknappen til å markere dine favorittfag eller ressurser, og finne dem enkelt igjen.",
+      loginText: "For å kunne bruke tjenesten Min NDLA må du være elev eller jobbe på en skole i et fylke som er med i NDLA-samarbeidet.",
+      loginTextLink: "Les vår personvernerklæring her",
       loginTerms: "Logg på med Feide for å få tilgang. Ved å logge på godkjenner du våre vilkår for bruk",
       loginResourcePitch: "Ønsker du å favorittmerke denne ressursen?",
-      loginWelcome: "Velkommen til NDLA! Her kan du organisere fagstoffet på din måte!",
+      loginWelcome: "Velkommen til Min NDLA!",
       welcome: "Velkommen til Min NDLA! Nå kan du lagre favorittressursene dine fra NDLA og organisere dem i mapper og med emneknagger.",
       read: {
         read: "Les",
@@ -1213,7 +1216,13 @@ const messages = {
       },
       recentFavourites: {
         title: "Nylig lagt til i mine mapper",
-        link: "Se alle mappene dine"
+        link: "Se alle mappene dine",
+        search: "Søk etter ressurser",
+        unauthorized: "Oops. Her var det tomt! Hjertemerk noen ressurser for å vise dem her."
+      },
+      favouriteSubjects: {
+        noFavorites: "Ingen favorittfag? Bruk hjerteknappen for å legge til favorittfag, så finner du dem enkelt igjen!",
+        search: "Se alle fag"
       },
       recentArenaPosts: {
         title: "Nye innlegg i arenaen",

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

@@ -1168,7 +1168,10 @@ declare const messages: {
             confirmDeleteAccountButton: string;
             myPage: string;
             deleteAccount: string;
+            loginPitch: string;
+            loginPitchButton: string;
             logout: string;
+            loginIngress: string;
             loginText: string;
             loginTextLink: string;
             loginTerms: string;
@@ -1195,6 +1198,12 @@ declare const messages: {
             recentFavourites: {
                 title: string;
                 link: string;
+                search: string;
+                unauthorized: string;
+            };
+            favouriteSubjects: {
+                noFavorites: string;
+                search: string;
             };
             recentArenaPosts: {
                 title: string;

package/lib/locale/messages-sma.js

@@ -1187,12 +1187,15 @@ const messages = {
       confirmDeleteAccountButton: "Slett konto",
       myPage: "Min side",
       deleteAccount: "Slett Min NDLA",
+      loginPitch: "Velkommen til Min NDLA! Her kan du lagre favorittressursene dine fra NDLA, organisere dem og dele dem med andre. Logg inn med din Feide-konto for å komme i gang.",
+      loginPitchButton: "Logg inn i Min NDLA",
       logout: "Logg ut av Min NDLA",
-      loginText: "For å kunne bruke tjenesten Min NDLA må du være elev eller jobbe på en skole i et fylke som er med i NDLA-samarbeidet. Vi ber om at du ikke skriver noe støtende, personsensitiv informasjon eller andre persondata i tekstfelt. Les vår ",
-      loginTextLink: "personvernerklæring her",
+      loginIngress: "Her kan du organisere fagstoffet på <b>din</b> måte! Bruk hjerteknappen til å markere dine favorittfag eller ressurser, og finne dem enkelt igjen.",
+      loginText: "For å kunne bruke tjenesten Min NDLA må du være elev eller jobbe på en skole i et fylke som er med i NDLA-samarbeidet.",
+      loginTextLink: "Les vår personvernerklæring her",
       loginTerms: "Logg på med Feide for å få tilgang. Ved å logge på godkjenner du våre vilkår for bruk",
       loginResourcePitch: "Ønsker du å favorittmerke denne ressursen?",
-      loginWelcome: "Velkommen til NDLA! Her kan du organisere fagstoffet på din måte!",
+      loginWelcome: "Velkommen til Min NDLA!",
       welcome: "Velkommen til Min NDLA! Nå kan du lagre favorittressursene dine fra NDLA og organisere dem i mapper og med emneknagger.",
       read: {
         read: "Les",
@@ -1213,7 +1216,13 @@ const messages = {
       },
       recentFavourites: {
         title: "Nylig lagt til i mine mapper",
-        link: "Se alle mappene dine"
+        link: "Se alle mappene dine",
+        search: "Søk etter ressurser",
+        unauthorized: "Oops. Her var det tomt! Hjertemerk noen ressurser for å vise dem her."
+      },
+      favouriteSubjects: {
+        noFavorites: "Ingen favorittfag? Bruk hjerteknappen for å legge til favorittfag, så finner du dem enkelt igjen!",
+        search: "Se alle fag"
       },
       recentArenaPosts: {
         title: "Nye innlegg i arenaen",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ndla/ui",
-  "version": "50.11.2",
+  "version": "50.11.3",
   "description": "UI component library for NDLA.",
   "license": "GPL-3.0",
   "main": "lib/index.js",
@@ -31,22 +31,22 @@
     "types"
   ],
   "dependencies": {
-    "@ndla/accordion": "^3.0.34",
-    "@ndla/button": "^12.0.37",
-    "@ndla/carousel": "^4.0.35",
+    "@ndla/accordion": "^3.0.35",
+    "@ndla/button": "^12.0.38",
+    "@ndla/carousel": "^4.0.36",
     "@ndla/core": "^4.5.0",
     "@ndla/dropdown-menu": "^1.0.31",
-    "@ndla/forms": "^7.0.6",
+    "@ndla/forms": "^7.0.7",
     "@ndla/hooks": "^2.1.5",
-    "@ndla/icons": "^5.1.1",
+    "@ndla/icons": "^6.0.0",
     "@ndla/licenses": "^7.2.5",
-    "@ndla/modal": "^5.0.34",
-    "@ndla/notion": "^6.0.35",
-    "@ndla/safelink": "^4.1.62",
-    "@ndla/select": "^3.3.9",
+    "@ndla/modal": "^5.0.35",
+    "@ndla/notion": "^6.0.36",
+    "@ndla/safelink": "^5.0.0",
+    "@ndla/select": "^3.3.10",
     "@ndla/switch": "^1.1.37",
-    "@ndla/tabs": "^3.2.17",
-    "@ndla/tooltip": "^6.0.20",
+    "@ndla/tabs": "^4.0.0",
+    "@ndla/tooltip": "^7.0.0",
     "@ndla/typography": "^0.4.14",
     "@ndla/util": "^4.0.4",
     "@radix-ui/react-popover": "^1.0.7",
@@ -81,5 +81,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "5ac9e67ee442dcf0a20d9161078ff6ba615cc438"
+  "gitHead": "ae7b0eeb9ec17066999f7d2186bd31251b88ed4b"
 }

package/src/AudioPlayer/AudioPlayer.tsx

@@ -12,7 +12,7 @@ import styled from "@emotion/styled";
 import { ButtonV2 } from "@ndla/button";
 import { breakpoints, colors, fonts, mq, spacing } from "@ndla/core";
 import { Cross as CrossIcon } from "@ndla/icons/action";
-import SafeLink from "@ndla/safelink";
+import { SafeLink } from "@ndla/safelink";
 import { Heading, Text } from "@ndla/typography";
 import Controls from "./Controls";
 import SpeechControl from "./SpeechControl";

package/src/AudioPlayer/SpeechControl.tsx

@@ -10,7 +10,7 @@ import { useRef } from "react";
 import { useTranslation } from "react-i18next";
 import { IconButtonV2 } from "@ndla/button";
 import { VolumeUp } from "@ndla/icons/common";
-import Tooltip from "@ndla/tooltip";
+import { Tooltip } from "@ndla/tooltip";
 
 type Props = {
   src: string;

package/src/BannerCard/BannerCard.tsx

@@ -8,7 +8,7 @@
 
 import styled from "@emotion/styled";
 import { colors, fonts, breakpoints, mq } from "@ndla/core";
-import SafeLink from "@ndla/safelink";
+import { SafeLink } from "@ndla/safelink";
 import { Image } from "..";
 
 const BannerWrapper = styled.div`

package/src/BlogPost/BlogPost.tsx

@@ -10,7 +10,7 @@ import { useTranslation } from "react-i18next";
 import { css } from "@emotion/react";
 import styled from "@emotion/styled";
 import { breakpoints, colors, fonts, misc, mq, spacing } from "@ndla/core";
-import SafeLink from "@ndla/safelink";
+import { SafeLink } from "@ndla/safelink";
 import { HeadingLevel } from "@ndla/typography";
 import { getPossiblyRelativeUrl } from "../utils/relativeUrl";
 

package/src/Breadcrumb/BreadcrumbItem.tsx

@@ -11,7 +11,7 @@ import { css } from "@emotion/react";
 import styled from "@emotion/styled";
 import { mq, spacing, breakpoints } from "@ndla/core";
 import { ChevronRight } from "@ndla/icons/common";
-import SafeLink from "@ndla/safelink";
+import { SafeLink } from "@ndla/safelink";
 
 export interface SimpleBreadcrumbItem {
   to: string | Partial<Location>;

package/src/Breadcrumb/HeaderBreadcrumb.tsx

@@ -9,7 +9,7 @@
 import styled from "@emotion/styled";
 import { colors, fonts, spacing } from "@ndla/core";
 import { ChevronRight } from "@ndla/icons/common";
-import SafeLink from "@ndla/safelink";
+import { SafeLink } from "@ndla/safelink";
 import Breadcrumb from "./Breadcrumb";
 import { IndexedBreadcrumbItem, SimpleBreadcrumbItem } from "./BreadcrumbItem";
 

package/src/Breadcrumb/HomeBreadcrumb.tsx

@@ -9,7 +9,7 @@
 import styled from "@emotion/styled";
 import { breakpoints, colors, fonts, mq, spacing } from "@ndla/core";
 import { ChevronRight, Home } from "@ndla/icons/common";
-import SafeLink from "@ndla/safelink";
+import { SafeLink } from "@ndla/safelink";
 import Breadcrumb from "./Breadcrumb";
 import { IndexedBreadcrumbItem, SimpleBreadcrumbItem } from "./BreadcrumbItem";
 

package/src/CampaignBlock/CampaignBlock.tsx

@@ -10,7 +10,7 @@ import { css } from "@emotion/react";
 import styled from "@emotion/styled";
 import { breakpoints, colors, fonts, spacing, mq, misc } from "@ndla/core";
 import { Forward } from "@ndla/icons/common";
-import SafeLink from "@ndla/safelink";
+import { SafeLink } from "@ndla/safelink";
 import { HeadingLevel } from "@ndla/typography";
 import { getPossiblyRelativeUrl } from "../utils/relativeUrl";
 

package/src/CompetenceGoalTab/CompetenceGoalTab.tsx

@@ -13,8 +13,8 @@ import { ButtonV2 } from "@ndla/button";
 import { spacing } from "@ndla/core";
 import { BY, CC } from "@ndla/licenses";
 import { LicenseByline } from "@ndla/notion";
-import SafeLink from "@ndla/safelink";
-import Tooltip from "@ndla/tooltip";
+import { SafeLink } from "@ndla/safelink";
+import { Tooltip } from "@ndla/tooltip";
 import CompetenceItem, { ListItemProp } from "./CompetenceItem";
 
 type CompetenceProps = {

package/src/CopyParagraphButton/CopyParagraphButton.tsx

@@ -11,7 +11,7 @@ import { useTranslation } from "react-i18next";
 import styled from "@emotion/styled";
 import { colors, stackOrder } from "@ndla/core";
 import { Link } from "@ndla/icons/common";
-import Tooltip from "@ndla/tooltip";
+import { Tooltip } from "@ndla/tooltip";
 import { copyTextToClipboard } from "@ndla/util";
 
 const ContainerDiv = styled.div`

package/src/CreatedBy/CreatedBy.tsx

@@ -8,7 +8,7 @@
 
 import styled from "@emotion/styled";
 import { colors, fonts } from "@ndla/core";
-import SafeLink from "@ndla/safelink";
+import { SafeLink } from "@ndla/safelink";
 import Logo from "../Logo";
 
 const Container = styled.div`

package/src/Embed/ConceptEmbed.tsx

@@ -16,7 +16,7 @@ import { IconButtonV2 } from "@ndla/button";
 import { breakpoints, colors, mq, spacing, stackOrder } from "@ndla/core";
 import { Cross } from "@ndla/icons/action";
 import { COPYRIGHTED } from "@ndla/licenses";
-import Tooltip from "@ndla/tooltip";
+import { Tooltip } from "@ndla/tooltip";
 import { ConceptMetaData } from "@ndla/types-embed";
 import { ConceptNotionV2, ConceptNotionData, ConceptType } from "./conceptComponents";
 import EmbedErrorPlaceholder from "./EmbedErrorPlaceholder";

package/src/Embed/UuDisclaimerEmbed.tsx

@@ -11,7 +11,7 @@ import { useTranslation } from "react-i18next";
 import styled from "@emotion/styled";
 import { spacing } from "@ndla/core";
 import { InformationOutline } from "@ndla/icons/common";
-import SafeLink from "@ndla/safelink";
+import { SafeLink } from "@ndla/safelink";
 import { UuDisclaimerMetaData } from "@ndla/types-embed";
 import { MessageBox } from "../Messages";
 interface Props {

package/src/ErrorMessage/ErrorMessage.tsx

@@ -9,7 +9,7 @@
 import { ReactNode } from "react";
 import styled from "@emotion/styled";
 import { colors, spacing, breakpoints } from "@ndla/core";
-import SafeLink from "@ndla/safelink";
+import { SafeLink } from "@ndla/safelink";
 
 const StyledErrorMessage = styled.article`
   text-align: center;

package/src/FileList/Format.tsx

@@ -9,7 +9,7 @@
 import styled from "@emotion/styled";
 import { colors, spacing } from "@ndla/core";
 import { Download } from "@ndla/icons/common";
-import SafeLink from "@ndla/safelink";
+import { SafeLink } from "@ndla/safelink";
 import { Text } from "@ndla/typography";
 import { FileFormat } from "./File";
 

package/src/Footer/FooterLinks.tsx

@@ -11,7 +11,7 @@ import { useTranslation } from "react-i18next";
 import styled from "@emotion/styled";
 import { spacing, fonts, colors, mq, breakpoints } from "@ndla/core";
 import { Launch } from "@ndla/icons/common";
-import SafeLink from "@ndla/safelink";
+import { SafeLink } from "@ndla/safelink";
 import { Heading } from "@ndla/typography";
 
 type FooterLinksProps = {

package/src/Frontpage/FrontpageAllSubjects.tsx

@@ -10,8 +10,8 @@ import { Fragment } from "react";
 import { useTranslation } from "react-i18next";
 import styled from "@emotion/styled";
 import { colors, fonts, mq, breakpoints } from "@ndla/core";
-import SafeLink from "@ndla/safelink";
-import Tabs from "@ndla/tabs";
+import { SafeLink } from "@ndla/safelink";
+import { Tabs } from "@ndla/tabs";
 import ContentLoader from "../ContentLoader";
 import { ToggleItem } from "../Filter";
 import { MessageBox } from "../Messages";

package/src/LearningPaths/LearningPathLastStepNavigation.tsx

@@ -11,7 +11,7 @@ import { useTranslation } from "react-i18next";
 import { css } from "@emotion/react";
 import styled from "@emotion/styled";
 import { fonts, spacing } from "@ndla/core";
-import SafeLink from "@ndla/safelink";
+import { SafeLink } from "@ndla/safelink";
 import { OneColumn, LayoutItem } from "../index";
 
 const TextWrapper = styled.div`

package/src/LearningPaths/LearningPathMenu.tsx

@@ -13,7 +13,7 @@ import styled from "@emotion/styled";
 import { colors, spacing, misc, mq, breakpoints } from "@ndla/core";
 import { useWindowSize } from "@ndla/hooks";
 import { ArrowExpandRight, ArrowExpandLeft } from "@ndla/icons/action";
-import Tooltip from "@ndla/tooltip";
+import { Tooltip } from "@ndla/tooltip";
 import LearningPathMenuAside from "./LearningPathMenuAside";
 import LearningPathMenuContent from "./LearningPathMenuContent";
 import LearningPathMenuIntro from "./LearningPathMenuIntro";

package/src/LearningPaths/LearningPathMenuContent.tsx

@@ -10,7 +10,7 @@ import { css } from "@emotion/react";
 import styled from "@emotion/styled";
 import { colors, spacing, spacingUnit, fonts, mq, breakpoints, animations, utils, stackOrder } from "@ndla/core";
 import { LearningPathRead } from "@ndla/icons/contentType";
-import SafeLink from "@ndla/safelink";
+import { SafeLink } from "@ndla/safelink";
 import { StepProps } from "./LearningPathMenu";
 import ContentTypeBadge from "../ContentTypeBadge";
 import constants from "../model";

package/src/LearningPaths/LearningPathSticky.tsx

@@ -12,7 +12,7 @@ import { css } from "@emotion/react";
 import styled from "@emotion/styled";
 import { animations, breakpoints, colors, mq, spacing, stackOrder } from "@ndla/core";
 import { Back, Forward } from "@ndla/icons/common";
-import SafeLink from "@ndla/safelink";
+import { SafeLink } from "@ndla/safelink";
 
 const FOOTER_HEIGHT = "78px";
 const FOOTER_HEIGHT_MOBILE = spacing.large;

package/src/LicenseByline/LicenseLink.tsx

@@ -8,7 +8,7 @@
 
 import styled from "@emotion/styled";
 import { colors, fonts } from "@ndla/core";
-import SafeLink from "@ndla/safelink";
+import { SafeLink } from "@ndla/safelink";
 import { LicenseType } from "./EmbedByline";
 
 interface Props {

package/src/LinkBlock/LinkBlock.tsx

@@ -12,7 +12,7 @@ import { useMemo } from "react";
 import styled from "@emotion/styled";
 import { breakpoints, colors, spacing, mq } from "@ndla/core";
 import { Forward, CalendarEd } from "@ndla/icons/common";
-import SafeLink from "@ndla/safelink";
+import { SafeLink } from "@ndla/safelink";
 import { LinkBlockEmbedData } from "@ndla/types-embed";
 import { Heading } from "@ndla/typography";
 import { getPossiblyRelativeUrl } from "../utils/relativeUrl";

package/src/Logo/Logo.tsx

@@ -10,7 +10,7 @@ import { useMemo } from "react";
 import { SerializedStyles, css } from "@emotion/react";
 import styled from "@emotion/styled";
 import { colors } from "@ndla/core";
-import SafeLink from "@ndla/safelink";
+import { SafeLink } from "@ndla/safelink";
 import SvgLogo from "./SvgLogo";
 
 interface Props {

package/src/MediaList/MediaList.tsx

@@ -18,7 +18,7 @@ import {
 } from "@ndla/licenses";
 import type { MetaType } from "@ndla/licenses";
 import { LicenseDescription } from "@ndla/notion";
-import SafeLink from "@ndla/safelink";
+import { SafeLink } from "@ndla/safelink";
 import { Text } from "@ndla/typography";
 import { uuid } from "@ndla/util";
 

package/src/NDLAFilm/AllMoviesAlphabetically.tsx

@@ -12,7 +12,7 @@ import { RefObject, useMemo, useRef } from "react";
 import { useTranslation } from "react-i18next";
 import styled from "@emotion/styled";
 import { breakpoints, mq, spacing, spacingUnit, colors } from "@ndla/core";
-import SafeLink from "@ndla/safelink";
+import { SafeLink } from "@ndla/safelink";
 import { MovieType } from "./types";
 import { makeSrcQueryString } from "../Image";
 

package/src/NDLAFilm/FilmContentCard.tsx

@@ -9,7 +9,7 @@
 import { HTMLAttributes } from "react";
 import styled from "@emotion/styled";
 import { spacing, colors, fonts, breakpoints, misc, mq } from "@ndla/core";
-import SafeLink from "@ndla/safelink";
+import { SafeLink } from "@ndla/safelink";
 import FilmContentCardTags from "./FilmContentCardTags";
 import { MovieResourceType, MovieType } from "./types";
 import { makeSrcQueryString } from "../Image";

package/src/NDLAFilm/FilmMovieSearch.tsx

@@ -10,7 +10,7 @@ import { useCallback, useMemo } from "react";
 import { useTranslation } from "react-i18next";
 import styled from "@emotion/styled";
 import { spacing, mq, breakpoints, colors } from "@ndla/core";
-import SafeLink from "@ndla/safelink";
+import { SafeLink } from "@ndla/safelink";
 import { Option, Select, SingleValue } from "@ndla/select";
 import { StyledHeadingH2 } from "./filmStyles";
 import { MovieResourceType } from "./types";

package/src/NDLAFilm/FilmSlideshow.tsx

@@ -12,7 +12,7 @@ import { IconButtonV2 } from "@ndla/button";
 import { Carousel } from "@ndla/carousel";
 import { breakpoints, colors, misc, mq, spacing } from "@ndla/core";
 import { ChevronLeft, ChevronRight } from "@ndla/icons/common";
-import SafeLink from "@ndla/safelink";
+import { SafeLink } from "@ndla/safelink";
 import FilmContentCard from "./FilmContentCard";
 import { MovieType } from "./types";
 import Image from "../Image";

package/src/ProgrammeCard/ProgrammeCard.tsx

@@ -8,7 +8,7 @@
 
 import styled from "@emotion/styled";
 import { spacing, colors, misc, breakpoints, mq, fonts } from "@ndla/core";
-import SafeLink from "@ndla/safelink";
+import { SafeLink } from "@ndla/safelink";
 
 interface Image {
   src: string;

package/src/RelatedArticleList/RelatedArticleList.tsx

@@ -11,7 +11,7 @@ import { useTranslation } from "react-i18next";
 import styled from "@emotion/styled";
 import { ButtonV2 } from "@ndla/button";
 import { breakpoints, colors, fonts, mq, spacing } from "@ndla/core";
-import SafeLink from "@ndla/safelink";
+import { SafeLink } from "@ndla/safelink";
 import { Heading, HeadingLevel, Text } from "@ndla/typography";
 import ContentTypeBadge from "../ContentTypeBadge";
 import { contentTypes } from "../model/ContentType";

package/src/Resource/resourceComponents.tsx

@@ -14,7 +14,7 @@ import { IconButtonV2 } from "@ndla/button";
 import { colors, fonts, spacing, stackOrder } from "@ndla/core";
 import { DropdownMenu, DropdownContent, DropdownTrigger, DropdownItem } from "@ndla/dropdown-menu";
 import { HashTag } from "@ndla/icons/common";
-import SafeLink, { SafeLinkButton } from "@ndla/safelink";
+import { SafeLink, SafeLinkButton } from "@ndla/safelink";
 import { resourceEmbedTypeMapping } from "../model/ContentType";
 import resourceTypeColor from "../utils/resourceTypeColor";
 

package/src/ResourceGroup/ResourceItem.tsx

@@ -12,7 +12,7 @@ import { keyframes } from "@emotion/react";
 import styled from "@emotion/styled";
 import { breakpoints, colors, fonts, misc, mq, spacing } from "@ndla/core";
 import { Additional, Core, HumanMaleBoard } from "@ndla/icons/common";
-import SafeLink from "@ndla/safelink";
+import { SafeLink } from "@ndla/safelink";
 import ContentTypeBadge from "../ContentTypeBadge";
 import * as contentTypes from "../model/ContentType";
 import { Resource } from "../types";

package/src/ResourcesWrapper/ResourcesTopicTitle.tsx

@@ -13,7 +13,7 @@ import { breakpoints, colors, fonts, mq, spacing } from "@ndla/core";
 import { LearningPathQuiz } from "@ndla/icons/contentType";
 import { ModalBody, ModalHeader, ModalCloseButton, Modal, ModalTitle, ModalTrigger, ModalContent } from "@ndla/modal";
 import { Switch } from "@ndla/switch";
-import Tooltip from "@ndla/tooltip";
+import { Tooltip } from "@ndla/tooltip";
 
 interface HelpIconProps {
   invertedStyle: boolean;

package/src/Search/ActiveFilters.tsx

@@ -10,7 +10,7 @@ import { useTranslation } from "react-i18next";
 import { css } from "@emotion/react";
 import styled from "@emotion/styled";
 import { spacing, mq, breakpoints } from "@ndla/core";
-import Tooltip from "@ndla/tooltip";
+import { Tooltip } from "@ndla/tooltip";
 import ActiveFilterContent, { StyledActiveFilterTitle } from "./ActiveFilterContent";
 
 interface StyledActiveFiltersProps {

package/src/Search/ContentTypeResult.tsx

@@ -10,8 +10,8 @@ import { ReactElement, useEffect, useRef, useState } from "react";
 import { useTranslation } from "react-i18next";
 import { ButtonV2 } from "@ndla/button";
 import { Additional, ChevronDown, ChevronUp } from "@ndla/icons/common";
-import SafeLink from "@ndla/safelink";
-import Tooltip from "@ndla/tooltip";
+import { SafeLink } from "@ndla/safelink";
+import { Tooltip } from "@ndla/tooltip";
 import {
   highlightStyle,
   noWidthhighlightStyle,

package/src/Search/SearchResult.tsx

@@ -12,8 +12,8 @@ import styled from "@emotion/styled";
 import { fonts, mq, spacing, breakpoints, colors, spacingUnit } from "@ndla/core";
 import { Spinner } from "@ndla/icons";
 import { ChevronRight } from "@ndla/icons/common";
-import SafeLink from "@ndla/safelink";
-import Tooltip from "@ndla/tooltip";
+import { SafeLink } from "@ndla/safelink";
+import { Tooltip } from "@ndla/tooltip";
 import { uuid } from "@ndla/util";
 
 interface ItemType {

package/src/Search/SearchResultSleeve.tsx

@@ -11,7 +11,7 @@ import { useTranslation } from "react-i18next";
 import styled from "@emotion/styled";
 import { breakpoints, colors, fonts, misc, mq, spacing } from "@ndla/core";
 import { ChevronDown, ChevronUp, Esc, KeyboardReturn, Search as SearchIcon, Wrench } from "@ndla/icons/common";
-import SafeLink from "@ndla/safelink";
+import { SafeLink } from "@ndla/safelink";
 import ContentTypeResult from "./ContentTypeResult";
 import { highlightStyle } from "./ContentTypeResultStyles";
 import { ContentTypeResultType, Resource } from "../types";

package/src/SearchTypeResult/ActiveFilters.tsx

@@ -12,7 +12,7 @@ import { css } from "@emotion/react";
 import styled from "@emotion/styled";
 import { ButtonV2 } from "@ndla/button";
 import { spacing, mq, breakpoints } from "@ndla/core";
-import Tooltip from "@ndla/tooltip";
+import { Tooltip } from "@ndla/tooltip";
 import ActiveFilterContent, { FilterProps, StyledActiveFilterTitle } from "./ActiveFilterContent";
 
 type StyledActiveFiltersProps = {