@ndla/ui 25.1.0 → 25.2.0

package/lib/locale/messages-nb.js

@@ -1004,8 +1004,8 @@ var messages = _objectSpread(_objectSpread({
       loginWelcome: 'Velkommen til NDLA! Her kan du organisere fagstoffet på <i>din</i> måte!',
       welcome: 'Velkommen til Min NDLA! Nå kan du lagre dine favorittressurser fra NDLA og organisere dem slik du ønsker i mapper og med emneknagger.',
       read: {
-        our: 'Les våre',
-        ours: 'Les vår'
+        our: 'Les vår',
+        ours: 'Les våre'
       },
       privacy: 'personvernerklæring her',
       questions: {

package/lib/locale/messages-nn.js

@@ -1004,8 +1004,8 @@ var messages = _objectSpread(_objectSpread({
       loginWelcome: 'Velkommen til NDLA! Her kan du organisere fagstoffet på <i>din</i> måte!',
       welcome: 'Velkommen til Min NDLA! Nå kan du lagre dine favorittressurser fra NDLA og organisere dem slik du ønsker i mapper og med tags.',
       read: {
-        our: 'Les våre',
-        ours: 'Les vår'
+        our: 'Les vår',
+        ours: 'Les våre'
       },
       privacy: 'personvernerklæring her',
       questions: {

package/lib/locale/messages-se.js

@@ -1004,8 +1004,8 @@ var messages = _objectSpread(_objectSpread({
       loginWelcome: 'Velkommen til NDLA! Her kan du organisere fagstoffet på <i>din</i> måte!',
       welcome: 'Velkommen til Min NDLA! Nå kan du lagre dine favorittressurser fra NDLA og organisere dem slik du ønsker i mapper og med emneknagger.',
       read: {
-        our: 'Les våre',
-        ours: 'Les vår'
+        our: 'Les vår',
+        ours: 'Les våre'
       },
       privacy: 'personvernerklæring her',
       questions: {

package/lib/locale/messages-sma.js

@@ -1004,8 +1004,8 @@ var messages = _objectSpread(_objectSpread({
       loginWelcome: 'Velkommen til NDLA! Her kan du organisere fagstoffet på <i>din</i> måte!',
       welcome: 'Velkommen til Min NDLA! Nå kan du lagre dine favorittressurser fra NDLA og organisere dem slik du ønsker i mapper og med emneknagger.',
       read: {
-        our: 'Les våre',
-        ours: 'Les vår'
+        our: 'Les vår',
+        ours: 'Les våre'
       },
       privacy: 'personvernerklæring her',
       questions: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ndla/ui",
-  "version": "25.1.0",
+  "version": "25.2.0",
   "description": "UI component library for NDLA.",
   "license": "GPL-3.0",
   "main": "lib/index.js",
@@ -32,18 +32,18 @@
   ],
   "dependencies": {
     "@ndla/article-scripts": "^3.0.1",
-    "@ndla/button": "^3.3.5",
-    "@ndla/carousel": "^1.2.19",
+    "@ndla/button": "^3.4.0",
+    "@ndla/carousel": "^1.2.20",
     "@ndla/core": "^2.3.5",
-    "@ndla/forms": "^3.1.8",
+    "@ndla/forms": "^3.1.9",
     "@ndla/hooks": "^1.1.5",
-    "@ndla/icons": "^1.11.7",
-    "@ndla/licenses": "^5.0.12",
-    "@ndla/modal": "^1.3.3",
-    "@ndla/notion": "^3.1.36",
-    "@ndla/safelink": "^2.2.11",
+    "@ndla/icons": "^1.11.8",
+    "@ndla/licenses": "^5.0.13",
+    "@ndla/modal": "^1.3.4",
+    "@ndla/notion": "^3.1.37",
+    "@ndla/safelink": "^2.2.12",
     "@ndla/switch": "^0.1.13",
-    "@ndla/tabs": "^1.1.18",
+    "@ndla/tabs": "^1.1.19",
     "@ndla/tooltip": "^2.2.1",
     "@ndla/types-learningpath-api": "^0.0.13",
     "@ndla/util": "^3.0.1",
@@ -85,5 +85,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "baebd3de72d4161213f0592ce05bc771f99d52d7"
+  "gitHead": "77c572e47d6e8438fe2fa7683696963375244a82"
 }

package/src/Article/ArticleFavoritesButton.tsx

@@ -31,7 +31,8 @@ export const ArticleFavoritesButton = ({ isFavorite, onToggleAddToFavorites, art
         inactiveIcon={<HeartOutline />}
         active={isFavorite}
         size="small"
-        ghostPill
+        variant="ghost"
+        shape="pill"
         onClick={() => onToggleAddToFavorites(articleId, !isFavorite)}
       />
     </Tooltip>

package/src/Frontpage/FrontpageHeader.tsx

@@ -61,7 +61,7 @@ const FrontpageHeader = ({ locale, showHeader = true, children, t }: FrontPageHe
         <SvgLogo locale={locale} />
       </StyledLogo>
       {showHeader && (
-        <HeaderIllustrationWrapper>
+        <HeaderIllustrationWrapper aria-hidden="true">
           <FrontpageHeaderIllustration />
         </HeaderIllustrationWrapper>
       )}

package/src/Frontpage/FrontpageProgramMenu.tsx

@@ -119,7 +119,7 @@ const FrontpageProgramMenu = ({ programItems, subjectCategories, showBetaCursor
           <StyledMenuItem>{t('frontpageMenu.allsubjects')}</StyledMenuItem>
         </Button>
         {showBetaCursor && (
-          <CursorPlaceholder>
+          <CursorPlaceholder aria-hidden="true">
             <CursorWrapper>
               <LeftCursor hide={showSubjects} />
               <CursorTextWrapper>

package/src/Image/Image.tsx

@@ -64,10 +64,10 @@ const Image = ({
   contentType,
   sizes = '(min-width: 1024px) 1024px, 100vw',
   expandButton,
+  fallbackWidth = 1024,
   ...rest
 }: Props) => {
   const srcSet = rest.srcSet ?? getSrcSet(src, crop, focalPoint);
-  const fallbackWidth = rest.fallbackWidth ?? 1024;
   const queryString = makeSrcQueryString(fallbackWidth, crop, focalPoint);
 
   if (contentType && contentType === 'image/gif') {

package/src/LanguageSelector/LanguageSelector.tsx

@@ -10,7 +10,7 @@ import React, { useState } from 'react';
 import styled from '@emotion/styled';
 import { css } from '@emotion/core';
 import FocusTrapReact from 'focus-trap-react';
-import Button, { appearances } from '@ndla/button';
+import { ButtonV2 as Button } from '@ndla/button';
 import { spacing, misc, colors, mq, breakpoints, animations, fonts, spacingUnit } from '@ndla/core';
 import { ChevronDown } from '@ndla/icons/common';
 import { useTranslation } from 'react-i18next';
@@ -95,12 +95,6 @@ const StyledSpan = styled.span`
   font-weight: ${fonts.weight.semibold};
 `;
 
-const styledInvertedOutlineLargeScreensOnly = css`
-  ${mq.range({ from: breakpoints.tablet })} {
-    ${appearances.ghostPillOutlineInverted}
-  }
-`;
-
 type Props = {
   options: {
     [key: string]: {
@@ -116,31 +110,35 @@ type Props = {
   alwaysVisible?: boolean;
 };
 
-const LanguageSelector = ({
-  currentLanguage,
-  outline,
-  center,
-  inverted,
-  invertedOutlineLargeScreensOnly,
-  alwaysVisible,
-}: Props) => {
+interface StyledButtonProps {
+  outline?: boolean;
+  inverted?: boolean;
+}
+
+const StyledButton = styled(Button)<StyledButtonProps>`
+  border-color: ${({ inverted, outline }) =>
+    outline ? (inverted ? colors.white : colors.brand.primary) : 'transparent'};
+`;
+
+const LanguageSelector = ({ currentLanguage, outline, center, inverted, alwaysVisible }: Props) => {
   const { t, i18n } = useTranslation();
   const [infoLocale, setInfoLocale] = useState(i18n.language);
   const [isOpen, setIsOpen] = useState(false);
   return (
     <StyledWrapper alwaysVisible={alwaysVisible}>
-      <Button
-        ghostPillOutline={outline && !inverted}
-        ghostPill={!outline && !inverted}
-        ghostPillOutlineInverted={outline && inverted}
-        ghostPillInverted={!outline && inverted}
-        css={invertedOutlineLargeScreensOnly && styledInvertedOutlineLargeScreensOnly}
+      <StyledButton
+        outline={outline}
+        inverted={inverted}
+        shape="pill"
+        size="medium"
+        colorTheme="lighter"
+        variant="ghost"
         onClick={() => setIsOpen(true)}>
         <StyledSpan>
           {t(`languages.prefixChangeLanguage`)}: {t(`languages.${infoLocale}`)}
         </StyledSpan>
         <ChevronDown />
-      </Button>
+      </StyledButton>
       {isOpen && (
         <FocusTrapReact
           active
@@ -153,7 +151,7 @@ const LanguageSelector = ({
           }}>
           <StyledModal animateIn={isOpen} centered={center}>
             <Button
-              link
+              variant="link"
               onClick={() => {
                 setIsOpen(false);
               }}>

package/src/Masthead/Masthead.tsx

@@ -21,6 +21,7 @@ interface MastheadItemProps {
 
 const LeftMastheadItem = styled.div`
   display: flex;
+  align-items: center;
   button {
     white-space: nowrap;
   }
@@ -35,6 +36,7 @@ const LeftMastheadItem = styled.div`
 
 const RightMastheadItem = styled.div`
   display: flex;
+  gap: ${spacing.small};
   align-items: center;
   justify-content: flex-end;
   ${mq.range({ from: breakpoints.tablet })} {

package/src/Masthead/MastheadAuthModal.tsx

@@ -8,9 +8,9 @@
 
 import React from 'react';
 import styled from '@emotion/styled';
-import Button from '@ndla/button';
+import { ButtonV2 as Button } from '@ndla/button';
 import { Feide } from '@ndla/icons/common';
-import { colors, fonts, spacing } from '@ndla/core';
+import { colors, spacing } from '@ndla/core';
 import { useTranslation } from 'react-i18next';
 
 import AuthModal, { AuthModalProps } from '../User/AuthModal';
@@ -20,20 +20,15 @@ type FeideWrapperProps = {
 };
 
 const StyledButton = styled(Button)<FeideWrapperProps>`
-  font-weight: ${fonts.weight.semibold};
-  display: flex;
-  align-items: center;
-  .feide-icon svg {
+  svg {
     margin-left: ${spacing.xsmall};
-    fill: ${colors.brand.primary};
-    color: ${(props) => (props.inverted ? `#ffffff` : `#000000`)};
+    color: ${(props) => (props.inverted ? colors.white : colors.brand.primary)};
     width: 22px;
     height: 22px;
   }
-  &:hover {
-    .feide-icon svg {
-      color: #000000;
-    }
+  &:hover svg,
+  &:focus svg {
+    color: ${colors.brand.primary};
   }
 `;
 
@@ -43,15 +38,20 @@ interface Props extends AuthModalProps {
 
 const MastheadAuthModal = ({ inverted, ...rest }: Props) => {
   const { t } = useTranslation();
+
   return (
     <AuthModal
       {...rest}
       activateButton={
-        <StyledButton inverted={inverted} ghostPill={!inverted} ghostPillInverted={inverted} aria-label="Feide">
+        <StyledButton
+          inverted={inverted}
+          shape="pill"
+          size="medium"
+          colorTheme="lighter"
+          variant="ghost"
+          aria-label={t('user.buttonLogIn')}>
           {t('myNdla.myNDLA')}
-          <span className="feide-icon">
-            <Feide />
-          </span>
+          <Feide />
         </StyledButton>
       }
     />

package/src/Masthead/MastheadSearchModal.tsx

@@ -1,6 +1,6 @@
 import React, { ReactChild, ReactChildren, ReactNode } from 'react';
 import Modal from '@ndla/modal';
-import Button from '@ndla/button';
+import { IconButtonV2 as IconButton } from '@ndla/button';
 import { Cross } from '@ndla/icons/action';
 import { isFunction } from '@ndla/util';
 import styled from '@emotion/styled';
@@ -17,6 +17,9 @@ interface Props {
 }
 
 const StyledHeader = styled.div`
+  display: flex;
+  gap: ${spacing.small};
+  align-items: center;
   ${mq.range({ from: breakpoints.tablet })} {
     width: 1024px;
     max-width: calc(100vw - 100px);
@@ -50,26 +53,6 @@ const StyledHeader = styled.div`
       }
     }
   }
-  > button {
-    width: ${spacing.large};
-    height: 48px;
-    ${mq.range({ from: breakpoints.tablet })} {
-      transform: translate(${spacing.large}, 0);
-      width: ${spacing.large};
-      height: 56px;
-      &:hover,
-      &:focus {
-        transform: translate(calc(${spacing.large} + 1px), 1px);
-      }
-    }
-    ${mq.range({ from: breakpoints.wide })} {
-      transform: translate(${spacing.large}, 0);
-      &:hover,
-      &:focus {
-        transform: translate(calc(${spacing.large} + 1px), 1px);
-      }
-    }
-  }
 `;
 
 const modalStyles = css`
@@ -133,9 +116,9 @@ const MastheadSearchModal = ({
         <div css={extraBackdrop} />
         <StyledHeader>
           {isFunction(children) ? children(closeModal) : children}
-          <Button stripped onClick={closeModal}>
+          <IconButton aria-label={t('welcomePage.closeSearch')} variant="ghost" colorTheme="light" onClick={closeModal}>
             <Cross className="c-icon--medium" />
-          </Button>
+          </IconButton>
         </StyledHeader>
       </>
     )}

package/src/NDLAFilm/AboutNdlaFilm.tsx

@@ -3,7 +3,7 @@ import { useTranslation } from 'react-i18next';
 import styled from '@emotion/styled';
 import Modal, { ModalHeader, ModalBody, ModalCloseButton } from '@ndla/modal';
 import { colors, spacing, fonts, mq, breakpoints } from '@ndla/core';
-import Button from '@ndla/button';
+import { ButtonV2 as Button } from '@ndla/button';
 import { OneColumn } from '..';
 import VisualElement from './VisualElement';
 
@@ -67,7 +67,7 @@ const AboutNdlaFilm = ({ aboutNDLAVideo, moreAboutNdlaFilm }: Props) => {
         <div>
           <h1>{aboutNDLAVideo.title}</h1>
           <p>{aboutNDLAVideo.description}</p>
-          <Modal size="fullscreen" activateButton={<Button link>{t('ndlaFilm.about.more')}</Button>}>
+          <Modal size="fullscreen" activateButton={<Button variant="link">{t('ndlaFilm.about.more')}</Button>}>
             {(onClose) => (
               <OneColumn cssModifier="medium">
                 <ModalHeader>

package/src/Navigation/NavigationHeading.tsx

@@ -45,10 +45,11 @@ type Props = {
   subHeading?: string;
   children: ReactNode;
   invertedStyle?: boolean;
+  headingId?: string;
 };
 
-export const NavigationHeading = ({ subHeading, children, invertedStyle }: Props) => (
-  <StyledH1 invertedStyle={invertedStyle}>
+export const NavigationHeading = ({ subHeading, children, invertedStyle, headingId }: Props) => (
+  <StyledH1 invertedStyle={invertedStyle} id={headingId} tabIndex={-1}>
     {subHeading && <StyledSubText>{subHeading}</StyledSubText>}
     <StyledMainText>{children}</StyledMainText>
   </StyledH1>

package/src/Navigation/NavigationTopicAbout.tsx

@@ -146,6 +146,7 @@ export const NavigationTopicAbout = ({
             {parse(renderMarkdown(introduction))}
             <StyledButtonWrapper invertedStyle={invertedStyle}>
               <Button
+                aria-expanded={!!showContent}
                 link
                 onClick={() => {
                   onToggleShowContent();

package/src/Programme/Programme.tsx

@@ -65,9 +65,18 @@ type Props = GradesProps & {
   heading?: string;
   image?: string;
   messageBoxText?: string;
+  headingId?: string;
 };
 
-export const Programme = ({ heading, image, grades, selectedGrade, onChangeGrade, messageBoxText }: Props) => {
+export const Programme = ({
+  heading,
+  image,
+  grades,
+  selectedGrade,
+  onChangeGrade,
+  messageBoxText,
+  headingId,
+}: Props) => {
   const { t } = useTranslation();
   return (
     <StyledWrapper>
@@ -76,7 +85,7 @@ export const Programme = ({ heading, image, grades, selectedGrade, onChangeGrade
         <StyledLayoutWrapper>
           <LayoutItem layout="extend">
             <StyledContentWrapper>
-              <NavigationHeading>{heading}</NavigationHeading>
+              <NavigationHeading headingId={headingId}>{heading}</NavigationHeading>
               {messageBoxText && <MessageBox>{t(messageBoxText)}</MessageBox>}
               <SubjectsWrapper>
                 <ProgrammeSubjects grades={grades} selectedGrade={selectedGrade} onChangeGrade={onChangeGrade} />

package/src/Search/SearchField.tsx

@@ -139,7 +139,12 @@ const SearchField = ({
           {t('welcomePage.resetSearch')}
         </button>
       )}
-      <button tabIndex={-1} {...classes('button', 'searchIcon')} type="submit" value="Search">
+      <button
+        tabIndex={-1}
+        {...classes('button', 'searchIcon')}
+        type="submit"
+        value="Search"
+        aria-label={t('siteNav.search')}>
         <SearchIcon />
       </button>
     </div>

package/src/Search/SearchFieldForm.tsx

@@ -58,7 +58,7 @@ const StyledForm = styled.form<StyledProps>`
 
 export const SearchFieldForm = ({ children, inputHasFocus, onSubmit }: Props) => {
   return (
-    <StyledForm action="/search/" inputHasFocus={inputHasFocus} onSubmit={onSubmit}>
+    <StyledForm role="search" action="/search/" inputHasFocus={inputHasFocus} onSubmit={onSubmit}>
       {children}
     </StyledForm>
   );

package/src/Search/ToggleSearchButton.tsx

@@ -32,7 +32,7 @@ const StyledButton = styled(Button)<StyledButtonProps>`
   color: ${(p) => (p.ndlaFilm ? '#fff' : colors.brand.primary)};
   padding: ${spacing.small} ${spacingUnit * 0.75}px ${spacing.small} ${spacing.normal};
   align-items: center;
-  margin-left: ${spacing.normal};
+  margin-left: ${spacing.medium};
 
   .c-icon {
     height: 24px;
@@ -43,7 +43,7 @@ const StyledButton = styled(Button)<StyledButtonProps>`
 
   ${mq.range({ from: breakpoints.desktop })} {
     display: ${(p) => (p.hideOnWideScreen ? 'none' : 'flex')};
-    margin-right: ${spacing.medium};
+    margin-right: ${spacing.nsmall};
     padding: ${spacing.small} ${spacing.normal};
   }
   &:hover,

package/src/TagSelector/SuggestionInput.tsx

@@ -254,7 +254,7 @@ const SuggestionInput = ({
               ariaLabelActive={t('tagSelector.showAllTags')}
               ariaLabelInActive={t('tagSelector.hideAllTags')}
               active={expanded}
-              greyLighter
+              colorTheme="lighter"
               inactiveIcon={<ChevronDown />}
               activeIcon={<ChevronUp />}
               size="small"

package/src/Topic/Topic.tsx

@@ -339,6 +339,7 @@ const Topic = ({
               {onToggleShowContent && (
                 <StyledButtonWrapper invertedStyle={invertedStyle}>
                   <Button
+                    aria-expanded={!!showContent}
                     link
                     onClick={() => {
                       onToggleShowContent();

package/src/TopicMenu/TopicMenu.jsx

@@ -13,11 +13,13 @@ import React, { Fragment, useEffect, useState } from 'react';
 import PropTypes from 'prop-types';
 import BEMHelper from 'react-bem-helper';
 import { debounce } from 'lodash';
+import { spacing } from '@ndla/core';
+import styled from '@emotion/styled';
 
 import { Home, Back, Additional, ChevronRight } from '@ndla/icons/common';
 import { Cross } from '@ndla/icons/action';
 import { ModalHeader } from '@ndla/modal';
-import Button from '@ndla/button';
+import { ButtonV2 as Button } from '@ndla/button';
 import SafeLink from '@ndla/safelink';
 import Tooltip from '@ndla/tooltip';
 import { useTranslation } from 'react-i18next';
@@ -35,6 +37,10 @@ const classes = new BEMHelper({
   prefix: 'c-',
 });
 
+const StyledButton = styled(Button)`
+  padding: ${spacing.xsmall} ${spacing.small};
+`;
+
 export const renderAdditionalIcon = (isAdditional, label) => {
   if (isAdditional && label) {
     return (
@@ -192,40 +198,40 @@ export const TopicMenu = ({
           <div {...classes('subject__header')}>
             <div {...classes('subject__header__menu-filter')}>
               {subjectTitle && (
-                <Button
+                <StyledButton
                   onClick={() => setSelectedMenu(MENU_CURRENT_SUBJECT)}
-                  lighter={selectedMenu !== MENU_CURRENT_SUBJECT}
+                  colorTheme={selectedMenu !== MENU_CURRENT_SUBJECT ? 'lighter' : 'primary'}
                   size="small"
-                  borderShape="rounded">
+                  shape="pill">
                   {subjectTitle}
-                </Button>
+                </StyledButton>
               )}
               {currentProgramme && (
-                <Button
+                <StyledButton
                   onClick={() => setSelectedMenu(MENU_CURRENT_PROGRAMME)}
-                  lighter={selectedMenu !== MENU_CURRENT_PROGRAMME}
+                  colorTheme={selectedMenu !== MENU_CURRENT_PROGRAMME ? 'lighter' : 'primary'}
                   size="small"
-                  borderShape="rounded">
+                  shape="pill">
                   {currentProgramme.name}
-                </Button>
+                </StyledButton>
               )}
               {programmes && (
-                <Button
+                <StyledButton
                   onClick={() => setSelectedMenu(MENU_PROGRAMMES)}
-                  lighter={selectedMenu !== MENU_PROGRAMMES}
+                  colorTheme={selectedMenu !== MENU_PROGRAMMES ? 'lighter' : 'primary'}
                   size="small"
-                  borderShape="rounded">
+                  shape="pill">
                   {t('frontpageMenu.program')}
-                </Button>
+                </StyledButton>
               )}
               {subjectCategories && (
-                <Button
+                <StyledButton
                   onClick={() => setSelectedMenu(MENU_ALL_SUBJECTS)}
-                  lighter={selectedMenu !== MENU_ALL_SUBJECTS}
+                  colorTheme={selectedMenu !== MENU_ALL_SUBJECTS ? 'lighter' : 'primary'}
                   size="small"
-                  borderShape="rounded">
+                  shape="pill">
                   {t('frontpageMenu.allsubjects')}
-                </Button>
+                </StyledButton>
               )}
             </div>
           </div>

package/src/TopicMenu/TopicMenuButton.jsx

@@ -11,14 +11,13 @@ import PropTypes from 'prop-types';
 import { css } from '@emotion/core';
 import { spacing, fonts, colors, mq, breakpoints } from '@ndla/core';
 import { Menu } from '@ndla/icons/common';
-import Button from '@ndla/button';
+import { ButtonV2 as Button } from '@ndla/button';
 
 const style = css`
+  display: block;
   position: relative;
   background: transparent;
-  padding: ${spacing.small};
-  padding-right: ${spacing.normal};
-  padding-left: ${spacing.normal};
+  padding: ${spacing.small} ${spacing.normal};
   font-weight: ${fonts.weight.normal};
 
   svg {
@@ -28,13 +27,13 @@ const style = css`
     margin-right: ${spacing.xsmall};
   }
   &:hover {
-    border: 3px solid transparent;
+    border-color: transparent;
     background: ${colors.brand.primary};
     color: ${colors.white};
   }
   &:active,
   &:focus {
-    border: 2px solid ${colors.brand.lighter};
+    border-color: ${colors.brand.lighter};
     background: ${colors.white};
     color: ${colors.brand.primary};
   }
@@ -45,7 +44,7 @@ const style = css`
 `;
 
 const TopicMenuButton = ({ ndlaFilm, children, ...rest }) => (
-  <Button invertedOutline={ndlaFilm} outline={!ndlaFilm} css={style} {...rest}>
+  <Button inverted={ndlaFilm} variant="outline" css={style} {...rest}>
     <Menu /> {children}
   </Button>
 );

package/src/locale/messages-nb.ts

@@ -1040,7 +1040,7 @@ const messages = {
       loginWelcome: 'Velkommen til NDLA! Her kan du organisere fagstoffet på <i>din</i> måte!',
       welcome:
         'Velkommen til Min NDLA! Nå kan du lagre dine favorittressurser fra NDLA og organisere dem slik du ønsker i mapper og med emneknagger.',
-      read: { our: 'Les våre', ours: 'Les vår' },
+      read: { our: 'Les vår', ours: 'Les våre' },
       privacy: 'personvernerklæring her',
       questions: { question: 'Lurer du på noe?', ask: 'Spør oss i chatten' },
       wishToDelete: 'Vil du ikke ha brukerprofil hos oss lenger?',

package/src/locale/messages-nn.ts

@@ -1041,7 +1041,7 @@ const messages = {
       loginWelcome: 'Velkommen til NDLA! Her kan du organisere fagstoffet på <i>din</i> måte!',
       welcome:
         'Velkommen til Min NDLA! Nå kan du lagre dine favorittressurser fra NDLA og organisere dem slik du ønsker i mapper og med tags.',
-      read: { our: 'Les våre', ours: 'Les vår' },
+      read: { our: 'Les vår', ours: 'Les våre' },
       privacy: 'personvernerklæring her',
       questions: { question: 'Lurer du på noko?', ask: 'Spør oss i chatten' },
       wishToDelete: 'Vil du ikkje ha brukerprofil hos oss lenger?',

package/src/locale/messages-se.ts

@@ -1040,7 +1040,7 @@ const messages = {
       loginWelcome: 'Velkommen til NDLA! Her kan du organisere fagstoffet på <i>din</i> måte!',
       welcome:
         'Velkommen til Min NDLA! Nå kan du lagre dine favorittressurser fra NDLA og organisere dem slik du ønsker i mapper og med emneknagger.',
-      read: { our: 'Les våre', ours: 'Les vår' },
+      read: { our: 'Les vår', ours: 'Les våre' },
       privacy: 'personvernerklæring her',
       questions: { question: 'Lurer du på noe?', ask: 'Spør oss i chatten' },
       wishToDelete: 'Vil du ikke ha brukerprofil hos oss lenger?',