@ndla/ui 35.0.2 → 35.0.4

package/src/Article/ArticleSideBar.tsx

@@ -1,8 +1,6 @@
-import React, { MouseEvent, ReactNode, RefObject, useEffect, useState } from 'react';
+import React, { ReactNode } from 'react';
 import { CopyButton, ButtonV2 } from '@ndla/button';
 import styled from '@emotion/styled';
-import SafeLink from '@ndla/safelink';
-import { fonts } from '@ndla/core';
 import Modal, { ModalHeader, ModalBody, ModalCloseButton } from '@ndla/modal';
 import { copyTextToClipboard } from '@ndla/util';
 import { useTranslation } from 'react-i18next';
@@ -20,44 +18,12 @@ const ButtonWrapper = styled.div`
   width: 100%;
 `;
 
-type CursorWrapperProps = {
-  hide: boolean;
-};
-const CursorWrapper = styled.div<CursorWrapperProps>`
-  font-family: 'Shadows Into Light Two';
-  font-display: swap;
-  width: 120px;
-  font-family: 'Shadows Into Light Two', cursive;
-  margin-top: 40px;
-  background-image: url("data:image/svg+xml,%3Csvg width='10' height='46' viewBox='0 0 10 46' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.7626 0.887965L4.52762 0.446621L3.64494 0.91658L3.87992 1.35792L4.7626 0.887965ZM8.03372 45.2321L8.46374 39.4747L3.26262 41.981L8.03372 45.2321ZM4.32126 1.12294C3.87992 1.35792 3.8798 1.3577 3.87969 1.3575C3.87968 1.35748 3.87959 1.35731 3.87956 1.35726C3.87951 1.35716 3.87952 1.35717 3.87959 1.35731C3.87973 1.35758 3.88012 1.35832 3.88076 1.35954C3.88203 1.36199 3.88428 1.36633 3.88747 1.3726C3.89384 1.38513 3.90397 1.40533 3.91755 1.43329C3.9447 1.48921 3.98562 1.57616 4.0378 1.69484C4.14215 1.9322 4.29157 2.29653 4.46596 2.79343C4.8147 3.78714 5.2635 5.31159 5.65136 7.41155C6.42699 11.611 6.95965 18.1161 5.95809 27.2851L6.95217 27.3937C7.96354 18.1349 7.42926 11.5317 6.63473 7.22992C6.2375 5.07924 5.77541 3.5048 5.40953 2.46228C5.22661 1.94106 5.06779 1.55294 4.95323 1.29237C4.89595 1.16209 4.84974 1.06371 4.81713 0.996535C4.80082 0.96295 4.78791 0.937167 4.77872 0.9191C4.77413 0.910067 4.77046 0.902963 4.76776 0.897778C4.76641 0.895185 4.7653 0.893072 4.76444 0.891437C4.76401 0.890619 4.76364 0.889921 4.76333 0.889343C4.76318 0.889054 4.763 0.888709 4.76292 0.888565C4.76276 0.88825 4.7626 0.887965 4.32126 1.12294ZM5.95809 27.2851C5.19358 34.284 5.23105 38.5891 5.58488 41.2448L6.57612 41.1128C6.23761 38.5721 6.19146 34.3579 6.95217 27.3937L5.95809 27.2851Z' fill='%2320588F'/%3E%3C/svg%3E%0A");
-  background-position: bottom center;
-  background-repeat: no-repeat;
-  ${(p) => p.hide && 'opacity:0;'}
-  transition-duration: 0.5s;
-  padding-bottom: 60px;
-`;
-
-const LinkText = styled.div`
-  transform: rotate(-4.15deg);
-  text-align: center;
-
-  ${fonts.sizes('18px', '26px')};
-`;
-
-type Props = {
-  linkToResources?: string;
-  onLinkToResourcesClick?: (e: MouseEvent<HTMLElement>) => void;
+interface Props {
   copyPageUrlLink?: string;
   licenseBox?: ReactNode;
-  resourcesRef?: RefObject<HTMLElement>;
-};
-const ArticleSideBar = ({
-  linkToResources,
-  onLinkToResourcesClick,
-  copyPageUrlLink,
-  licenseBox,
-  resourcesRef,
-}: Props) => {
+}
+
+const ArticleSideBar = ({ copyPageUrlLink, licenseBox }: Props) => {
   const { t } = useTranslation();
   const copyLinkHandler = () => {
     if (copyPageUrlLink) {
@@ -65,21 +31,6 @@ const ArticleSideBar = ({
     }
   };
 
-  const [hide, setHide] = useState(Boolean(false));
-  useEffect(() => {
-    window.onscroll = function () {
-      if (!resourcesRef?.current) {
-        return;
-      }
-      //TOP
-      if (resourcesRef.current.getBoundingClientRect().top <= 0) {
-        setHide(true);
-      } else if (resourcesRef.current.getBoundingClientRect().top >= 0) {
-        setHide(false);
-      }
-    };
-  });
-
   return (
     <Wrapper>
       {copyPageUrlLink && (
@@ -113,17 +64,6 @@ const ArticleSideBar = ({
           )}
         </Modal>
       )}
-      {linkToResources && (
-        <CursorWrapper hide={hide}>
-          <LinkText>
-            <SafeLink
-              to={linkToResources}
-              onClick={(e: MouseEvent<HTMLElement>) => onLinkToResourcesClick && onLinkToResourcesClick(e)}>
-              Hopp til fagressursene
-            </SafeLink>
-          </LinkText>
-        </CursorWrapper>
-      )}
     </Wrapper>
   );
 };

package/src/AudioPlayer/Controls.tsx

@@ -10,9 +10,10 @@ import React, { useEffect, useRef, useState } from 'react';
 import styled from '@emotion/styled';
 import { Menu, MenuButton, MenuItem, MenuPopover, MenuItems, MenuItemProps } from '@reach/menu-button';
 import { SliderInput, SliderTrack, SliderRange, SliderHandle, SliderOrientation } from '@reach/slider';
-import { Play, Pause } from '@ndla/icons/common';
+import { Play, Pause, VolumeUp } from '@ndla/icons/common';
 import { breakpoints, colors, fonts, misc, mq, spacing } from '@ndla/core';
 import { useTranslation } from 'react-i18next';
+import { Back15, Forward15 } from '@ndla/icons/action';
 
 const ControlsWrapper = styled.div`
   border: 1px solid ${colors.brand.lighter};
@@ -84,13 +85,21 @@ const ForwardRewindButton = styled.button`
 `;
 
 const Forward15SecButton = styled(ForwardRewindButton)`
-  background-image: url("data:image/svg+xml,%3Csvg width='25' height='25' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.8358 20.8769C17.7849 22.6711 15.1504 23.6564 12.4254 23.6482C9.70049 23.6401 7.07191 22.6391 5.03176 20.8326C2.99161 19.0262 1.67975 16.5381 1.34176 13.8342C1.00377 11.1303 1.66282 8.39585 3.19553 6.1428C4.72825 3.88975 7.02955 2.27253 9.66866 1.59387C12.3078 0.915214 15.1037 1.22165 17.5332 2.45581C19.9627 3.68998 21.8591 5.76726 22.8674 8.2988M23.5676 1.29649L23.5676 8.2988L16.5653 8.2988' stroke='%23184673' stroke-width='1.52778' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
+  svg {
+    fill: ${colors.brand.primary};
+    width: 24px;
+    height: 24px;
+  }
   ${mq.range({ until: breakpoints.tabletWide })} {
     order: 3;
   }
 `;
 const Back15SecButton = styled(ForwardRewindButton)`
-  background-image: url("data:image/svg+xml,%3Csvg width='25' height='25' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.19004 21.3306C7.24095 23.1248 9.87547 24.11 12.6004 24.1019C15.3254 24.0937 17.954 23.0927 19.9941 21.2863C22.0343 19.4798 23.3461 16.9918 23.6841 14.2879C24.0221 11.5839 23.3631 8.84951 21.8303 6.59646C20.2976 4.3434 17.9963 2.72618 15.3572 2.04753C12.7181 1.36887 9.92213 1.67531 7.49267 2.90947C5.0632 4.14363 3.16681 6.22092 2.15848 8.75246M1.45825 1.75015L1.45825 8.75246L8.46057 8.75246' stroke='%23184673' stroke-width='1.52778' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
+  svg {
+    fill: ${colors.brand.primary};
+    width: 24px;
+    height: 24px;
+  }
   ${mq.range({ until: breakpoints.tabletWide })} {
     order: 5;
   }
@@ -249,7 +258,6 @@ const WardButtonWrapper = styled.div<{ order: number }>`
 
 const VolumeButton = styled(MenuButton)`
   background-color: inherit;
-  background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 10.6667C20.828 11.2877 21.5 12.0929 21.9628 13.0186C22.4257 13.9443 22.6667 14.9651 22.6667 16C22.6667 17.035 22.4257 18.0557 21.9628 18.9814C21.5 19.9071 20.828 20.7124 20 21.3334' stroke='%23184673' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M23.5999 6.66669C24.9918 7.79155 26.1145 9.21352 26.8858 10.8284C27.6571 12.4434 28.0574 14.2104 28.0574 16C28.0574 17.7897 27.6571 19.5567 26.8858 21.1716C26.1145 22.7865 24.9918 24.2085 23.5999 25.3334' stroke='%23184673' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8 20H5.33333C4.97971 20 4.64057 19.8595 4.39052 19.6095C4.14048 19.3594 4 19.0203 4 18.6666V13.3333C4 12.9797 4.14048 12.6406 4.39052 12.3905C4.64057 12.1405 4.97971 12 5.33333 12H8L12.6667 5.99998C12.7832 5.77362 12.9769 5.59641 13.2127 5.50037C13.4484 5.40433 13.7108 5.3958 13.9523 5.47631C14.1939 5.55682 14.3986 5.72107 14.5296 5.93937C14.6607 6.15768 14.7093 6.41564 14.6667 6.66665V25.3333C14.7093 25.5843 14.6607 25.8423 14.5296 26.0606C14.3986 26.2789 14.1939 26.4431 13.9523 26.5237C13.7108 26.6042 13.4484 26.5956 13.2127 26.4996C12.9769 26.4036 12.7832 26.2263 12.6667 26L8 20Z' stroke='%23184673' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
   width: 48px;
   height: 48px;
   border-radius: 50%;
@@ -258,6 +266,12 @@ const VolumeButton = styled(MenuButton)`
   background-repeat: no-repeat;
   cursor: pointer;
 
+  svg {
+    fill: ${colors.brand.primary};
+    width: 32px;
+    height: 32px;
+  }
+
   &:hover,
   &:active,
   &:focus,
@@ -431,7 +445,7 @@ const Controls = ({ src, title }: Props) => {
             onClick={() => {
               onSeekSeconds(-15);
             }}>
-            15
+            <Back15 />
           </Back15SecButton>
         </WardButtonWrapper>
 
@@ -473,7 +487,7 @@ const Controls = ({ src, title }: Props) => {
             onClick={() => {
               onSeekSeconds(15);
             }}>
-            15
+            <Forward15 />
           </Forward15SecButton>
         </WardButtonWrapper>
         <ProgressWrapper>
@@ -495,8 +509,9 @@ const Controls = ({ src, title }: Props) => {
               type="button"
               as="button"
               title={t('audio.controls.adjustVolume')}
-              aria-label={t('audio.controls.adjustVolume')}
-            />
+              aria-label={t('audio.controls.adjustVolume')}>
+              <VolumeUp />
+            </VolumeButton>
             <VolumeMenu as="div" portal={false}>
               <VolumeList>
                 <VolumeSliderWrapper>

package/src/Frontpage/FrontpageMultidisciplinarySubject.tsx

@@ -4,7 +4,6 @@ import styled from '@emotion/styled';
 import { spacing, breakpoints, mq } from '@ndla/core';
 import { useTranslation } from 'react-i18next';
 import SectionHeading from '../SectionHeading';
-import ComponentCursor from '../ComponentCursor';
 import { MultidisciplinarySubjectIllustration as Illustration } from './illustrations/FrontpageIllustrations';
 import { HeadingLevel } from '../types';
 
@@ -80,7 +79,6 @@ const FrontpageMultidisciplinarySubject = ({ url, topics, headingLevel }: Props)
   const { t } = useTranslation();
   return (
     <StyledSection>
-      <ComponentCursor variant="left" text={t('frontpageMultidisciplinarySubject.cursorText')} />
       <Wrapper>
         <Content>
           <SectionHeading headingLevel={headingLevel} large>

package/src/Frontpage/FrontpageProgramMenu.tsx

@@ -29,68 +29,13 @@ const StyledMenuItem = styled.span`
   font-weight: ${fonts.weight.semibold};
 `;
 
-const CursorPlaceholder = styled.div`
-  position: relative;
-  display: inline-block;
-`;
-
-const CursorWrapper = styled.div`
-  font-family: 'Shadows Into Light Two';
-  font-display: swap;
-  position: absolute;
-  top: -55px;
-  left: 38px;
-  display: none;
-  ${mq.range({ from: breakpoints.tabletWide })} {
-    display: flex;
-  }
-`;
-
-const CursorTextWrapper = styled.div`
-  display: flex;
-  flex-direction: column;
-  align-items: flex-end;
-`;
-
-const CursorText = styled.span`
-  display: inline-block;
-  padding-bottom: 10px;
-  font-family: 'Shadows Into Light Two', cursive;
-  width: 286px;
-  text-align: center;
-`;
-
-type CursorProps = { hide?: boolean };
-
-const Cursor = styled.div<CursorProps>`
-  color: #757575;
-  ${(props) =>
-    props.hide &&
-    `
-    `}
-`;
-
-const LeftCursor = styled(Cursor)`
-  width: 37px;
-  height: 39px;
-  margin-top: 26px;
-  background-image: url("data:image/svg+xml,%3Csvg width='37' height='39' viewBox='0 0 37 39' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M35.468 12.6697L35.836 12.3311L36.5131 13.0669L36.1452 13.4055L35.468 12.6697ZM1.00002 25.2236L6.37298 23.1107L5.51639 28.8203L1.00002 25.2236ZM35.8066 13.0376C36.1452 13.4055 36.1451 13.4056 36.145 13.4057C36.1449 13.4058 36.1448 13.4059 36.1446 13.4061C36.1442 13.4065 36.1437 13.4069 36.143 13.4076C36.1416 13.4088 36.1397 13.4106 36.1371 13.413C36.132 13.4177 36.1244 13.4245 36.1146 13.4336C36.0948 13.4516 36.0655 13.4782 36.0272 13.5128C35.9506 13.582 35.8376 13.6834 35.691 13.8131C35.3979 14.0724 34.9705 14.4449 34.4315 14.8994C33.3537 15.8082 31.828 17.046 30.0356 18.3628C26.4632 20.9874 21.784 23.9617 17.4626 25.2388L17.1791 24.2798C21.3265 23.0541 25.8902 20.1675 29.4435 17.5569C31.214 16.2562 32.7218 15.0329 33.7869 14.1349C34.3192 13.686 34.7406 13.3187 35.0284 13.0641C35.1723 12.9368 35.2827 12.8377 35.3569 12.7707C35.3941 12.7372 35.4221 12.7117 35.4407 12.6947C35.4501 12.6862 35.457 12.6798 35.4616 12.6756C35.4639 12.6735 35.4656 12.672 35.4666 12.671C35.4672 12.6705 35.4676 12.6701 35.4678 12.6699C35.4679 12.6698 35.468 12.6698 35.468 12.6697C35.4681 12.6697 35.468 12.6697 35.8066 13.0376ZM17.4626 25.2388C12.8958 26.5885 8.51384 26.6382 5.41026 26.3897L5.49009 25.3929C8.51637 25.6352 12.7668 25.5839 17.1791 24.2798L17.4626 25.2388Z' fill='%23757575'/%3E%3C/svg%3E%0A");
-`;
-
-/* const BottomCursor = styled(Cursor)`
-  width: 48px;
-  height: 44px;
-  margin-right: 90px;
-  background-image: url("data:image/svg+xml,%3Csvg width='48' height='44' viewBox='0 0 48 44' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.4851 0.879004L16.3641 0.393865L15.3939 0.635857L15.5149 1.121L16.4851 0.879004ZM33.5 42L32.1883 36.3775L27.9749 40.3247L33.5 42ZM16 1C15.5149 1.121 15.5149 1.12107 15.5149 1.12121C15.5149 1.12133 15.515 1.12152 15.5151 1.12175C15.5152 1.12223 15.5153 1.12292 15.5156 1.12384C15.516 1.12567 15.5167 1.12839 15.5176 1.13197C15.5194 1.13915 15.5221 1.14981 15.5256 1.1639C15.5327 1.19207 15.5432 1.23393 15.5571 1.28894C15.5849 1.39894 15.6262 1.56153 15.6802 1.7723C15.7883 2.19384 15.9474 2.80818 16.1518 3.58026C16.5604 5.12435 17.1501 7.29976 17.8743 9.82602C19.3221 14.8761 21.3106 21.3381 23.4684 26.963L24.4021 26.6049C22.2595 21.0198 20.2803 14.5899 18.8356 9.55043C18.1136 7.03195 17.5258 4.86325 17.1185 3.32441C16.9149 2.55503 16.7564 1.9432 16.6489 1.52394C16.5952 1.31431 16.5542 1.15283 16.5266 1.04388C16.5129 0.989408 16.5025 0.948065 16.4955 0.920403C16.492 0.906572 16.4894 0.896161 16.4877 0.889238C16.4868 0.885777 16.4862 0.883187 16.4858 0.881479C16.4855 0.880625 16.4854 0.879991 16.4853 0.879578C16.4852 0.879371 16.4852 0.879228 16.4852 0.879125C16.4851 0.879037 16.4851 0.879004 16 1ZM23.4684 26.963C25.6729 32.7094 28.1331 36.5898 30.0294 39.0236L30.8182 38.409C28.9819 36.0522 26.5707 32.2579 24.4021 26.6049L23.4684 26.963Z' fill='%23757575'/%3E%3C/svg%3E%0A");
-`;
- */
 type Props = {
   programItems: ItemProps[];
   subjectCategories: subjectsProps['categories'];
   showBetaCursor?: boolean;
 };
 
-const FrontpageProgramMenu = ({ programItems, subjectCategories, showBetaCursor }: Props) => {
+const FrontpageProgramMenu = ({ programItems, subjectCategories }: Props) => {
   const { t } = useTranslation();
   const [showSubjects, setShowSubjects] = useState(false);
   const isWindowContext = typeof window !== 'undefined';
@@ -126,16 +71,6 @@ const FrontpageProgramMenu = ({ programItems, subjectCategories, showBetaCursor
           shape="pill">
           <StyledMenuItem>{t('frontpageMenu.allsubjects')}</StyledMenuItem>
         </ButtonV2>
-        {showBetaCursor && (
-          <CursorPlaceholder aria-hidden="true">
-            <CursorWrapper>
-              <LeftCursor hide={showSubjects} />
-              <CursorTextWrapper>
-                <CursorText>{t('frontpageMenu.cursorText')}</CursorText>
-              </CursorTextWrapper>
-            </CursorWrapper>
-          </CursorPlaceholder>
-        )}
       </StyledMenu>
       {showSubjects ? (
         <FrontpageAllSubjects categories={subjectCategories} />

package/src/Frontpage/FrontpageToolbox.tsx

@@ -4,7 +4,6 @@ import { useTranslation } from 'react-i18next';
 import { spacing, breakpoints, mq } from '@ndla/core';
 import { SafeLinkButton } from '@ndla/safelink';
 import SectionHeading from '../SectionHeading';
-import ComponentCursor from '../ComponentCursor';
 import { ToolboxIllustration as Illustration } from './illustrations/FrontpageIllustrations';
 import { HeadingLevel } from '../types';
 
@@ -52,7 +51,6 @@ const FrontpageToolbox = ({ urlStudents, urlTeachers, headingLevel }: Props) =>
   const { t } = useTranslation();
   return (
     <StyledSection>
-      <ComponentCursor variant="left" text={t('frontPageToolbox.cursorText')} />
       <SectionHeading headingLevel={headingLevel} large>
         {t('frontPageToolbox.heading')}
       </SectionHeading>

package/src/locale/messages-en.ts

@@ -1118,7 +1118,7 @@ const messages = {
       sharing: {
         share: 'Share folder',
         shared: 'Shared',
-        unShare: 'Sharing is stopped. The folder is no longer shared',
+        unShare: 'Sharing stopped. The folder is no longer shared',
         link: 'Link is copied',
         header: {
           private: 'Do you want to share this folder?',
@@ -1169,7 +1169,19 @@ const messages = {
     detailView: 'Detailed listview',
     shortView: 'Card view',
     sharedFolder: {
-      info: 'This folder contains learning resources and tasks from NDLA, curated by a teacher.',
+      info: 'This folder contains learning resources and tasks from NDLA, gathered by a teacher.',
+      firstShared: 'The folder was shared for the first time {{date}}',
+      learningpathUnsupported:
+        'Learning paths cannot be shown directly in a shared folder. You can open the learning path in a new tab by clicking the link in the navigation menu to the left.',
+      drawerButton: 'Show folders and resources',
+      drawerTitle: 'Folders and resources',
+      description: {
+        info1:
+          'In this folder you find articles and tasks from NDLA. The articles have been collected and placed in order by a teacher.',
+        info2: 'You can use the menu to navigate through the articles.',
+        info3:
+          'If you want to come back to the folder later, you can use the link the teacher gave you, or you can bookmark the page.',
+      },
     },
     myPage: {
       noRecents: "You haven't added any resources yet. This is how you get started:",
@@ -1208,6 +1220,10 @@ const messages = {
         title: 'How to save your favourite resources from NDLA',
         text: 'When you wish to save a resource, you can do so by clicking the heart button. You will then get an option to store the resource in a folder',
       },
+      sharing: {
+        title: 'How you share your folders with others',
+        text: 'Click on the share-button in the folder to share. You will get a link you can share with others.',
+      },
       folderInfo: {
         title: 'How to organise your favourite resources in folders',
         text: 'You can get to the folder overview by clicking on <strong>My folders</strong> on the menu to the left. Here you can create new folders and subfolder. You can also create a new folder in the dialogue window that is activated when you click on the heart in a resource',

package/src/locale/messages-nb.ts

@@ -1120,18 +1120,18 @@ const messages = {
         unShare: 'Delingen er avsluttet. Mappen er ikke lenger delt.',
         link: 'Lenken er kopiert',
         header: {
-          private: 'Vil du dele denne mappen?',
-          shared: 'Denne mappen er delt.',
-          unShare: 'Vil du avslutte deling av denne mappen?',
+          private: 'Vil du dele denne mappa?',
+          shared: 'Denne mappa er delt.',
+          unShare: 'Vil du avslutte deling av denne mappa?',
         },
         description: {
-          copy: 'Kopier og del denne lenken:',
+          copy: 'Kopier og del denne lenka:',
           private:
-            'Når du deler en mappe lager du en lenke som er åpen for alle som har lenken. Du kan endre innholdet eller avslutte delingen når du ønsker.',
+            'Når du deler ei mappe, lager du ei lenke som er åpen for alle som har lenka. Du kan endre innholdet eller avslutte delinga når du ønsker det. ',
           shared:
-            'Nå kan du dele denne lenken med elever eller andre lærere. Hvis du gjør endringer i mappen vil de bli synlige for alle du har delt lenken med.',
+            'Nå kan du dele denne lenka med elever eller andre lærere. Hvis du gjør endringer i mappa, blir de synlige for alle du har delt lenka med.',
           unShare:
-            'Når du avslutter deling vil lenken til den delte mappen slutte å virke. Dersom du har delt lenken med noen vil de ikke lengre kunne se innholdet i mappen.',
+            'Når du avslutter deling, vil lenka til den delte mappa slutte å virke. Dersom du har delt lenka med noen, kan de ikke lenger se innholdet i mappa.',
         },
         button: {
           share: 'Del mappen',
@@ -1167,7 +1167,19 @@ const messages = {
     detailView: 'Detaljert listevisning',
     shortView: 'Kort visning',
     sharedFolder: {
-      info: 'Denne mappen inneholder fagstoff og oppgaver fra NDLA, samlet av en lærer. ',
+      info: 'Denne mappa inneholder fagstoff og oppgaver fra NDLA, samlet av en lærer. ',
+      firstShared: 'Mappa ble delt første gang {{date}}',
+      learningpathUnsupported:
+        'Læringsstier kan ikke vises direkte i delte mapper. Dersom du trykker på lenka i navigasjonsmenyen til venstre, vil stien åpnes i en ny fane.',
+      drawerButton: 'Vis mapper og ressurser',
+      drawerTitle: 'Mapper og ressurser',
+      description: {
+        info1:
+          'I denne delte mappa finner du fagstoff og oppgaver fra NDLA. Artiklene er samlet inn og satt i rekkefølge av en lærer.',
+        info2: 'Du kan bla i artiklene ved å bruke menyen.',
+        info3:
+          'Hvis du vil finne igjen mappa seinere, kan du bruke lenka du fikk av læreren din, eller du kan bokmerke sida.',
+      },
     },
     myPage: {
       noRecents: 'Du har ikke lagt til noen ressurser ennå. Slik kommer du i gang:',
@@ -1205,6 +1217,10 @@ const messages = {
         title: 'Slik lagrer du favorittressursene dine fra NDLA',
         text: 'Klikk på hjerteknappen for å lagre en ressurs. Du vil da få mulighet til å lagre ressursen i ei mappe.',
       },
+      sharing: {
+        title: 'Slik deler du mappene dine med andre',
+        text: 'Klikk på dele-knappen i mappa for å dele. Du vil da få ei lenke som du kan dele med andre.',
+      },
       folderInfo: {
         title: 'Slik organiserer du favorittressursene dine i mapper',
         text: 'Klikk på <strong>Mine mapper</strong> i menyen til venstre for å komme til mappeoversikten. Her kan du opprette nye mapper og undermapper. Du kan også opprette ei ny mappe i dialogvinduet som kommer når du klikker på et hjerte i en ressurs.',

package/src/locale/messages-nn.ts

@@ -1122,7 +1122,7 @@ const messages = {
         header: {
           private: 'Vil du dele denne mappa?',
           shared: 'Denne mappa er delt',
-          unShare: 'Vil du slutte å dele denne mappa?',
+          unShare: 'Vil du avslutte deling av denne mappa?',
         },
         description: {
           copy: 'Kopier og del denne lenka:',
@@ -1167,7 +1167,19 @@ const messages = {
     detailView: 'Detaljert listevisning',
     shortView: 'Kortvisning',
     sharedFolder: {
-      info: 'Denne mappa inneheld fagstoff og innhald frå NDLA, samla av ein lærar. ',
+      info: 'Denne mappa inneheld fagstoff og oppgåver frå NDLA, samla av ein lærar.',
+      firstShared: 'Mappa vart delt første gong {{date}}',
+      drawerButton: 'Vis mapper og ressursar',
+      drawerTitle: 'Mapper og ressursar',
+      learningpathUnsupported:
+        'Læringsstiar kan ikkje visast direkte i delte mapper. Dersom du trykker på lenka i navigasjonsmenyen til venstre, blir stien opna i ei ny fane.',
+      description: {
+        info1:
+          'I denne delte mappa finn du fagstoff og oppgåver frå NDLA. Artiklane er samla inn og sette i rekkefølge av ein lærar.',
+        info2: 'Du kan bla i artiklane ved å bruke menyen.',
+        info3:
+          'Dersom du vil finne igjen mappa seinare, kan du bruke lenka du fekk av læraren din, eller du kan bokmerke sida.',
+      },
     },
     myPage: {
       noRecents: 'Du har ikkje lagt til nokon ressurar enno. Slik kjem du i gang:',
@@ -1205,6 +1217,10 @@ const messages = {
         title: 'Slik lagrar du favorittressursane dine frå NDLA',
         text: 'Klikk på hjarteknappen for å lagre ein ressurs. Du vil då få høve til å lagre ressursen i ei mappe.',
       },
+      sharing: {
+        title: 'Slik deler du mappene dine med andre',
+        text: 'Klikk på dele-knappen i mappa for å dele. Du vil då få ei lenke som du kan dele med andre.',
+      },
       folderInfo: {
         title: 'Slik organiserer du favorittressursene dine i mapper',
         text: 'Klikk på <strong>Mine mapper</strong> i menyen til venstre for å komme til mappeoversikta. Her kan du opprette nye mapper og undermapper. Du kan også opprette ny mappe i vindauget som kjem opp når du klikkar på eit hjarte i ein ressurs.',

package/src/locale/messages-se.ts

@@ -1168,7 +1168,19 @@ const messages = {
     detailView: 'Bienalaš oppalašlistu',
     shortView: 'Oanehis listu',
     sharedFolder: {
-      info: 'Denne mappen inneholder fagstoff og oppgaver fra NDLA, samlet av en lærer. ',
+      info: 'Denne mappa inneheld fagstoff og oppgåver frå NDLA, samla av ein lærar.',
+      firstShared: 'Mappa vart delt første gong {{date}}',
+      drawerButton: 'Vis mapper og ressursar',
+      drawerTitle: 'Mapper og ressursar',
+      learningpathUnsupported:
+        'Læringsstiar kan ikke visast direkte i delte mapper. Dersom du trykker på lenka i navigasjonsmenyen til venstre, blir stien opna i ei ny fane.',
+      description: {
+        info1:
+          'I denne delte mappa finn du fagstoff og oppgåver frå NDLA. Artiklane er samla inn og sette i rekkefølge av ein lærar.',
+        info2: 'Du kan bla i artiklane ved å bruke menyen.',
+        info3:
+          'Dersom du vil finne igjen mappa seinare, kan du bruke lenka du fekk av læraren din, eller du kan bokmerke sida.',
+      },
     },
     myPage: {
       noRecents: 'Don it leat lasihan makkárge resurssa vel. Ná boađát johtui:',
@@ -1206,6 +1218,10 @@ const messages = {
         title: 'Ná vurket iežat oiddotresurssaid NDLA:s',
         text: 'Deaddil váibmoboalu vurken dihtii resurssa.',
       },
+      sharing: {
+        title: 'Slik deler du mappene dine med andre',
+        text: 'Klikk på dele-knappen i mappa for å dele. Du vil då få ei lenke som du kan dele med andre.',
+      },
       folderInfo: {
         title: 'Ná ordnet iežat oiddotresurssaid máhpaide',
         text: 'Deaddil mu máhpaid gurut bealde fálus beassan dihtii máhpa visogovvii. Doppe sáhtát ráhkadit ođđa máhpaid ja vuollemáhpaid. Sáhtát maid ráhkadit ođđa máhpa gulahallanláses mii ihtá go deaddilat váimmu muhtin resurssas.',

package/src/locale/messages-sma.ts

@@ -1172,7 +1172,19 @@ const messages = {
     detailView: 'Detaljert listevisning',
     shortView: 'Kort visning',
     sharedFolder: {
-      info: 'Denne mappen inneholder fagstoff og oppgaver fra NDLA, samlet av en lærer. ',
+      info: 'Denne mappa inneheld fagstoff og oppgåver frå NDLA, samla av ein lærar.',
+      firstShared: 'Mappa vart delt første gong {{date}}',
+      drawerButton: 'Vis mapper og ressursar',
+      drawerTitle: 'Mapper og ressursar',
+      learningpathUnsupported:
+        'Læringsstiar kan ikke visast direkte i delte mapper. Dersom du trykker på lenka i navigasjonsmenyen til venstre, blir stien opna i ei ny fane.',
+      description: {
+        info1:
+          'I denne delte mappa finn du fagstoff og oppgåver frå NDLA. Artiklane er samla inn og sette i rekkefølge av ein lærar.',
+        info2: 'Du kan bla i artiklane ved å bruke menyen.',
+        info3:
+          'Dersom du vil finne igjen mappa seinare, kan du bruke lenka du fekk av læraren din, eller du kan bokmerke sida.',
+      },
     },
     myPage: {
       noRecents: 'Du har ikkje lagt til nokon ressurar enno. Slik kjem du i gang:',
@@ -1210,6 +1222,10 @@ const messages = {
         title: 'Slik lagrer du favorittressursene dine fra NDLA',
         text: 'Klikk på hjerteknappen for å lagre en ressurs. Du vil da få mulighet til å lagre ressursen i ei mappe.',
       },
+      sharing: {
+        title: 'Slik deler du mappene dine med andre',
+        text: 'Klikk på dele-knappen i mappa for å dele. Du vil då få ei lenke som du kan dele med andre.',
+      },
       folderInfo: {
         title: 'Slik organiserer du favorittressursene dine i mapper',
         text: 'Klikk på <strong>Mine mapper</strong> i menyen til venstre for å komme til mappeoversikten. Her kan du opprette nye mapper og undermapper. Du kan også opprette ei ny mappe i dialogvinduet som kommer når du klikker på et hjerte i en ressurs.',