@ndla/ui 54.0.0 → 54.0.2

package/src/Search/SearchResultSleeve.tsx

@@ -349,11 +349,11 @@ const SearchResultSleeve = ({
         <StyledInstructions>
           <ChevronUp />
           <ChevronDown />
-          <span>Naviger med piltastene</span>
+          <span>{t("siteNav.navigate")}</span>
           <KeyboardReturn />
-          <span>Velg</span>
+          <span>{t("siteNav.select")}</span>
           <Esc />
-          <span>Lukk søk</span>
+          <span>{t("siteNav.close")}</span>
         </StyledInstructions>
       </StyledFooter>
     </StyledSearchResultsWrapper>

package/src/Table/Table.stories.tsx

@@ -697,3 +697,42 @@ export const WithColumnWidth: StoryFn = () => (
     </tbody>
   </Table>
 );
+
+export const WithCellAlignment: StoryFn = () => (
+  <Table>
+    <thead>
+      <tr>
+        <th style={{ width: "33.333%" }}>Fremragende</th>
+        <th style={{ width: "33.333%" }}>Kompetent</th>
+        <th style={{ width: "33.333%" }}>På vei</th>
+      </tr>
+    </thead>
+    <tbody>
+      <tr>
+        <td data-align="left">mestrer ulike formater for nettreklame</td>
+        <td data-align="center">mestrer ett format godt, og er på god vei til å mestre flere</td>
+        <td data-align="right">mestrer ett reklameformat</td>
+      </tr>
+      <tr>
+        <td data-align="left">bruker de samme prinsippene for layout og komposisjon i begge annonsene</td>
+        <td data-align="center">bruker layout og komposisjon i annonsene</td>
+        <td data-align="right">
+          bruker til dels prinsipper for layout og komposisjon, men hvilke og hvor de er brukt, kan være uklart
+        </td>
+      </tr>
+      <tr>
+        <td data-align="left">har reflekterte argumenter for hvorfor farger og fonter er valgt og prioritert</td>
+        <td data-align="center">bruker farger og fonter som virkemidler i annonsene</td>
+        <td data-align="right">Noen designvalg er gode, andre er mindre gjennomført.</td>
+      </tr>
+      <tr>
+        <td data-align="left">Godt teknisk håndverk kjennetegner annonsene.</td>
+        <td data-align="center">Dette er bra, men noen elementer og piksler er upresist plassert eller på avveier.</td>
+        <td data-align="right">
+          Noen elementer er godt bearbeidet, men det gjenstår litt før annonsen er ferdig designet.
+        </td>
+      </tr>
+      <tr />
+    </tbody>
+  </Table>
+);

package/src/Table/Table.tsx

@@ -173,6 +173,17 @@ export const TableStyling = css`
     display: table-cell;
     padding: ${spacing.xsmall} ${spacing.small};
 
+    &[data-align="center"] {
+      text-align: center;
+    }
+
+    &[data-align="right"] {
+      text-align: right;
+    }
+
+    &[data-align="left"] {
+      text-align: left;
+    }
     p {
       margin: 0;
     }

package/src/TreeStructure/FolderItem.tsx

@@ -119,7 +119,7 @@ const FolderNameLink = styled(SafeLink)`
   border: none;
   box-shadow: none;
   color: ${colors.text.primary};
-  font-size: ${fonts.sizes("16px")};
+  ${fonts.sizes("16px")};
   transition: ${animations.durations.superFast};
   word-break: break-word;
   &[data-selected="true"] {

package/src/locale/messages-en.ts

@@ -100,6 +100,10 @@ const messages = {
   movedResourcePage: {
     title: "The page has been moved, but you can find it here:",
   },
+  unpublishedResourcePage: {
+    title: "Resource is unpublished",
+    errorDescription: "The resource you are looking for has been unpublished.",
+  },
   lti: {
     embed: "Embed",
     notSupported:
@@ -940,11 +944,15 @@ const messages = {
       sharing: {
         share: "Share folder",
         shared: "Shared",
+        sharedBy: "Shared by ",
+        sharedByAnonymous: "anonymous teacher",
         sharedFolder: "Shared folder",
         unShare: "Sharing stopped. The folder is no longer shared",
         copyLink: "Copy link to folder",
+        removeLink: "Remove link to folder",
         link: "Link is copied",
         savedLink: "Link to {{ name }} has been added to My folders.",
+        unSavedLink: "Link to {{ name }} has been removed from My folders.",
         header: {
           shared: "This folder is shared",
         },
@@ -970,6 +978,7 @@ const messages = {
           unShare: "Stop sharing",
           shareLink: "Copy link",
           saveLink: "Save the link",
+          unSaveLink: "Remove the link",
         },
         save: {
           warning:
@@ -1062,6 +1071,8 @@ const messages = {
         },
         fetchMore: "Fetch more answers",
         deleted: "This post has been deleted by the author.",
+        upvote: "Upvote",
+        removeUpvote: "Remove upvote",
       },
       flag: {
         title: "Report post / comment",
@@ -1363,6 +1374,9 @@ const messages = {
   },
   siteNav: {
     search: "Search",
+    navigate: "Navigate using the arrow keys",
+    select: "Select",
+    close: "Close search",
   },
   programmes: {
     header: "What do you want to learn today?",

package/src/locale/messages-nb.ts

@@ -100,6 +100,10 @@ const messages = {
   movedResourcePage: {
     title: "Siden har flyttet, men du kan finne den her:",
   },
+  unpublishedResourcePage: {
+    title: "Ressursen er avpublisert",
+    errorDescription: "Beklager, ressursen du prøvde komme til er avpublisert.",
+  },
   lti: {
     embed: "Sett inn",
     notSupported:
@@ -940,11 +944,15 @@ const messages = {
       sharing: {
         share: "Del mappe",
         shared: "Delt",
+        sharedBy: "Delt av ",
+        sharedByAnonymous: "anonym lærer",
         sharedFolder: "Delt mappe",
         unShare: "Delingen er avsluttet. Mappen er ikke lenger delt.",
         copyLink: "Kopier lenke til mappa",
+        removeLink: "Fjern lenke til mappe",
         link: "Lenken er kopiert",
         savedLink: "Lenke til  {{ name }} er lagt til i Mine mapper.",
+        unSavedLink: "Lenke til  {{ name }} er fjernet fra Mine mapper.",
         header: {
           shared: "Denne mappa er delt",
         },
@@ -970,6 +978,7 @@ const messages = {
           unShare: "Avslutt deling",
           shareLink: "Kopier lenke",
           saveLink: "Lagre lenken",
+          unSaveLink: "Fjern lenken",
         },
         save: {
           warning:
@@ -1063,6 +1072,8 @@ const messages = {
         },
         fetchMore: "Hent flere svar",
         deleted: "Dette innlegget er slettet av forfatteren.",
+        upvote: "Stem opp",
+        removeUpvote: "Fjern stemme",
       },
       flag: {
         title: "Rapporter innlegg / kommentar",
@@ -1363,6 +1374,9 @@ const messages = {
   },
   siteNav: {
     search: "Søk",
+    navigate: "Naviger med piltastene",
+    select: "Velg",
+    close: "Lukk søk",
   },
   programmes: {
     header: "Hva vil du lære om i dag?",

package/src/locale/messages-nn.ts

@@ -100,6 +100,10 @@ const messages = {
   movedResourcePage: {
     title: "Sida har flytta, men du kan finne den her:",
   },
+  unpublishedResourcePage: {
+    title: "Ressursen er avpublisert",
+    errorDescription: "Orsak, ressursen du prøvde komme til er avpublisert.",
+  },
   lti: {
     embed: "Sett inn",
     notSupported:
@@ -940,11 +944,15 @@ const messages = {
       sharing: {
         share: "Del mappe",
         shared: "Delt",
+        sharedBy: "Delt av ",
+        sharedByAnonymous: "anonym lærar",
         sharedFolder: "Delt mappe",
         unShare: "Delinga er avslutta. Mappa er ikkje lenger delt",
         link: "Lenka er kopiert",
-        savedLink: "Lenka til  {{ name }} er lagt til i Mine mapper.",
         copyLink: "Kopier lenke til mappa",
+        removeLink: "Fjern lenke til mappe",
+        savedLink: "Lenka til  {{ name }} er lagt til i Mine mapper.",
+        unSavedLink: "Lenka til  {{ name }} er fjernet fra Mine mapper.",
         header: {
           shared: "Denne mappa er delt",
         },
@@ -970,6 +978,7 @@ const messages = {
           unShare: "Avslutt deling",
           shareLink: "Kopier lenke",
           saveLink: "Lagre lenka",
+          unSaveLink: "Fjern lenken",
         },
         save: {
           warning:
@@ -1063,6 +1072,8 @@ const messages = {
         },
         fetchMore: "Hent fleire svar",
         deleted: "Dette innlegget er sletta av forfatteren.",
+        upvote: "Stem opp",
+        removeUpvote: "Fjern stemme",
       },
       flag: {
         title: "Rapporter innlegg / kommentar",
@@ -1362,6 +1373,9 @@ const messages = {
   },
   siteNav: {
     search: "Søk",
+    navigate: "Naviger med piltastane",
+    select: "Velg",
+    close: "Lukk søk",
   },
   programmes: {
     header: "Kva vil du lære om i dag?",

package/src/locale/messages-se.ts

@@ -100,6 +100,10 @@ const messages = {
   movedResourcePage: {
     title: "Siidu lea sirdojuvvon, muhto gávnnat dan dás:",
   },
+  unpublishedResourcePage: {
+    title: "Ressursen er avpublisert",
+    errorDescription: "Beklager, ressursen du prøvde komme til er avpublisert.",
+  },
   lti: {
     embed: "Deavdde",
     notSupported:
@@ -942,11 +946,15 @@ const messages = {
       sharing: {
         share: "Del mappe",
         shared: "Delt",
+        sharedBy: "Delt av ",
+        sharedByAnonymous: "anonym lærer",
         sharedFolder: "Delt mappe",
         unShare: "Delingen er avsluttet. Mappen er ikke lenger delt.",
         copyLink: "Kopier lenke til mappa",
+        removeLink: "Fjern lenke til mappe",
         link: "Lenken er kopiert",
         savedLink: "Lenke til  {{ name }} er lagt til i Mine mapper.",
+        unSavedLink: "Lenke til  {{ name }} er fjernet fra Mine mapper.",
         header: {
           shared: "Denne mappa er delt",
         },
@@ -972,6 +980,7 @@ const messages = {
           unShare: "Avslutt deling",
           shareLink: "Kopier lenke",
           saveLink: "Lagre lenken",
+          unSaveLink: "Fjern lenken",
         },
         save: {
           warning:
@@ -1065,6 +1074,8 @@ const messages = {
         },
         fetchMore: "Hent flere svar",
         deleted: "Dette innlegget er slettet av forfatteren.",
+        upvote: "Stem opp",
+        removeUpvote: "Fjern stemme",
       },
       flag: {
         title: "Rapporter innlegg / kommentar",
@@ -1365,6 +1376,9 @@ const messages = {
   },
   siteNav: {
     search: "Oza",
+    navigate: "Naviger med piltastene",
+    select: "Velg",
+    close: "Lukk søk",
   },
   programmes: {
     header: "Maid háliidat oahppat odne?",

package/src/locale/messages-sma.ts

@@ -100,6 +100,10 @@ const messages = {
   movedResourcePage: {
     title: "Sæjroe ij leah daesnie, men maahtah dam daesnie gaavnedh:",
   },
+  unpublishedResourcePage: {
+    title: "Ressursen er avpublisert",
+    errorDescription: "Beklager, ressursen du prøvde komme til er avpublisert.",
+  },
   lti: {
     embed: "Lissehth",
     notSupported:
@@ -944,11 +948,15 @@ const messages = {
       sharing: {
         share: "Del mappe",
         shared: "Delt",
+        sharedBy: "Delt av ",
+        sharedByAnonymous: "anonym lærer",
         sharedFolder: "Delt mappe",
         unShare: "Delingen er avsluttet. Mappen er ikke lenger delt.",
         copyLink: "Kopier lenke til mappa",
+        removeLink: "Fjern lenke til mappe",
         link: "Lenken er kopiert",
         savedLink: "Lenke til  {{ name }} er lagt til i Mine mapper.",
+        unSavedLink: "Lenke til  {{ name }} er fjernet fra Mine mapper.",
         header: {
           shared: "Denne mappa er delt",
         },
@@ -974,6 +982,7 @@ const messages = {
           unShare: "Avslutt deling",
           shareLink: "Kopier lenke",
           saveLink: "Lagre lenken",
+          unSaveLink: "Fjern lenken",
         },
         save: {
           warning:
@@ -1067,6 +1076,8 @@ const messages = {
         },
         fetchMore: "Hent flere svar",
         deleted: "Dette innlegget er slettet av forfatteren.",
+        upvote: "Stem opp",
+        removeUpvote: "Fjern stemme",
       },
       flag: {
         title: "Rapporter innlegg / kommentar",
@@ -1367,6 +1378,9 @@ const messages = {
   },
   siteNav: {
     search: "Ohtsh",
+    navigate: "Naviger med piltastene",
+    select: "Velg",
+    close: "Lukk søk",
   },
   programmes: {
     header: "Maam sïjhth daan biejjien lïeredh ?",