@ndla/ui 55.0.15-alpha.0 → 55.0.17-alpha.0

package/es/SnackBar/DefaultSnackbar.js

@@ -12,7 +12,7 @@ import { IconButtonV2 } from "@ndla/button";
 import { breakpoints, colors, fonts, misc, mq, shadows, spacing } from "@ndla/core";
 import { Cross } from "@ndla/icons/action";
 import { useSnack } from "./SnackbarProvider";
-import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const DefaultSnackContainer = /*#__PURE__*/_styled("div", {
   target: "e1s2vq9x1",
   label: "DefaultSnackContainer"
@@ -34,15 +34,15 @@ const DefaultSnack = snack => {
   const {
     closeSnack
   } = useSnack();
-  return _jsxs(DefaultSnackContainer, {
-    children: [icon, snack.content, _jsx(ButtonWrapper, {
-      children: closable && _jsx(IconButtonV2, {
+  return /*#__PURE__*/_jsxs(DefaultSnackContainer, {
+    children: [icon, snack.content, /*#__PURE__*/_jsx(ButtonWrapper, {
+      children: closable && /*#__PURE__*/_jsx(IconButtonV2, {
         size: "xsmall",
         variant: "outline",
         colorTheme: "greyLighter",
         onClick: () => closeSnack(snack),
         "aria-label": t("snackbar.close"),
-        children: _jsx(Cross, {})
+        children: /*#__PURE__*/_jsx(Cross, {})
       })
     })]
   });

package/es/SnackBar/SnackbarProvider.js

@@ -11,7 +11,7 @@ import { useCallback, useMemo, createContext, useState, useContext, useEffect }
 import { keyframes } from "@emotion/react";
 import { spacing, stackOrder } from "@ndla/core";
 import DefaultSnack from "./DefaultSnackbar";
-import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const SnackbarContext = /*#__PURE__*/createContext(undefined);
 export const useSnack = () => {
   const context = useContext(SnackbarContext);
@@ -49,9 +49,9 @@ export const SnackbarProvider = _ref => {
     clearSnacks,
     closeSnack
   }), [addSnack, removeSnack, clearSnacks, closeSnack]);
-  return _jsxs(SnackbarContext.Provider, {
+  return /*#__PURE__*/_jsxs(SnackbarContext.Provider, {
     value: value,
-    children: [children, _jsx(SnackbarContainer, {
+    children: [children, /*#__PURE__*/_jsx(SnackbarContainer, {
       snacks: snacks
     })]
   });
@@ -92,7 +92,7 @@ export const BaseSnack = _ref3 => {
     const timeout = setTimeout(() => setExpired(true), duration);
     return () => clearTimeout(timeout);
   }, [duration]);
-  return _jsx(BaseSnackContainer, {
+  return /*#__PURE__*/_jsx(BaseSnackContainer, {
     expired: expired,
     onAnimationEnd: () => expired && removeSnack(id),
     children: children
@@ -106,12 +106,12 @@ const SnackbarContainer = _ref4 => {
   let {
     snacks
   } = _ref4;
-  return _jsx(StyledSnackList, {
+  return /*#__PURE__*/_jsx(StyledSnackList, {
     "aria-live": "polite",
     role: "region",
-    children: snacks.map(snack => _jsx(BaseSnack, {
+    children: snacks.map(snack => /*#__PURE__*/_jsx(BaseSnack, {
       ...snack,
-      children: snack.render?.(snack.id) ?? _jsx(DefaultSnack, {
+      children: snack.render?.(snack.id) ?? /*#__PURE__*/_jsx(DefaultSnack, {
         ...snack
       })
     }, snack.id))

package/es/TagSelector/TagSelector.js

@@ -11,7 +11,7 @@ import { ComboboxContext, useTagsInputContext } from "@ark-ui/react";
 import { Cross } from "@ndla/icons/action";
 import { ComboboxClearTrigger, ComboboxControl, ComboboxInput, ComboboxLabel, ComboboxRoot, ComboboxTrigger, TagsInputControl, TagsInputInput, TagsInputItem, TagsInputItemDeleteTrigger, TagsInputItemPreview, TagsInputItemText, TagsInputRoot, TagsInputItemInput } from "@ndla/primitives";
 import { contains } from "@ndla/util";
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "@emotion/react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 export const TagSelectorRoot = _ref => {
   let {
     allowCustomValue = true,
@@ -36,7 +36,7 @@ export const TagSelectorRoot = _ref => {
       controlRef.current = document.getElementById(ids.control);
     }
   }, [ids.control]);
-  return _jsx(ComboboxRoot, {
+  return /*#__PURE__*/_jsx(ComboboxRoot, {
     ids: ids,
     asChild: true,
     allowCustomValue: allowCustomValue,
@@ -51,8 +51,8 @@ export const TagSelectorRoot = _ref => {
     },
     value: value,
     ...rest,
-    children: _jsx(ComboboxContext, {
-      children: api => _jsx(TagsInputRoot, {
+    children: /*#__PURE__*/_jsx(ComboboxContext, {
+      children: api => /*#__PURE__*/_jsx(TagsInputRoot, {
         ids: ids,
         value: value,
         onInputValueChange: details => api.setInputValue(details.inputValue),
@@ -73,9 +73,9 @@ export const TagSelectorControl = /*#__PURE__*/forwardRef((_ref2, ref) => {
     children,
     ...props
   } = _ref2;
-  return _jsx(ComboboxControl, {
+  return /*#__PURE__*/_jsx(ComboboxControl, {
     asChild: true,
-    children: _jsx(TagsInputControl, {
+    children: /*#__PURE__*/_jsx(TagsInputControl, {
       ...props,
       ref: ref,
       children: children
@@ -90,9 +90,9 @@ export const TagSelectorInputBase = /*#__PURE__*/forwardRef((_ref3, ref) => {
     ...props
   } = _ref3;
   const tagsApi = useTagsInputContext();
-  return _jsx(ComboboxInput, {
+  return /*#__PURE__*/_jsx(ComboboxInput, {
     asChild: true,
-    children: _jsx(TagsInputInput, {
+    children: /*#__PURE__*/_jsx(TagsInputInput, {
       ...props,
       onKeyDown: event => {
         if (event.key === "Enter") {
@@ -110,20 +110,20 @@ export const TagSelectorInput = /*#__PURE__*/forwardRef((_ref4, ref) => {
     ...props
   } = _ref4;
   const tagsApi = useTagsInputContext();
-  return _jsxs(_Fragment, {
-    children: [tagsApi.value.map((value, index) => _jsxs(TagsInputItem, {
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [tagsApi.value.map((value, index) => /*#__PURE__*/_jsxs(TagsInputItem, {
       index: index,
       value: value,
-      children: [_jsxs(TagsInputItemPreview, {
-        children: [_jsx(TagsInputItemText, {
+      children: [/*#__PURE__*/_jsxs(TagsInputItemPreview, {
+        children: [/*#__PURE__*/_jsx(TagsInputItemText, {
           children: value
-        }), _jsx(TagsInputItemDeleteTrigger, {
-          children: _jsx(Cross, {})
+        }), /*#__PURE__*/_jsx(TagsInputItemDeleteTrigger, {
+          children: /*#__PURE__*/_jsx(Cross, {})
         })]
-      }), _jsx(TagsInputItemInput, {})]
-    }, value)), _jsx(ComboboxInput, {
+      }), /*#__PURE__*/_jsx(TagsInputItemInput, {})]
+    }, value)), /*#__PURE__*/_jsx(ComboboxInput, {
       asChild: true,
-      children: _jsx(TagsInputInput, {
+      children: /*#__PURE__*/_jsx(TagsInputInput, {
         ...props,
         onKeyDown: event => {
           if (event.key === "Enter") {

package/es/TreeStructure/AddFolderButton.js

@@ -13,7 +13,7 @@ import { useTranslation } from "react-i18next";
 import { ButtonV2 as Button } from "@ndla/button";
 import { Plus } from "@ndla/icons/action";
 import { Tooltip } from "@ndla/tooltip";
-import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const StyledAddFolderButton = /*#__PURE__*/_styled(Button, {
   target: "e1bj2d241",
   label: "StyledAddFolderButton"
@@ -53,9 +53,9 @@ const AddFolderButton = _ref => {
   const tooltip = loading ? t("loading") : canAddFolder ? t("myNdla.newFolderUnder", {
     folderName: focusedFolder?.name
   }) : t("treeStructure.maxFoldersAlreadyAdded");
-  return _jsx(Tooltip, {
+  return /*#__PURE__*/_jsx(Tooltip, {
     tooltip: tooltip,
-    children: _jsxs(StyledAddFolderButton, {
+    children: /*#__PURE__*/_jsxs(StyledAddFolderButton, {
       ref: ref,
       variant: "outline",
       shape: "pill",
@@ -76,7 +76,7 @@ const AddFolderButton = _ref => {
         setNewFolderParentId(focusedFolder?.id);
         setShowTree(true);
       },
-      children: [_jsx(StyledPlus, {}), " ", t("myNdla.newFolder")]
+      children: [/*#__PURE__*/_jsx(StyledPlus, {}), " ", t("myNdla.newFolder")]
     })
   });
 };

package/es/TreeStructure/ComboboxButton.js

@@ -15,7 +15,7 @@ import { useForwardedRef } from "@ndla/util";
 import { arrowNavigation } from "./arrowNavigation";
 import { treestructureId } from "./helperFunctions";
 import ContentLoader from "../ContentLoader";
-import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const StyledRow = /*#__PURE__*/_styled("div", {
   target: "e1g7ykt81",
   label: "StyledRow"
@@ -64,7 +64,7 @@ const ComboboxButton = /*#__PURE__*/forwardRef((_ref, ref) => {
       arrowNavigation(e, focusedFolder.id, flattenedFolders, setFocusedFolder, onOpenFolder, onCloseFolder);
     }
   };
-  return _jsxs(StyledRow, {
+  return /*#__PURE__*/_jsxs(StyledRow, {
     "data-open": showTree,
     onMouseDown: e => {
       if (!e.defaultPrevented) {
@@ -74,10 +74,10 @@ const ComboboxButton = /*#__PURE__*/forwardRef((_ref, ref) => {
         innerRef.current?.focus();
       }
     },
-    children: [loading && _jsx(ContentLoader, {
+    children: [loading && /*#__PURE__*/_jsx(ContentLoader, {
       width: 1000,
       height: 40,
-      children: _jsx("rect", {
+      children: /*#__PURE__*/_jsx("rect", {
         x: "15",
         y: "0",
         width: "1000",
@@ -86,7 +86,7 @@ const ComboboxButton = /*#__PURE__*/forwardRef((_ref, ref) => {
         r: "15",
         height: "40"
       })
-    }), !loading && _jsx(StyledSelectedFolder, {
+    }), !loading && /*#__PURE__*/_jsx(StyledSelectedFolder, {
       ref: innerRef,
       tabIndex: 0,
       id: treestructureId(type, "combobox"),
@@ -107,7 +107,7 @@ const ComboboxButton = /*#__PURE__*/forwardRef((_ref, ref) => {
         onToggleTree(showTree);
       },
       children: selectedFolder?.name
-    }), _jsx(IconButton, {
+    }), /*#__PURE__*/_jsx(IconButton, {
       disabled: loading,
       "aria-busy": loading,
       "aria-hidden": true,
@@ -120,7 +120,7 @@ const ComboboxButton = /*#__PURE__*/forwardRef((_ref, ref) => {
         innerRef.current?.focus();
         onToggleTree(!showTree);
       },
-      children: showTree ? _jsx(ChevronUp, {}) : _jsx(ChevronDown, {})
+      children: showTree ? /*#__PURE__*/_jsx(ChevronUp, {}) : /*#__PURE__*/_jsx(ChevronDown, {})
     })]
   });
 });

package/es/TreeStructure/FolderItem.js

@@ -18,7 +18,7 @@ import { Done } from "@ndla/icons/editor";
 import { SafeLink } from "@ndla/safelink";
 import { arrowNavigation } from "./arrowNavigation";
 import { treestructureId } from "./helperFunctions";
-import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const OpenButton = /*#__PURE__*/_styled("span", {
   target: "e11ok6h86",
   label: "OpenButton"
@@ -135,7 +135,7 @@ const FolderItem = _ref => {
   const hideArrow = isMaxDepth || emptyFolder;
   const FolderIcon = folder.status === "shared" ? FolderShared : FolderOutlined;
   const tabable = selected || focused || !focusedFolder && !folder.parentId && index === 0;
-  return type === "navigation" ? _jsxs(FolderNameLink, {
+  return type === "navigation" ? /*#__PURE__*/_jsxs(FolderNameLink, {
     role: "treeitem",
     "aria-owns": folder.subfolders.length ? treestructureId(type, `subfolders-${folder.id}`) : undefined,
     "aria-expanded": isMaxDepth || emptyFolder ? undefined : isOpen,
@@ -155,7 +155,7 @@ const FolderItem = _ref => {
     "data-selected": selected,
     onFocus: () => setFocusedFolder(folder),
     onClick: handleClickFolder,
-    children: [_jsx(OpenButton, {
+    children: [/*#__PURE__*/_jsx(OpenButton, {
       "aria-hidden": true,
       tabIndex: -1,
       "data-open": isOpen,
@@ -170,11 +170,11 @@ const FolderItem = _ref => {
           onOpenFolder(id);
         }
       },
-      children: _jsx(ArrowDropDownRounded, {})
-    }), _jsx(StyledName, {
+      children: /*#__PURE__*/_jsx(ArrowDropDownRounded, {})
+    }), /*#__PURE__*/_jsx(StyledName, {
       children: name
     })]
-  }) : _jsxs(FolderName, {
+  }) : /*#__PURE__*/_jsxs(FolderName, {
     tabIndex: -1,
     role: "treeitem",
     id: treestructureId(type, folder.id),
@@ -194,8 +194,8 @@ const FolderItem = _ref => {
     onFocus: () => setFocusedFolder(focusedFolder || folder),
     onClick: handleClickFolder,
     "data-creating": isCreatingFolder,
-    children: [_jsxs(IconWrapper, {
-      children: [_jsx(OpenButton, {
+    children: [/*#__PURE__*/_jsxs(IconWrapper, {
+      children: [/*#__PURE__*/_jsx(OpenButton, {
         "aria-hidden": true,
         tabIndex: -1,
         "data-open": isOpen,
@@ -209,13 +209,13 @@ const FolderItem = _ref => {
             onOpenFolder(id);
           }
         },
-        children: _jsx(ArrowDropDownRounded, {})
-      }), _jsx(FolderIconWrapper, {
-        children: _jsx(FolderIcon, {})
+        children: /*#__PURE__*/_jsx(ArrowDropDownRounded, {})
+      }), /*#__PURE__*/_jsx(FolderIconWrapper, {
+        children: /*#__PURE__*/_jsx(FolderIcon, {})
       })]
-    }), _jsx(StyledName, {
+    }), /*#__PURE__*/_jsx(StyledName, {
       children: name
-    }), containsResource && _jsx(StyledDone, {
+    }), containsResource && /*#__PURE__*/_jsx(StyledDone, {
       "aria-label": t("myNdla.alreadyInFolder"),
       id: `alreadyAdded-${folder.id}`,
       title: t("myNdla.alreadyInFolder")

package/es/TreeStructure/FolderItems.js

@@ -11,7 +11,7 @@ function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringif
 import { animations } from "@ndla/core";
 import FolderItem from "./FolderItem";
 import { treestructureId } from "./helperFunctions";
-import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const StyledUL = /*#__PURE__*/_styled("ul", {
   target: "ef48q151",
   label: "StyledUL"
@@ -43,7 +43,7 @@ const FolderItems = _ref => {
     newFolderInput,
     ...rest
   } = _ref;
-  return _jsxs(StyledUL, {
+  return /*#__PURE__*/_jsxs(StyledUL, {
     id: level === 0 && type === "picker" ? treestructureId(type, "popup") : parentFolder ? treestructureId(type, `subfolders-${parentFolder.id}`) : undefined,
     tabIndex: -1,
     "aria-labelledby": level === 0 && type === "picker" ? treestructureId(type, "label") : undefined,
@@ -54,11 +54,11 @@ const FolderItems = _ref => {
         id
       } = folder;
       const isOpen = openFolders?.includes(id);
-      return _jsxs(StyledLI, {
+      return /*#__PURE__*/_jsxs(StyledLI, {
         tabIndex: -1,
         role: "none",
         "data-type": type,
-        children: [_jsx(FolderItem, {
+        children: [/*#__PURE__*/_jsx(FolderItem, {
           index: index,
           folder: folder,
           isOpen: isOpen,
@@ -67,7 +67,7 @@ const FolderItems = _ref => {
           type: type,
           isCreatingFolder: !!newFolderParentId,
           ...rest
-        }), (subfolders && isOpen || newFolderParentId === id) && _jsx(FolderItems, {
+        }), (subfolders && isOpen || newFolderParentId === id) && /*#__PURE__*/_jsx(FolderItems, {
           parentFolder: folder,
           folders: subfolders,
           level: level + 1,
@@ -79,7 +79,7 @@ const FolderItems = _ref => {
           newFolderInput: newFolderInput,
           onCreate: onCreate,
           ...rest,
-          children: newFolderParentId === id && _jsx("li", {
+          children: newFolderParentId === id && /*#__PURE__*/_jsx("li", {
             role: "none",
             children: newFolderInput?.({
               parentId: id,

package/es/TreeStructure/TreeStructure.js

@@ -14,7 +14,7 @@ import AddFolderButton from "./AddFolderButton";
 import ComboboxButton from "./ComboboxButton";
 import FolderItems from "./FolderItems";
 import { flattenFolders, treestructureId } from "./helperFunctions";
-import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export const MAX_LEVEL_FOR_FOLDERS = 5;
 const uniq = array => Array.from(new Set(array));
 const StyledLabel = /*#__PURE__*/_styled("label", {
@@ -144,27 +144,27 @@ const TreeStructure = _ref => {
     });
   };
   const canAddFolder = selectedFolder && selectedFolder?.breadcrumbs.length < (maxLevel || 1);
-  return _jsxs(StyledTreeStructure, {
+  return /*#__PURE__*/_jsxs(StyledTreeStructure, {
     onBlur: e => {
       if (type === "picker" && !e.currentTarget.contains(e.relatedTarget)) {
         onToggleTree(false);
       }
     },
-    children: [_jsxs(Row, {
-      children: [label && _jsx(StyledLabel, {
+    children: [/*#__PURE__*/_jsxs(Row, {
+      children: [label && /*#__PURE__*/_jsx(StyledLabel, {
         id: treestructureId(type, "label"),
         children: label
-      }), type === "picker" && _jsx(AddFolderButton, {
+      }), type === "picker" && /*#__PURE__*/_jsx(AddFolderButton, {
         loading: loading,
         canAddFolder: !!canAddFolder,
         focusedFolder: focusedFolder,
         setNewFolderParentId: setNewFolderParentId,
         setShowTree: setShowTree
       })]
-    }), _jsxs(TreeStructureWrapper, {
+    }), /*#__PURE__*/_jsxs(TreeStructureWrapper, {
       "aria-label": label,
       "data-type": type,
-      children: [type === "picker" && _jsx(ComboboxButton, {
+      children: [type === "picker" && /*#__PURE__*/_jsx(ComboboxButton, {
         ref: ref,
         showTree: showTree,
         type: type,
@@ -179,9 +179,9 @@ const TreeStructure = _ref => {
         onCloseFolder: onCloseFolder,
         onOpenFolder: onOpenFolder,
         ariaDescribedby: ariaDescribedby
-      }), showTree && _jsx(ScrollableDiv, {
+      }), showTree && /*#__PURE__*/_jsx(ScrollableDiv, {
         "data-type": type,
-        children: _jsx(FolderItems, {
+        children: /*#__PURE__*/_jsx(FolderItems, {
           focusedFolder: focusedFolder,
           folders: folders,
           level: 0,

package/es/ZendeskButton/ZendeskButton.js

@@ -10,7 +10,7 @@ import { forwardRef, useState } from "react";
 import { Button } from "@ndla/primitives";
 
 // TODO: Let's consider abandoning `disabled` on the button here. It should instead just open/close the widget based on its current state.
-import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 export const ZendeskButton = /*#__PURE__*/forwardRef((_ref, ref) => {
   let {
     locale,
@@ -43,7 +43,7 @@ export const ZendeskButton = /*#__PURE__*/forwardRef((_ref, ref) => {
       window.zE("webWidget", "open");
     }
   };
-  return _jsx(Button, {
+  return /*#__PURE__*/_jsx(Button, {
     onClick: handleClick,
     variant: variant,
     id: "zendeskButton",

package/es/i18n/index.js

@@ -8,4 +8,4 @@
 
 export { i18nInstance } from "./i18n";
 export { formatNestedMessages } from "./formatNestedMessages";
-export { useComboboxTranslations, useTagSelectorTranslations, useTagsInputTranslations } from "./useComponentTranslations";
+export { useComboboxTranslations, useTagSelectorTranslations, useTagsInputTranslations, usePaginationTranslations } from "./useComponentTranslations";

package/es/index.js

@@ -11,23 +11,17 @@
 
 export { ImageEmbed, getCrop, getFocalPoint, AudioEmbed, H5pEmbed, ExternalEmbed, IframeEmbed, FootnoteEmbed, BrightcoveEmbed, ContentLinkEmbed, RelatedContentEmbed, ConceptEmbed, ConceptListEmbed, UnknownEmbed, InlineConcept, BlockConcept, UuDisclaimerEmbed, CopyrightEmbed, CodeEmbed } from "./Embed";
 export { LicenseLink, EmbedByline } from "./LicenseByline";
-export { ArticleByline, ArticleFootNotes, ArticleIntroduction, ArticleTitle, ArticleWrapper, ArticleHeaderWrapper, default as Article, ArticleParagraph } from "./Article";
+export { ArticleByline, ArticleFootNotes, ArticleWrapper, Article, ArticleParagraph, ArticleFooter, ArticleHeader, ArticleContent } from "./Article";
 export { getPossiblyRelativeUrl } from "./utils/relativeUrl";
 export { default as ContentLoader } from "./ContentLoader";
 export { default as RelatedArticleList, RelatedArticle } from "./RelatedArticleList";
 export { ErrorResourceAccessDenied, default as ErrorMessage } from "./ErrorMessage";
 export { default as FileList, File, PdfFile, Format } from "./FileList";
-export { default as Logo } from "./Logo";
 export { default as FactBox } from "./FactBox";
-export { SubjectMaterialHero, TasksAndActivitiesHero, AssessmentResourcesHero, SubjectHero, SourceMaterialHero, Hero, NdlaFilmHero, ConceptHero, HeroContent } from "./Hero";
+export { ContentTypeHero } from "./ContentTypeHero";
 export { FooterBlock } from "./Footer";
-export { LanguageSelector } from "./LanguageSelector";
-export { default as SearchResultSleeve } from "./Search/SearchResultSleeve";
-export { default as ContentTypeResult } from "./Search/ContentTypeResult";
-export { SearchFieldForm } from "./Search/SearchFieldForm";
 export { default as resourceTypeColor } from "./utils/resourceTypeColor";
-export { default as CreatedBy } from "./CreatedBy";
-export { MessageBox, MessageBanner } from "./Messages";
+export { MessageBox } from "./Messages";
 export { ResourceBox } from "./ResourceBox";
 export { default as AudioPlayer } from "./AudioPlayer";
 export { default as constants } from "./model";
@@ -37,7 +31,7 @@ export { default as messagesEN } from "./locale/messages-en";
 export { default as messagesSE } from "./locale/messages-se";
 export { default as messagesSMA } from "./locale/messages-sma";
 export { default as Breadcrumb, HomeBreadcrumb } from "./Breadcrumb";
-export { i18nInstance, formatNestedMessages, useTagsInputTranslations, useTagSelectorTranslations, useComboboxTranslations } from "./i18n";
+export { i18nInstance, formatNestedMessages, useTagsInputTranslations, useTagSelectorTranslations, useComboboxTranslations, usePaginationTranslations } from "./i18n";
 export { default as LayoutItem, OneColumn, PageContainer } from "./Layout";
 export { default as ContentTypeBadge, SubjectMaterialBadge, TasksAndActivitiesBadge, AssessmentResourcesBadge, LearningPathBadge, SubjectBadge, SourceMaterialBadge, ConceptBadge } from "./ContentTypeBadge";
 export { ContentTypeBadge as ContentTypeBadgeNew, contentTypeToBadgeVariantMap } from "./ContentTypeBadge/ContentTypeBadgeNew";
@@ -46,11 +40,10 @@ export { default as ContentPlaceholder } from "./ContentPlaceholder";
 export { TagSelectorRoot, TagSelectorLabel, TagSelectorItemInput, TagSelectorTrigger, TagSelectorControl, TagSelectorClearTrigger, TagSelectorInputBase, TagSelectorInput } from "./TagSelector/TagSelector";
 export { SnackbarProvider, useSnack, BaseSnack, DefaultSnackbar } from "./SnackBar";
 export { TreeStructure } from "./TreeStructure";
-export { SearchField, SearchResultList, SearchResultItem, ActiveFilters } from "./Search";
 export { BlogPostV2 } from "./BlogPost";
 export { ProgrammeCard } from "./ProgrammeCard";
 export { KeyFigure } from "./KeyFigure";
-export { default as ContactBlock } from "./ContactBlock";
+export { ContactBlock, contactBlockBackgrounds } from "./ContactBlock";
 export { CampaignBlock } from "./CampaignBlock";
 export { Grid, GridParallaxItem } from "./Grid";
 export { default as FrontpageArticle, FRONTPAGE_ARTICLE_MAX_WIDTH, WIDE_FRONTPAGE_ARTICLE_MAX_WIDTH } from "./FrontpageArticle";

package/es/locale/messages-en.js

@@ -1367,7 +1367,7 @@ const messages = {
     header: "What do you want to learn today?",
     description: "Choose a programme to see your subjects",
     grades: "Grades",
-    accordionHeader: "All educational programmes"
+    accordionHeader: "Find your programme"
   },
   embed: {
     conceptListError: "Failed to show concept list",

package/es/locale/messages-nb.js

@@ -1367,7 +1367,7 @@ const messages = {
     header: "Hva vil du lære om i dag?",
     description: "Velg utdanningsprogram for å se dine fag",
     grades: "Trinn",
-    accordionHeader: "Alle utdanningsprogram"
+    accordionHeader: "Finn ditt utdanningsprogram"
   },
   embed: {
     conceptListError: "Klarte ikke å vise forklaringsliste",

package/es/locale/messages-nn.js

@@ -1367,7 +1367,7 @@ const messages = {
     header: "Kva vil du lære om i dag?",
     description: "Vel utdanningsprogram for å sjå faga dine",
     grades: "Trinn",
-    accordionHeader: "Alle utdanningsprogram"
+    accordionHeader: "Finn utdanningsprogrammet ditt"
   },
   embed: {
     conceptListError: "Klarte ikkje å vise forklaringsliste",

package/es/locale/messages-se.js

@@ -1367,7 +1367,7 @@ const messages = {
     header: "Maid háliidat oahppat odne?",
     description: "Vállje oahppoprográmma vai oainnát iežat fágaid",
     grades: "Ceahkki",
-    accordionHeader: "Buot oahppoprográmmat"
+    accordionHeader: "Finn ditt utdanningsprogram"
   },
   embed: {
     conceptListError: "Ii sáhttán čájehit čilgehuslisttu",

package/es/locale/messages-sma.js

@@ -1367,7 +1367,7 @@ const messages = {
     header: "Maam sïjhth daan biejjien lïeredh ?",
     description: "Veeljh ööhpehtimmieprogrammem juktie dov faagide vuartasjidh",
     grades: "Daltesasse",
-    accordionHeader: "Gaajhkh ööhpehtimmieprogrammh"
+    accordionHeader: "Finn ditt utdanningsprogram"
   },
   embed: {
     conceptListError: "Klarte ikkje å vise forklaringsliste",

package/es/model/ContentType.js

@@ -20,6 +20,7 @@ export const MISSING = "missing";
 export const IMAGE = "image";
 export const VIDEO = "video";
 export const AUDIO = "audio";
+export const PODCAST = "podcast";
 export const contentTypes = {
   SUBJECT_MATERIAL,
   TASKS_AND_ACTIVITIES,
@@ -53,5 +54,6 @@ export const resourceEmbedTypeMapping = {
   image: "image",
   video: "video",
   concept: "concept",
-  audio: "audio"
+  audio: "audio",
+  podcast: "podcast"
 };