@ndla/ui 32.1.1 → 33.0.1

package/src/MyNdla/Resource/Folder.stories.mdx

@@ -0,0 +1,52 @@
+import { Canvas, Meta, Story, ArgsTable } from '@storybook/addon-docs';
+import { defaultParameters } from '../../../../designmanual/stories/defaults';
+import { Pencil } from '@ndla/icons/action';
+import { DeleteForever } from '@ndla/icons/editor';
+
+import Folder from './Folder';
+import ButtonV2 from '../../../../button/src/ButtonV2';
+
+<Meta
+  title="Enkle komponenter/Mappe"
+  component={Folder}
+  parameters={{
+    ...defaultParameters,
+    docs: {
+      inlineStories: true,
+    },
+    backgrounds: {},
+  }}
+  argTypes={{
+    menuItems: {
+      control: false,
+    },
+  }}
+/>
+
+export const Template = (args) => <Folder {...args} />;
+
+# Mappe
+
+<Canvas>
+  <Story
+    name="Mappe"
+    args={{
+      id: '3d88300c-1186-47f5-a99a-8ea93fa20981',
+      title: 'Dette er min tittel',
+      subFolders: 3,
+      subResources: 3,
+      description: '',
+      link: '',
+      type: 'list',
+      menuItems: [
+        { icon: <Pencil />, text: 'Rediger', onClick: () => {} },
+        { icon: <DeleteForever />, text: 'Slett', onClick: () => {}, type: 'danger' },
+      ],
+    }}>
+    {Template.bind({})}
+  </Story>
+</Canvas>
+
+### Props
+
+<ArgsTable story="Mappe" />

package/src/RelatedArticleList/RelatedArticleList.tsx

@@ -3,6 +3,7 @@ import BEMHelper from 'react-bem-helper';
 import Button from '@ndla/button';
 import SafeLink from '@ndla/safelink';
 import SectionHeading from '../SectionHeading';
+import { HeadingLevel } from '../types';
 
 const classes = new BEMHelper({
   name: 'related-articles',
@@ -51,13 +52,14 @@ interface Props {
     showMore: string;
     showLess: string;
   };
+  headingLevel: HeadingLevel;
   children?: ReactElement;
   dangerouslySetInnerHTML?: {
     __html: string;
   };
   articleCount?: number;
 }
-const RelatedArticleList = ({ messages, children, articleCount, dangerouslySetInnerHTML }: Props) => {
+const RelatedArticleList = ({ messages, children, articleCount, dangerouslySetInnerHTML, headingLevel }: Props) => {
   const clonedChildren =
     !dangerouslySetInnerHTML && children
       ? Children.map(children, (article, i) =>
@@ -70,7 +72,9 @@ const RelatedArticleList = ({ messages, children, articleCount, dangerouslySetIn
 
   return (
     <section {...classes('')}>
-      <SectionHeading className={classes('component-title').className}>{messages.title}</SectionHeading>
+      <SectionHeading headingLevel={headingLevel} className={classes('component-title').className}>
+        {messages.title}
+      </SectionHeading>
       <div {...classes('articles')} dangerouslySetInnerHTML={dangerouslySetInnerHTML}>
         {clonedChildren}
       </div>

package/src/Resource/BlockResource.stories.mdx

@@ -0,0 +1,58 @@
+import { Canvas, Meta, Story, ArgsTable } from '@storybook/addon-docs';
+import { defaultParameters } from '../../../designmanual/stories/defaults';
+import { Pencil } from '@ndla/icons/action';
+import { DeleteForever } from '@ndla/icons/editor';
+
+import BlockResource from './BlockResource';
+
+<Meta
+  title="Enkle komponenter/Ressurser/BlockResource"
+  component={BlockResource}
+  parameters={{
+    ...defaultParameters,
+    docs: {
+      inlineStories: true,
+    },
+    backgrounds: {},
+  }}
+  argTypes={{
+    resourceImage: {
+      control: false,
+    },
+    resourceTypes: {
+      control: false,
+    },
+    headingLevel: {
+      control: false,
+    },
+    menuItems: {
+      control: false,
+    },
+  }}
+/>
+
+export const Template = (args) => <BlockResource {...args} />;
+
+# Blokkressurs
+
+<Canvas>
+  <Story
+    name="BlockResource"
+    args={{
+      id: '1234',
+      link: '',
+      title: 'Tittel til ressurs',
+      resourceImage: {
+        src: '',
+        alt: '',
+      },
+      resourceTypes: [{ id: 'urn:resourcetype:learningPath', name: 'Læringssti' }],
+      tags: ['tag', 'tag', 'tag', 'tag'],
+    }}>
+    {Template.bind({})}
+  </Story>
+</Canvas>
+
+### Props
+
+<ArgsTable story="BlockResource" />

package/src/Resource/Resource.stories.mdx

@@ -0,0 +1,58 @@
+import { Canvas, Meta, Story, ArgsTable } from '@storybook/addon-docs';
+import { defaultParameters } from '../../../designmanual/stories/defaults';
+import { Pencil } from '@ndla/icons/action';
+import { DeleteForever } from '@ndla/icons/editor';
+
+import ListResource from './ListResource';
+
+<Meta
+  title="Enkle komponenter/Ressurser/ListResource"
+  component={ListResource}
+  parameters={{
+    ...defaultParameters,
+    docs: {
+      inlineStories: true,
+    },
+    backgrounds: {},
+  }}
+  argTypes={{
+    resourceImage: {
+      control: false,
+    },
+    resourceTypes: {
+      control: false,
+    },
+    headingLevel: {
+      control: false,
+    },
+    menuItems: {
+      control: false,
+    },
+  }}
+/>
+
+export const Template = (args) => <ListResource {...args} />;
+
+# Standard ressurs
+
+<Canvas>
+  <Story
+    name="ListResource"
+    args={{
+      id: '1234',
+      link: '',
+      title: 'Tittel til ressurs',
+      resourceImage: {
+        src: '',
+        alt: '',
+      },
+      resourceTypes: [{ id: 'urn:resourcetype:learningPath', name: 'Læringssti' }],
+      tags: ['tag', 'tag', 'tag', 'tag'],
+    }}>
+    {Template.bind({})}
+  </Story>
+</Canvas>
+
+### Props
+
+<ArgsTable story="ListResource" />

package/src/SearchTypeResult/components/ItemTopicHeader.tsx

@@ -54,6 +54,7 @@ const TopicHeaderVisualElementWrapper = styled.div`
   align-items: center;
   overflow: hidden;
   border-radius: 50%;
+  -webkit-mask-image: -webkit-radial-gradient(white, black);
 `;
 
 const TopicHeaderImage = styled.img`

package/src/SectionHeading/SectionHeading.tsx

@@ -1,13 +1,9 @@
 import React, { ElementType, ReactNode } from 'react';
 import { css } from '@emotion/react';
 import { breakpoints, fonts, mq, spacing } from '@ndla/core';
-import styled from '@emotion/styled';
+import { HeadingLevel } from '../types';
 
-interface StyledWrapperProps {
-  large?: boolean;
-}
-
-const StyledWrapper = styled.h2<StyledWrapperProps>`
+const headingStyle = css`
   font-weight: ${fonts.weight.bold};
   text-transform: uppercase;
   letter-spacing: 0.05em;
@@ -15,31 +11,30 @@ const StyledWrapper = styled.h2<StyledWrapperProps>`
   ${mq.range({ from: breakpoints.tablet })} {
     ${fonts.sizes('20px', '26px')};
   }
-  ${(p) =>
-    p.large &&
-    css`
-      margin: 0 0 ${spacing.small} 0;
-      ${fonts.sizes('16px', '32px')};
-      ${mq.range({ from: breakpoints.tablet })} {
-        ${fonts.sizes('22px')};
-      }
-    `};
 `;
 
-const LargeStyledWrapper = StyledWrapper.withComponent('h1');
+const largeHeadingStyle = css`
+  margin: 0 0 ${spacing.small} 0;
+  ${fonts.sizes('16px', '32px')};
+  ${mq.range({ from: breakpoints.tablet })} {
+    ${fonts.sizes('22px')};
+  }
+`;
 
 interface Props {
   children: ReactNode;
   large?: boolean;
   className?: string;
+  headingLevel: HeadingLevel;
 }
 
-const SectionHeading = ({ children, large = false, className }: Props) => {
-  const Wrapper: ElementType = large ? LargeStyledWrapper : StyledWrapper;
+const SectionHeading = ({ children, large = false, className, headingLevel = 'h2' }: Props) => {
+  const Element: ElementType = headingLevel;
+  const styles = large ? [headingStyle, largeHeadingStyle] : [headingStyle];
   return (
-    <Wrapper large={large} className={className}>
+    <Element css={styles} className={className}>
       {children}
-    </Wrapper>
+    </Element>
   );
 };
 

package/src/Subject/Subject.tsx

@@ -3,6 +3,7 @@ import styled from '@emotion/styled';
 import { css } from '@emotion/react';
 import { breakpoints, colors, mq, spacing, spacingUnit } from '@ndla/core';
 import SectionHeading from '../SectionHeading';
+import { HeadingLevel } from '../types';
 
 const SubjectContentWrapper = styled.div`
   ${mq.range({ from: breakpoints.tablet })} {
@@ -190,6 +191,13 @@ const StyledSectionHeading = styled(SectionHeading)`
   }
 `;
 
-export const SubjectSectionTitle = ({ children }: { children: ReactNode }) => (
-  <StyledSectionHeading large>{children}</StyledSectionHeading>
+interface SubjectSectionTitleProps {
+  headingLevel: HeadingLevel;
+  children: ReactNode;
+}
+
+export const SubjectSectionTitle = ({ children, headingLevel = 'h2' }: SubjectSectionTitleProps) => (
+  <StyledSectionHeading large headingLevel={headingLevel}>
+    {children}
+  </StyledSectionHeading>
 );

package/src/Subject/SubjectAbout.tsx

@@ -3,6 +3,7 @@ import { css } from '@emotion/react';
 import styled from '@emotion/styled';
 import { breakpoints, colors, fonts, mq, spacing } from '@ndla/core';
 import SectionHeading from '../SectionHeading';
+import { HeadingLevel } from '../types';
 
 interface Props {
   fixedWidth?: boolean;
@@ -10,6 +11,7 @@ interface Props {
   media: ReactNode;
   heading: string;
   description: string;
+  headingLevel: HeadingLevel;
 }
 
 interface SubjectAboutSectionProps {
@@ -98,9 +100,11 @@ const StyledDescription = styled.p`
   ${fonts.sizes('16px', '26px')};
 `;
 
-const SubjectAbout = ({ fixedWidth = false, media, heading, description, wide = false }: Props) => (
+const SubjectAbout = ({ fixedWidth = false, media, heading, description, wide = false, headingLevel }: Props) => (
   <SubjectAboutSection wide={wide} fixedWidth={fixedWidth}>
-    <StyledSectionHeading large>{heading}</StyledSectionHeading>
+    <StyledSectionHeading headingLevel={headingLevel} large>
+      {heading}
+    </StyledSectionHeading>
     <MediaWrapper>{media}</MediaWrapper>
     <StyledContent>
       <StyledMainHeading>{heading}</StyledMainHeading>

package/src/Subject/SubjectArchive.tsx

@@ -5,6 +5,7 @@ import { Cross } from '@ndla/icons/action';
 import { breakpoints, colors, fonts, mq, spacing, utils } from '@ndla/core';
 import SafeLink from '@ndla/safelink';
 import SectionHeading from '../SectionHeading';
+import { HeadingLevel } from '../types';
 
 interface Props {
   featuringArticle: {
@@ -13,6 +14,7 @@ interface Props {
     description: string;
     url: string;
   };
+  headingLevel: HeadingLevel;
   archiveArticles: { url: string; heading: string }[];
   sectionHeading: string;
   fixedWidth?: boolean;
@@ -155,7 +157,14 @@ class SubjectArchive extends Component<Props, State> {
   }
 
   render() {
-    const { fixedWidth = false, featuringArticle, messages, sectionHeading, archiveArticles } = this.props;
+    const {
+      fixedWidth = false,
+      headingLevel,
+      featuringArticle,
+      messages,
+      sectionHeading,
+      archiveArticles,
+    } = this.props;
 
     const archiveId = 'subject-archive';
 
@@ -183,7 +192,9 @@ class SubjectArchive extends Component<Props, State> {
 
     return (
       <SubjectArchiveSection animate={!!this.state.minHeight} fixedWidth={fixedWidth} ref={this.wrapperRef}>
-        <StyledSectionHeading large>{sectionHeading}</StyledSectionHeading>
+        <StyledSectionHeading headingLevel={headingLevel} large>
+          {sectionHeading}
+        </StyledSectionHeading>
         <ArchiveWrapper>
           {section}
           <ArchiveButon

package/src/Subject/SubjectCarousel.tsx

@@ -7,6 +7,7 @@ import { breakpoints, mq, spacing, spacingUnit } from '@ndla/core';
 import { SafeLinkProps } from '@ndla/safelink';
 import { ContentCard } from '../index';
 import { SubjectSectionTitle } from './Subject';
+import { HeadingLevel } from '../types';
 
 interface Props {
   subjects?: {
@@ -17,6 +18,7 @@ interface Props {
     image?: string | undefined | null;
     toLinkProps: () => SafeLinkProps;
   }[];
+  headingLevel: HeadingLevel;
   title?: string;
   narrowScreen?: boolean;
   wideScreen?: boolean;
@@ -59,7 +61,13 @@ const StyledSubjectSectionTitle = styled(SubjectSectionTitle)`
   }
 `;
 
-const SubjectCarousel = ({ subjects = [], title = '', narrowScreen = false, wideScreen = false }: Props) => {
+const SubjectCarousel = ({
+  subjects = [],
+  title = '',
+  narrowScreen = false,
+  wideScreen = false,
+  headingLevel,
+}: Props) => {
   const { t } = useTranslation();
   return (
     <StyledSection narrowScreen={narrowScreen} wideScreen={wideScreen}>
@@ -124,7 +132,7 @@ const SubjectCarousel = ({ subjects = [], title = '', narrowScreen = false, wide
         itemsLength={subjects?.length ?? 0}>
         {(autoSizedProps) => (
           <>
-            <StyledSubjectSectionTitle>{title}</StyledSubjectSectionTitle>
+            <StyledSubjectSectionTitle headingLevel={headingLevel}>{title}</StyledSubjectSectionTitle>
             <Carousel
               {...autoSizedProps}
               disableScroll={(autoSizedProps?.columnsPrSlide ?? 0) >= subjects.length}

package/src/Subject/SubjectLinks.tsx

@@ -4,6 +4,7 @@ import { spacing } from '@ndla/core';
 import SafeLink, { SafeLinkProps } from '@ndla/safelink';
 
 import { SubjectSectionTitle } from './Subject';
+import { HeadingLevel } from '../types';
 
 const SubjectLinksSection = styled.section`
   margin-bottom: ${spacing.large};
@@ -20,6 +21,7 @@ const SubjectLinksList = styled.ul`
 `;
 
 interface Props {
+  headingLevel: HeadingLevel;
   links: {
     toLinkProps: () => SafeLinkProps;
     text: string;
@@ -27,9 +29,9 @@ interface Props {
   heading: string;
 }
 
-const SubjectLinks = ({ links, heading }: Props) => (
+const SubjectLinks = ({ links, heading, headingLevel }: Props) => (
   <SubjectLinksSection>
-    <StyledSubjectSectionTitle>{heading}</StyledSubjectSectionTitle>
+    <StyledSubjectSectionTitle headingLevel={headingLevel}>{heading}</StyledSubjectSectionTitle>
     <nav>
       <SubjectLinksList>
         {links.map((link) => (

package/src/Subject/SubjectNewContent.tsx

@@ -4,8 +4,10 @@ import SafeLink from '@ndla/safelink';
 import { breakpoints, colors, fonts, mq, spacing } from '@ndla/core';
 import ContentTypeBadge from '../ContentTypeBadge';
 import { SubjectSectionTitle } from './Subject';
+import { HeadingLevel } from '../types';
 
 interface Props {
+  headingLevel: HeadingLevel;
   heading: string;
   content: {
     name: string;
@@ -86,9 +88,9 @@ const StyledSafeLink = styled(SafeLink)`
   }
 `;
 
-const SubjectNewContent = ({ heading, content }: Props) => (
+const SubjectNewContent = ({ heading, content, headingLevel }: Props) => (
   <StyledSection>
-    <StyledSubjectSectionTitle>{heading}</StyledSubjectSectionTitle>
+    <StyledSubjectSectionTitle headingLevel={headingLevel}>{heading}</StyledSubjectSectionTitle>
     <nav>
       <StyledUl>
         {content.map((item, index) => (

package/src/Subject/SubjectShortcuts.tsx

@@ -6,6 +6,7 @@ import { Forward } from '@ndla/icons/common';
 import SafeLink from '@ndla/safelink';
 import { SubjectSectionTitle } from './Subject';
 import Fade from '../Animation/Fade';
+import { HeadingLevel } from '../types';
 
 const SubjectShortcutsSection = styled.section`
   margin-bottom: ${spacing.large};
@@ -69,6 +70,7 @@ interface Props {
     url: string;
     text: string;
   }[];
+  headingLevel: HeadingLevel;
   messages: {
     heading: string;
     showMore: string;
@@ -102,7 +104,7 @@ class SubjectShortcuts extends Component<Props, State> {
   }
 
   render() {
-    const { links, messages, defaultVisableCount } = this.props;
+    const { links, messages, defaultVisableCount, headingLevel } = this.props;
     const id = 'subject-shortcut';
 
     const showExpand = defaultVisableCount < links.length;
@@ -128,7 +130,7 @@ class SubjectShortcuts extends Component<Props, State> {
     }
     return (
       <SubjectShortcutsSection>
-        <SubjectSectionTitle>{messages.heading}</SubjectSectionTitle>
+        <SubjectSectionTitle headingLevel={headingLevel}>{messages.heading}</SubjectSectionTitle>
         <nav id={id}>
           <StyledTransitionGroup component="ul">
             {filteredLinks.map((link) => (

package/src/Subject/SubjectSocial.tsx

@@ -1,6 +1,7 @@
 import styled from '@emotion/styled';
 import { breakpoints, mq, spacing } from '@ndla/core';
 import React, { ReactNode } from 'react';
+import { HeadingLevel } from '../types';
 import { SubjectSectionTitle } from './Subject';
 
 const StyledSubjectSocialContent = styled.div`
@@ -21,9 +22,15 @@ const StyledSection = styled.section`
   }
 `;
 
-export const SubjectSocialSection = ({ children, title = '' }: { children: ReactNode; title?: string }) => (
+interface SubjectSocialSectionProps {
+  children: ReactNode;
+  title?: string;
+  headingLevel: HeadingLevel;
+}
+
+export const SubjectSocialSection = ({ children, title = '', headingLevel }: SubjectSocialSectionProps) => (
   <StyledSection>
-    <SubjectSectionTitle>{title}</SubjectSectionTitle>
+    <SubjectSectionTitle headingLevel={headingLevel}>{title}</SubjectSectionTitle>
     {children}
   </StyledSection>
 );

package/src/locale/messages-en.ts

@@ -110,12 +110,13 @@ const messages = {
     [subjectCategories.ACTIVE_SUBJECTS]: 'Active',
     [subjectCategories.ARCHIVE_SUBJECTS]: 'Expired',
     [subjectCategories.BETA_SUBJECTS]: 'Revised',
-    [subjectTypes.RESOURCE_COLLECTION]: 'Other resources',
+    [subjectCategories.OTHER]: 'Other resources',
+    [subjectTypes.RESOURCE_COLLECTION]: 'Resource collections',
   },
   subjectTypes: {
     [subjectTypes.BETA_SUBJECT]: 'Betafag',
-    [subjectTypes.SUBJECT]: 'Subject',
     [subjectTypes.RESOURCE_COLLECTION]: 'Resource collection',
+    [subjectTypes.SUBJECT]: 'Subject',
   },
   searchPage: {
     noHits: 'Your search - {{query}} - did not match any articles. ',
@@ -327,6 +328,7 @@ const messages = {
       },
     },
     menu: {
+      goToMainMenu: 'Go to main menu',
       close: 'Close',
       goTo: 'Go to',
       search: 'Search',

package/src/locale/messages-nb.ts

@@ -110,12 +110,13 @@ const messages = {
     [subjectCategories.ACTIVE_SUBJECTS]: 'Aktive',
     [subjectCategories.ARCHIVE_SUBJECTS]: 'Utgåtte',
     [subjectCategories.BETA_SUBJECTS]: 'Kommende',
-    [subjectTypes.RESOURCE_COLLECTION]: 'Andre ressurser',
+    [subjectCategories.OTHER]: 'Andre ressurser',
+    [subjectTypes.RESOURCE_COLLECTION]: 'Ressurssamlinger',
   },
   subjectTypes: {
     [subjectTypes.BETA_SUBJECT]: 'Betafag',
-    [subjectTypes.SUBJECT]: 'Fag',
     [subjectTypes.RESOURCE_COLLECTION]: 'Ressurssamling',
+    [subjectTypes.SUBJECT]: 'Fag',
   },
   searchPage: {
     noHits: 'Ingen artikler samsvarte med søket ditt på: {{query}}',
@@ -326,6 +327,7 @@ const messages = {
       },
     },
     menu: {
+      goToMainMenu: 'Gå til hovedmeny',
       close: 'Lukk',
       goTo: 'Gå til',
       search: 'Søk',

package/src/locale/messages-nn.ts

@@ -110,12 +110,13 @@ const messages = {
     [subjectCategories.ACTIVE_SUBJECTS]: 'Aktive',
     [subjectCategories.ARCHIVE_SUBJECTS]: 'Utgåtte',
     [subjectCategories.BETA_SUBJECTS]: 'Kommande',
-    [subjectTypes.RESOURCE_COLLECTION]: 'Andre ressursar',
+    [subjectCategories.OTHER]: 'Andre ressursar',
+    [subjectTypes.RESOURCE_COLLECTION]: 'Ressurssamlingar',
   },
   subjectTypes: {
     [subjectTypes.BETA_SUBJECT]: 'Betafag',
-    [subjectTypes.SUBJECT]: 'Fag',
     [subjectTypes.RESOURCE_COLLECTION]: 'Ressurssamling',
+    [subjectTypes.SUBJECT]: 'Fag',
   },
   searchPage: {
     noHits: 'Ingen artiklar samsvarte med søket ditt på: {{query}}',
@@ -326,6 +327,7 @@ const messages = {
       },
     },
     menu: {
+      goToMainMenu: 'Gå til hovedmeny',
       close: 'Lukk',
       goTo: 'Gå til',
       search: 'Søk',

package/src/locale/messages-se.ts

@@ -110,12 +110,13 @@ const messages = {
     [subjectCategories.ACTIVE_SUBJECTS]: 'Doaimmas',
     [subjectCategories.ARCHIVE_SUBJECTS]: 'Ii doaimmas šat',
     [subjectCategories.BETA_SUBJECTS]: 'Boahttevaš',
-    [subjectTypes.RESOURCE_COLLECTION]: 'Eará resurssat',
+    [subjectCategories.OTHER]: 'Eará resurssat',
+    [subjectTypes.RESOURCE_COLLECTION]: 'Resursačoakkáldat',
   },
   subjectTypes: {
     [subjectTypes.BETA_SUBJECT]: 'Betafága',
-    [subjectTypes.SUBJECT]: 'Fága',
     [subjectTypes.RESOURCE_COLLECTION]: 'Resursačoakkáldat',
+    [subjectTypes.SUBJECT]: 'Fága',
   },
   searchPage: {
     noHits: 'Ii oktage artihkal heiven du ohcamii: {{query}}',
@@ -327,6 +328,7 @@ const messages = {
       },
     },
     menu: {
+      goToMainMenu: 'Gå til hovedmeny',
       close: 'Govčča',
       goTo: 'Mana deike',
       search: 'Oza',

package/src/locale/messages-sma.ts

@@ -110,12 +110,13 @@ const messages = {
     [subjectCategories.ACTIVE_SUBJECTS]: 'Aktive',
     [subjectCategories.ARCHIVE_SUBJECTS]: 'Utgåtte',
     [subjectCategories.BETA_SUBJECTS]: 'Kommende',
-    [subjectTypes.RESOURCE_COLLECTION]: 'Andre ressurser',
+    [subjectCategories.OTHER]: 'Andre ressurser',
+    [subjectTypes.RESOURCE_COLLECTION]: 'Ressurssamlinger',
   },
   subjectTypes: {
     [subjectTypes.BETA_SUBJECT]: 'Betafag',
-    [subjectTypes.SUBJECT]: 'Fag',
     [subjectTypes.RESOURCE_COLLECTION]: 'Ressurssamling',
+    [subjectTypes.SUBJECT]: 'Fag',
   },
   searchPage: {
     noHits: 'Ingen artikler samsvarte med søket ditt på: {{query}}',
@@ -326,6 +327,7 @@ const messages = {
       },
     },
     menu: {
+      goToMainMenu: 'Gå til hovedmeny',
       close: 'Lukk',
       goTo: 'Gå til',
       search: 'Søk',

package/src/model/SubjectCategories.ts

@@ -7,5 +7,6 @@
  */
 
 export const ACTIVE_SUBJECTS = 'active';
-export const BETA_SUBJECTS = 'beta';
 export const ARCHIVE_SUBJECTS = 'archive';
+export const BETA_SUBJECTS = 'beta';
+export const OTHER = 'otherResources';

package/src/types.ts

@@ -120,3 +120,5 @@ export type NotionMedia = {
   type: 'video' | 'other';
   element: ReactNode;
 };
+
+export type HeadingLevel = 'h1' | 'h2' | 'h3' | 'h4' | 'h5';