@ndla/ui 39.0.4 → 40.0.0

package/lib/index.d.ts

@@ -35,7 +35,7 @@ export { Figure, FigureCaption, FigureLicenseDialog, FigureExpandButton, FigureO
 export type { FigureType } from './Figure';
 export { LanguageSelector } from './LanguageSelector';
 export { LearningPathWrapper, LearningPathContent, LearningPathMenu, LearningPathSticky, LearningPathInformation, LearningPathStickySibling, LearningPathStickyPlaceholder, LearningPathLastStepNavigation, LearningPathMobileStepInfo, LearningPathMobileHeader, } from './LearningPaths';
-export { Translation, TranslationLine, TranslationBox } from './Translation';
+export { Translation, TranslationLine } from './Translation';
 export { default as SearchResultSleeve } from './Search/SearchResultSleeve';
 export { default as ContentTypeResult } from './Search/ContentTypeResult';
 export { SearchFieldForm } from './Search/SearchFieldForm';
@@ -48,7 +48,7 @@ export { default as Breadcrumblist } from './Breadcrumblist';
 export { MessageBox, MessageBoxTag, MessageBanner } from './Messages';
 export { ResourceBox } from './ResourceBox';
 export { default as AudioPlayer, initAudioPlayers } from './AudioPlayer';
-export { NavigationHeading, NavigationBox, NavigationTopicAbout } from './Navigation';
+export { NavigationBox, NavigationTopicAbout } from './Navigation';
 export { default as Programme } from './Programme';
 export { default as CompetenceGoalTab } from './CompetenceGoalTab';
 export { default as MultidisciplinarySubject, MultidisciplinarySubjectHeader } from './MultidisciplinarySubject';

package/lib/index.js

@@ -808,12 +808,6 @@ Object.defineProperty(exports, "NavigationBox", {
     return _Navigation.NavigationBox;
   }
 });
-Object.defineProperty(exports, "NavigationHeading", {
-  enumerable: true,
-  get: function get() {
-    return _Navigation.NavigationHeading;
-  }
-});
 Object.defineProperty(exports, "NavigationTopicAbout", {
   enumerable: true,
   get: function get() {
@@ -1180,12 +1174,6 @@ Object.defineProperty(exports, "Translation", {
     return _Translation.Translation;
   }
 });
-Object.defineProperty(exports, "TranslationBox", {
-  enumerable: true,
-  get: function get() {
-    return _Translation.TranslationBox;
-  }
-});
 Object.defineProperty(exports, "TranslationLine", {
   enumerable: true,
   get: function get() {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ndla/ui",
-  "version": "39.0.4",
+  "version": "40.0.0",
   "description": "UI component library for NDLA.",
   "license": "GPL-3.0",
   "main": "lib/index.js",
@@ -31,21 +31,21 @@
     "types"
   ],
   "dependencies": {
-    "@ndla/accordion": "^2.2.6",
+    "@ndla/accordion": "^2.2.7",
     "@ndla/article-scripts": "^3.0.18",
-    "@ndla/button": "^10.1.5",
-    "@ndla/carousel": "^3.1.3",
-    "@ndla/core": "^4.0.1",
-    "@ndla/forms": "^4.3.5",
+    "@ndla/button": "^10.1.6",
+    "@ndla/carousel": "^3.1.4",
+    "@ndla/core": "^4.1.0",
+    "@ndla/forms": "^4.3.6",
     "@ndla/hooks": "^2.0.7",
-    "@ndla/icons": "^3.0.1",
+    "@ndla/icons": "^3.0.2",
     "@ndla/licenses": "^7.0.4",
-    "@ndla/modal": "^3.0.2",
-    "@ndla/notion": "^5.0.2",
-    "@ndla/safelink": "^4.1.5",
-    "@ndla/switch": "^1.1.3",
-    "@ndla/tabs": "^2.2.5",
-    "@ndla/tooltip": "^4.1.5",
+    "@ndla/modal": "^3.0.3",
+    "@ndla/notion": "^5.0.3",
+    "@ndla/safelink": "^4.1.6",
+    "@ndla/switch": "^1.1.4",
+    "@ndla/tabs": "^3.0.0",
+    "@ndla/tooltip": "^4.1.6",
     "@ndla/util": "^3.1.13",
     "@radix-ui/react-dropdown-menu": "^2.0.5",
     "@radix-ui/react-popover": "^1.0.6",
@@ -85,5 +85,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "885332544d3bef48783a1d9f0b15213d9485b447"
+  "gitHead": "9d01ddb3d2eee554008a3e58eda434dfc968cb52"
 }

package/src/Article/Article.tsx

@@ -23,6 +23,7 @@ import ArticleNotions, { NotionRelatedContent } from './ArticleNotions';
 import ArticleAccessMessage from './ArticleAccessMessage';
 import MessageBox from '../Messages/MessageBox';
 import { ConceptNotionType } from '../Notion/ConceptNotion';
+import { Heading } from '../Typography';
 
 const classes = new BEMHelper({
   name: 'article',
@@ -63,7 +64,9 @@ export const ArticleTitle = ({ children, icon, label }: ArticleTitleProps) => {
     <div {...classes('title', modifiers)}>
       {icon}
       {labelView}
-      <h1 tabIndex={-1}>{children}</h1>
+      <Heading element="h1" headingStyle="h1" tabIndex={-1}>
+        {children}
+      </Heading>
     </div>
   );
 };

package/src/Dialog/component.dialog.scss

@@ -63,10 +63,6 @@
     width: 100vw;
     -webkit-overflow-scrolling: touch;
 
-    .c-tabs {
-      margin-left: 0;
-    }
-
     @include mq(tablet) {
       width: 90%;
       max-height: 85vh;

package/src/Frontpage/FrontpageAllSubjects.tsx

@@ -10,26 +10,6 @@ import { ToggleItem } from '../Filter';
 
 const StyledWrapper = styled.nav`
   margin: 32px 0 0;
-  .c-tabs--subjects {
-    margin: 0;
-  }
-  .c-tabs__list--subjects {
-    margin: 0;
-  }
-  .c-tabs__tab--subjects {
-    ${mq.range({ until: breakpoints.tablet })} {
-      margin: 0;
-      font-size: 12px;
-      padding-left: 8px;
-      padding-right: 8px;
-      :first-of-type {
-        padding-left: 0;
-      }
-      :last-of-type {
-        padding-right: 0;
-      }
-    }
-  }
 `;
 
 const StyledList = styled.ul`
@@ -213,6 +193,7 @@ const FrontpageAllSubjects = ({
     category.visible &&
       data.push({
         title: t(`subjectCategories.${category.type}`),
+        id: category.type,
         content: (
           <>
             {category.message && (
@@ -228,12 +209,13 @@ const FrontpageAllSubjects = ({
 
   data.push({
     title: t('frontpageMenu.allsubjects'),
+    id: 'allsubjects',
     content: renderList(allSubjects, onNavigate, onToggleSubject, subjectViewType, selectedSubjects),
   });
 
   return (
     <StyledWrapper>
-      <Tabs modifier="subjects" tabs={data} />
+      <Tabs tabs={data} />
     </StyledWrapper>
   );
 };

package/src/LearningPaths/LearningPathInformation.tsx

@@ -8,9 +8,10 @@
 
 import React from 'react';
 import styled from '@emotion/styled';
-import { fonts, spacing, spacingUnit, breakpoints, mq, colors } from '@ndla/core';
+import { spacing, spacingUnit, breakpoints, mq, colors } from '@ndla/core';
 import { getLicenseByAbbreviation } from '@ndla/licenses';
 import { LicenseByline } from '@ndla/notion';
+import { Heading } from '../Typography';
 
 type StyledWrapperProps = {
   invertedStyle?: boolean;
@@ -18,15 +19,6 @@ type StyledWrapperProps = {
 
 const StyledWrapper = styled.div<StyledWrapperProps>`
   background: transparent;
-  font-family: ${fonts.serif};
-  h1,
-  h2,
-  h3,
-  h4,
-  h5,
-  h6 {
-    font-family: ${fonts.serif};
-  }
   max-width: 720px;
   margin: ${spacingUnit * 0.75}px ${spacing.normal} ${spacing.xsmall} 0 !important;
   ${mq.range({ from: breakpoints.desktop })} {
@@ -59,7 +51,7 @@ const LicenseWrapper = styled.div`
   }
 `;
 
-const StyledHeader = styled.h1`
+const StyledHeader = styled(Heading)`
   margin-bottom: ${spacing.small};
 `;
 
@@ -79,7 +71,9 @@ export const LearningPathInformation = ({ description, title, license, invertedS
     <section className="o-wrapper">
       <StyledWrapper invertedStyle={invertedStyle} className="c-article">
         <LicenseWrapper>
-          <StyledHeader id={id}>{title}</StyledHeader>
+          <StyledHeader element="h1" headingStyle="h1" tabIndex={-1} id={id}>
+            {title}
+          </StyledHeader>
           <LicenseByline licenseRights={rights} color={colors.brand.tertiary} />
         </LicenseWrapper>
         {description && <div dangerouslySetInnerHTML={{ __html: description }} />}

package/src/MultidisciplinarySubject/MultidisciplinarySubject.tsx

@@ -1,10 +1,12 @@
 import React, { ReactNode } from 'react';
 import { useTranslation } from 'react-i18next';
 import styled from '@emotion/styled';
-import { breakpoints, fonts, mq } from '@ndla/core';
+import { breakpoints, mq } from '@ndla/core';
 import LayoutItem, { OneColumn } from '../Layout';
 import List from './List';
 import { ListItemProps } from './ListItem';
+import { HomeBreadcrumb, SimpleBreadcrumbItem } from '../Breadcrumb';
+import { Heading } from '../Typography';
 
 const StyledWrapper = styled.div`
   display: flex;
@@ -15,11 +17,6 @@ const StyledBackground = styled.div`
   width: 100%;
   background: linear-gradient(179.64deg, rgba(255, 255, 255, 0.6) 80.1%, rgba(255, 255, 255) 99.05%),
     linear-gradient(318.9deg, rgb(239, 238, 220, 0.6) 35.53%, rgb(250, 246, 235) 74.23%), rgb(221, 216, 175);
-
-  ${mq.range({ until: breakpoints.tablet })} {
-  }
-  ${mq.range({ until: breakpoints.mobileWide })} {
-  }
 `;
 
 const StyledLayoutWrapper = styled.div`
@@ -31,23 +28,7 @@ const Header = styled.div`
   flex-direction: column;
   justify-content: space-between;
   margin-bottom: 32px;
-`;
-
-const Heading = styled.h1`
-  margin: 10px 0 10px 0;
-  font-size: 20px;
-  line-height: 25px;
-  font-weight: ${fonts.weight.bold};
-
-  ${mq.range({ from: breakpoints.mobileWide })} {
-    margin: 40px 0 22px;
-    ${fonts.sizes('40px', '48px')};
-  }
-
-  ${mq.range({ from: breakpoints.desktop })} {
-    margin: 50px 0 24px;
-    ${fonts.sizes('52px', '65px')};
-  }
+  margin-top: 32px;
 `;
 
 const InfoText = styled.div`
@@ -87,13 +68,21 @@ const Illustration = styled.div`
 
 type Props = {
   cards: ListItemProps[];
+  breadcrumbs?: SimpleBreadcrumbItem[];
   children: ReactNode;
   totalCardCount: number;
   hideCards?: boolean;
   id?: string;
 };
 
-export const MultidisciplinarySubject = ({ cards, children, totalCardCount, hideCards, id }: Props) => {
+export const MultidisciplinarySubject = ({
+  cards,
+  children,
+  totalCardCount,
+  hideCards,
+  breadcrumbs = [],
+  id,
+}: Props) => {
   const { t } = useTranslation();
   return (
     <StyledWrapper>
@@ -101,7 +90,8 @@ export const MultidisciplinarySubject = ({ cards, children, totalCardCount, hide
         <OneColumn wide>
           <Header>
             <LayoutItem layout="extend">
-              <Heading id={id} tabIndex={-1}>
+              <HomeBreadcrumb items={breadcrumbs} />
+              <Heading element="h1" headingStyle="h1" id={id} tabIndex={-1}>
                 {t('frontpageMultidisciplinarySubject.heading')}
               </Heading>
               <InfoText>{t('frontpageMultidisciplinarySubject.text')}</InfoText>

package/src/MultidisciplinarySubject/MultidisciplinarySubjectHeader.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import styled from '@emotion/styled';
 import { useTranslation } from 'react-i18next';
-import { breakpoints, mq, fonts } from '@ndla/core';
+import { breakpoints, mq, fonts, spacing } from '@ndla/core';
 import SafeLink from '@ndla/safelink';
 import {
   ClimateIllustration,
@@ -12,6 +12,7 @@ import {
   PublicHealthDemocracyIllustration,
   PublicHealthIllustration,
 } from './Illustrations';
+import { HomeBreadcrumb, SimpleBreadcrumbItem } from '../Breadcrumb';
 
 const StyledWrapper = styled.div`
   width: 100%;
@@ -33,6 +34,9 @@ const ContentWrapper = styled.div`
 
 const TextWrapper = styled.div`
   padding: 26px 26px 0;
+  display: flex;
+  flex-direction: column;
+  gap: ${spacing.small};
   width: 100%;
   z-index: 2;
   ${mq.range({ from: breakpoints.tablet })} {
@@ -68,9 +72,10 @@ type subjectLink = {
 type Props = {
   subjects?: subjects[];
   subjectsLinks?: subjectLink[];
+  breadcrumbs?: SimpleBreadcrumbItem[];
 };
 
-const MultidisciplinarySubjectHeader = ({ subjects = [], subjectsLinks = [] }: Props) => {
+const MultidisciplinarySubjectHeader = ({ subjects = [], subjectsLinks = [], breadcrumbs = [] }: Props) => {
   const { t } = useTranslation();
   const getIllustration = () => {
     if (subjects.length === 3) {
@@ -97,6 +102,7 @@ const MultidisciplinarySubjectHeader = ({ subjects = [], subjectsLinks = [] }: P
     <StyledWrapper>
       <ContentWrapper>
         <TextWrapper>
+          <HomeBreadcrumb items={breadcrumbs} />
           <Heading>{t('frontpageMultidisciplinarySubject.heading')}</Heading>
           <SubjectsWrapper>
             {t('multidisciplinarySubject.subjectsLinksDescription')}:{' '}

package/src/Navigation/index.ts

@@ -7,7 +7,6 @@
  */
 
 import NavigationBox from './NavigationBox';
-import NavigationHeading from './NavigationHeading';
 import NavigationTopicAbout from './NavigationTopicAbout';
 
-export { NavigationHeading, NavigationBox, NavigationTopicAbout };
+export { NavigationBox, NavigationTopicAbout };

package/src/Programme/Programme.tsx

@@ -5,7 +5,7 @@ import { useTranslation } from 'react-i18next';
 import LayoutItem, { OneColumn } from '../Layout';
 import ProgrammeSubjects, { GradesProps } from './ProgrammeSubjects';
 import MessageBox from '../Messages/MessageBox';
-import { NavigationHeading } from '..';
+import { Heading } from '..';
 const StyledWrapper = styled.div`
   display: flex;
   flex-direction: column;
@@ -76,7 +76,9 @@ export const Programme = ({ heading, image, grades, selectedGrade, messageBoxTex
         <StyledLayoutWrapper>
           <LayoutItem layout="extend">
             <StyledContentWrapper>
-              <NavigationHeading headingId={headingId}>{heading}</NavigationHeading>
+              <Heading element="h1" margin="xlarge" headingStyle="h1" serif id={headingId} tabIndex={-1}>
+                {heading}
+              </Heading>
               {messageBoxText && <MessageBox>{t(messageBoxText)}</MessageBox>}
               <SubjectsWrapper>
                 <ProgrammeSubjects grades={grades} selectedGrade={selectedGrade} />

package/src/Search/component.search-result.scss

@@ -40,14 +40,6 @@
     }
   }
 
-  .c-tabs {
-    display: none;
-
-    @include mq(desktop) {
-      display: block;
-    }
-  }
-
   .c-search-filter {
     display: none;
 

package/src/ToolboxPage/ToolboxInfo.tsx

@@ -12,18 +12,7 @@ import { breakpoints, fonts, mq } from '@ndla/core';
 import { useTranslation } from 'react-i18next';
 import { ItemProps } from '../Navigation/NavigationBox';
 import { NavigationBox } from '../Navigation';
-
-const Heading = styled.h1`
-  ${fonts.sizes('30px', '35px')};
-
-  ${mq.range({ from: breakpoints.tablet })} {
-    ${fonts.sizes('36px', '46px')};
-  }
-
-  ${mq.range({ from: breakpoints.desktop })} {
-    ${fonts.sizes('52px', '65px')};
-  }
-`;
+import { Heading } from '../Typography';
 
 const Introduction = styled.p`
   max-width: 800px;
@@ -51,7 +40,7 @@ const ToolboxInfo = ({ title, introduction, topics, onSelectTopic, id }: Props)
   const { t } = useTranslation();
   return (
     <>
-      <Heading id={id} tabIndex={-1}>
+      <Heading element="h1" headingStyle="h1" id={id} tabIndex={-1}>
         {title}
       </Heading>
       <Introduction>{introduction}</Introduction>

package/src/Topic/Topic.tsx

@@ -22,6 +22,7 @@ import { ItemProps } from '../Navigation/NavigationBox';
 import { NavigationBox } from '../Navigation';
 import { makeSrcQueryString, ImageCrop, ImageFocalPoint } from '../Image';
 import { MessageBox } from '../Messages';
+import { Heading } from '../Typography';
 
 type InvertItProps = {
   invertedStyle?: boolean;
@@ -257,9 +258,9 @@ const Topic = ({
       <TopicIntroductionWrapper>
         <div>
           <HeadingWrapper>
-            <h1 id={id} tabIndex={-1}>
+            <Heading element="h1" headingStyle="h2" id={id} tabIndex={-1}>
               {topic.title}
-            </h1>
+            </Heading>
             {isAdditionalTopic && (
               <>
                 <AdditionalIcon aria-hidden="true">T</AdditionalIcon>

package/src/Translation/index.ts

@@ -1,3 +1,2 @@
 export { default as Translation } from './Translation';
-export { default as TranslationBox } from './TranslationBox';
 export { default as TranslationLine } from './TranslationLine';

package/src/all.scss

@@ -1,6 +1,5 @@
 @import '~@ndla/core/scss/core';
 @import '~@ndla/icons/scss/icons';
 @import './main';
-@import '~@ndla/tabs/scss/tabs';
 @import '~@ndla/core/scss/utilities';
 @import '~@ndla/video-search/scss/video-search';

package/src/index.ts

@@ -124,7 +124,7 @@ export {
   LearningPathMobileStepInfo,
   LearningPathMobileHeader,
 } from './LearningPaths';
-export { Translation, TranslationLine, TranslationBox } from './Translation';
+export { Translation, TranslationLine } from './Translation';
 
 export { default as SearchResultSleeve } from './Search/SearchResultSleeve';
 
@@ -156,7 +156,7 @@ export { ResourceBox } from './ResourceBox';
 
 export { default as AudioPlayer, initAudioPlayers } from './AudioPlayer';
 
-export { NavigationHeading, NavigationBox, NavigationTopicAbout } from './Navigation';
+export { NavigationBox, NavigationTopicAbout } from './Navigation';
 
 export { default as Programme } from './Programme';
 

package/src/main.scss

@@ -20,6 +20,5 @@
 @import 'Table/component.tables';
 @import 'Filter/component.filter';
 @import 'Translation/component.translation';
-@import 'Translation/component.translation-box';
 @import 'Search/component.search';
 @import 'Carousel/component.carousel';

package/es/Navigation/NavigationHeading.js

@@ -1,50 +0,0 @@
-import _styled from "@emotion/styled/base";
-function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-import React from 'react';
-import { breakpoints, colors, fonts, mq } from '@ndla/core';
-import { Heading } from '../Typography';
-import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-import { jsxs as _jsxs } from "@emotion/react/jsx-runtime";
-var StyledHeading = /*#__PURE__*/_styled(Heading, {
-  target: "eo34gso2",
-  label: "StyledHeading"
-})("&[data-inverted='true']{color:", colors.white, ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk5hdmlnYXRpb25IZWFkaW5nLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFLcUMiLCJmaWxlIjoiTmF2aWdhdGlvbkhlYWRpbmcudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGJyZWFrcG9pbnRzLCBjb2xvcnMsIGZvbnRzLCBtcSB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuaW1wb3J0IHsgSGVhZGluZyB9IGZyb20gJy4uL1R5cG9ncmFwaHknO1xuXG5jb25zdCBTdHlsZWRIZWFkaW5nID0gc3R5bGVkKEhlYWRpbmcpYFxuICAmW2RhdGEtaW52ZXJ0ZWQ9J3RydWUnXSB7XG4gICAgY29sb3I6ICR7Y29sb3JzLndoaXRlfTtcbiAgfVxuYDtcbmNvbnN0IFN0eWxlZE1haW5UZXh0ID0gc3R5bGVkLnNwYW5gXG4gIGRpc3BsYXk6IGJsb2NrO1xuYDtcbmNvbnN0IFN0eWxlZFN1YlRleHQgPSBzdHlsZWQuc3BhbmBcbiAgZGlzcGxheTogYmxvY2s7XG4gIGZvbnQtd2VpZ2h0OiBib2xkO1xuICB0ZXh0LXRyYW5zZm9ybTogdXBwZXJjYXNlO1xuICBtYXJnaW4tYm90dG9tOiA2cHg7XG5cbiAgJHtmb250cy5zaXplcygnMTRweCcsICcyNHB4Jyl9O1xuXG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy50YWJsZXQgfSl9IHtcbiAgICAke2ZvbnRzLnNpemVzKCcxOHB4JywgJzMycHgnKX07XG4gIH1cbmA7XG5cbnR5cGUgUHJvcHMgPSB7XG4gIHN1YkhlYWRpbmc/OiBzdHJpbmc7XG4gIGNoaWxkcmVuOiBSZWFjdE5vZGU7XG4gIGludmVydGVkU3R5bGU/OiBib29sZWFuO1xuICBoZWFkaW5nSWQ/OiBzdHJpbmc7XG59O1xuXG5leHBvcnQgY29uc3QgTmF2aWdhdGlvbkhlYWRpbmcgPSAoeyBzdWJIZWFkaW5nLCBjaGlsZHJlbiwgaW52ZXJ0ZWRTdHlsZSwgaGVhZGluZ0lkIH06IFByb3BzKSA9PiAoXG4gIDxTdHlsZWRIZWFkaW5nXG4gICAgZWxlbWVudD1cImgxXCJcbiAgICBtYXJnaW49XCJ4bGFyZ2VcIlxuICAgIGhlYWRpbmdTdHlsZT1cImgxXCJcbiAgICBzZXJpZlxuICAgIGRhdGEtaW52ZXJ0ZWQ9e2ludmVydGVkU3R5bGV9XG4gICAgaWQ9e2hlYWRpbmdJZH1cbiAgICB0YWJJbmRleD17LTF9XG4gID5cbiAgICB7c3ViSGVhZGluZyAmJiA8U3R5bGVkU3ViVGV4dD57c3ViSGVhZGluZ308L1N0eWxlZFN1YlRleHQ+fVxuICAgIDxTdHlsZWRNYWluVGV4dD57Y2hpbGRyZW59PC9TdHlsZWRNYWluVGV4dD5cbiAgPC9TdHlsZWRIZWFkaW5nPlxuKTtcblxuZXhwb3J0IGRlZmF1bHQgTmF2aWdhdGlvbkhlYWRpbmc7XG4iXX0= */"));
-var StyledMainText = /*#__PURE__*/_styled("span", {
-  target: "eo34gso1",
-  label: "StyledMainText"
-})(process.env.NODE_ENV === "production" ? {
-  name: "4zleql",
-  styles: "display:block"
-} : {
-  name: "4zleql",
-  styles: "display:block",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk5hdmlnYXRpb25IZWFkaW5nLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFVa0MiLCJmaWxlIjoiTmF2aWdhdGlvbkhlYWRpbmcudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGJyZWFrcG9pbnRzLCBjb2xvcnMsIGZvbnRzLCBtcSB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuaW1wb3J0IHsgSGVhZGluZyB9IGZyb20gJy4uL1R5cG9ncmFwaHknO1xuXG5jb25zdCBTdHlsZWRIZWFkaW5nID0gc3R5bGVkKEhlYWRpbmcpYFxuICAmW2RhdGEtaW52ZXJ0ZWQ9J3RydWUnXSB7XG4gICAgY29sb3I6ICR7Y29sb3JzLndoaXRlfTtcbiAgfVxuYDtcbmNvbnN0IFN0eWxlZE1haW5UZXh0ID0gc3R5bGVkLnNwYW5gXG4gIGRpc3BsYXk6IGJsb2NrO1xuYDtcbmNvbnN0IFN0eWxlZFN1YlRleHQgPSBzdHlsZWQuc3BhbmBcbiAgZGlzcGxheTogYmxvY2s7XG4gIGZvbnQtd2VpZ2h0OiBib2xkO1xuICB0ZXh0LXRyYW5zZm9ybTogdXBwZXJjYXNlO1xuICBtYXJnaW4tYm90dG9tOiA2cHg7XG5cbiAgJHtmb250cy5zaXplcygnMTRweCcsICcyNHB4Jyl9O1xuXG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy50YWJsZXQgfSl9IHtcbiAgICAke2ZvbnRzLnNpemVzKCcxOHB4JywgJzMycHgnKX07XG4gIH1cbmA7XG5cbnR5cGUgUHJvcHMgPSB7XG4gIHN1YkhlYWRpbmc/OiBzdHJpbmc7XG4gIGNoaWxkcmVuOiBSZWFjdE5vZGU7XG4gIGludmVydGVkU3R5bGU/OiBib29sZWFuO1xuICBoZWFkaW5nSWQ/OiBzdHJpbmc7XG59O1xuXG5leHBvcnQgY29uc3QgTmF2aWdhdGlvbkhlYWRpbmcgPSAoeyBzdWJIZWFkaW5nLCBjaGlsZHJlbiwgaW52ZXJ0ZWRTdHlsZSwgaGVhZGluZ0lkIH06IFByb3BzKSA9PiAoXG4gIDxTdHlsZWRIZWFkaW5nXG4gICAgZWxlbWVudD1cImgxXCJcbiAgICBtYXJnaW49XCJ4bGFyZ2VcIlxuICAgIGhlYWRpbmdTdHlsZT1cImgxXCJcbiAgICBzZXJpZlxuICAgIGRhdGEtaW52ZXJ0ZWQ9e2ludmVydGVkU3R5bGV9XG4gICAgaWQ9e2hlYWRpbmdJZH1cbiAgICB0YWJJbmRleD17LTF9XG4gID5cbiAgICB7c3ViSGVhZGluZyAmJiA8U3R5bGVkU3ViVGV4dD57c3ViSGVhZGluZ308L1N0eWxlZFN1YlRleHQ+fVxuICAgIDxTdHlsZWRNYWluVGV4dD57Y2hpbGRyZW59PC9TdHlsZWRNYWluVGV4dD5cbiAgPC9TdHlsZWRIZWFkaW5nPlxuKTtcblxuZXhwb3J0IGRlZmF1bHQgTmF2aWdhdGlvbkhlYWRpbmc7XG4iXX0= */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-var StyledSubText = /*#__PURE__*/_styled("span", {
-  target: "eo34gso0",
-  label: "StyledSubText"
-})("display:block;font-weight:bold;text-transform:uppercase;margin-bottom:6px;", fonts.sizes('14px', '24px'), ";", mq.range({
-  from: breakpoints.tablet
-}), "{", fonts.sizes('18px', '32px'), ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk5hdmlnYXRpb25IZWFkaW5nLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFhaUMiLCJmaWxlIjoiTmF2aWdhdGlvbkhlYWRpbmcudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGJyZWFrcG9pbnRzLCBjb2xvcnMsIGZvbnRzLCBtcSB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuaW1wb3J0IHsgSGVhZGluZyB9IGZyb20gJy4uL1R5cG9ncmFwaHknO1xuXG5jb25zdCBTdHlsZWRIZWFkaW5nID0gc3R5bGVkKEhlYWRpbmcpYFxuICAmW2RhdGEtaW52ZXJ0ZWQ9J3RydWUnXSB7XG4gICAgY29sb3I6ICR7Y29sb3JzLndoaXRlfTtcbiAgfVxuYDtcbmNvbnN0IFN0eWxlZE1haW5UZXh0ID0gc3R5bGVkLnNwYW5gXG4gIGRpc3BsYXk6IGJsb2NrO1xuYDtcbmNvbnN0IFN0eWxlZFN1YlRleHQgPSBzdHlsZWQuc3BhbmBcbiAgZGlzcGxheTogYmxvY2s7XG4gIGZvbnQtd2VpZ2h0OiBib2xkO1xuICB0ZXh0LXRyYW5zZm9ybTogdXBwZXJjYXNlO1xuICBtYXJnaW4tYm90dG9tOiA2cHg7XG5cbiAgJHtmb250cy5zaXplcygnMTRweCcsICcyNHB4Jyl9O1xuXG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy50YWJsZXQgfSl9IHtcbiAgICAke2ZvbnRzLnNpemVzKCcxOHB4JywgJzMycHgnKX07XG4gIH1cbmA7XG5cbnR5cGUgUHJvcHMgPSB7XG4gIHN1YkhlYWRpbmc/OiBzdHJpbmc7XG4gIGNoaWxkcmVuOiBSZWFjdE5vZGU7XG4gIGludmVydGVkU3R5bGU/OiBib29sZWFuO1xuICBoZWFkaW5nSWQ/OiBzdHJpbmc7XG59O1xuXG5leHBvcnQgY29uc3QgTmF2aWdhdGlvbkhlYWRpbmcgPSAoeyBzdWJIZWFkaW5nLCBjaGlsZHJlbiwgaW52ZXJ0ZWRTdHlsZSwgaGVhZGluZ0lkIH06IFByb3BzKSA9PiAoXG4gIDxTdHlsZWRIZWFkaW5nXG4gICAgZWxlbWVudD1cImgxXCJcbiAgICBtYXJnaW49XCJ4bGFyZ2VcIlxuICAgIGhlYWRpbmdTdHlsZT1cImgxXCJcbiAgICBzZXJpZlxuICAgIGRhdGEtaW52ZXJ0ZWQ9e2ludmVydGVkU3R5bGV9XG4gICAgaWQ9e2hlYWRpbmdJZH1cbiAgICB0YWJJbmRleD17LTF9XG4gID5cbiAgICB7c3ViSGVhZGluZyAmJiA8U3R5bGVkU3ViVGV4dD57c3ViSGVhZGluZ308L1N0eWxlZFN1YlRleHQ+fVxuICAgIDxTdHlsZWRNYWluVGV4dD57Y2hpbGRyZW59PC9TdHlsZWRNYWluVGV4dD5cbiAgPC9TdHlsZWRIZWFkaW5nPlxuKTtcblxuZXhwb3J0IGRlZmF1bHQgTmF2aWdhdGlvbkhlYWRpbmc7XG4iXX0= */"));
-export var NavigationHeading = function NavigationHeading(_ref) {
-  var subHeading = _ref.subHeading,
-    children = _ref.children,
-    invertedStyle = _ref.invertedStyle,
-    headingId = _ref.headingId;
-  return _jsxs(StyledHeading, {
-    element: "h1",
-    margin: "xlarge",
-    headingStyle: "h1",
-    serif: true,
-    "data-inverted": invertedStyle,
-    id: headingId,
-    tabIndex: -1,
-    children: [subHeading && _jsx(StyledSubText, {
-      children: subHeading
-    }), _jsx(StyledMainText, {
-      children: children
-    })]
-  });
-};
-export default NavigationHeading;

package/es/Translation/TranslationBox.js

@@ -1,16 +0,0 @@
-import React from 'react';
-import { ArticleTabs } from '@ndla/tabs';
-import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-var TranslationBox = function TranslationBox(_ref) {
-  var tabs = _ref.tabs;
-  return _jsx("div", {
-    className: "c-translation-box",
-    children: _jsx("div", {
-      className: "c-bodybox c-bodybox--translation",
-      children: _jsx(ArticleTabs, {
-        tabs: tabs
-      })
-    })
-  });
-};
-export default TranslationBox;

package/lib/Navigation/NavigationHeading.d.ts

@@ -1,9 +0,0 @@
-import { ReactNode } from 'react';
-type Props = {
-    subHeading?: string;
-    children: ReactNode;
-    invertedStyle?: boolean;
-    headingId?: string;
-};
-export declare const NavigationHeading: ({ subHeading, children, invertedStyle, headingId }: Props) => import("@emotion/react/jsx-runtime").JSX.Element;
-export default NavigationHeading;

package/lib/Navigation/NavigationHeading.js

@@ -1,58 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.NavigationHeading = void 0;
-var _base = _interopRequireDefault(require("@emotion/styled/base"));
-var _react = _interopRequireDefault(require("react"));
-var _core = require("@ndla/core");
-var _Typography = require("../Typography");
-var _jsxRuntime = require("@emotion/react/jsx-runtime");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-var StyledHeading = /*#__PURE__*/(0, _base["default"])(_Typography.Heading, {
-  target: "eo34gso2",
-  label: "StyledHeading"
-})("&[data-inverted='true']{color:", _core.colors.white, ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk5hdmlnYXRpb25IZWFkaW5nLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFLcUMiLCJmaWxlIjoiTmF2aWdhdGlvbkhlYWRpbmcudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGJyZWFrcG9pbnRzLCBjb2xvcnMsIGZvbnRzLCBtcSB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuaW1wb3J0IHsgSGVhZGluZyB9IGZyb20gJy4uL1R5cG9ncmFwaHknO1xuXG5jb25zdCBTdHlsZWRIZWFkaW5nID0gc3R5bGVkKEhlYWRpbmcpYFxuICAmW2RhdGEtaW52ZXJ0ZWQ9J3RydWUnXSB7XG4gICAgY29sb3I6ICR7Y29sb3JzLndoaXRlfTtcbiAgfVxuYDtcbmNvbnN0IFN0eWxlZE1haW5UZXh0ID0gc3R5bGVkLnNwYW5gXG4gIGRpc3BsYXk6IGJsb2NrO1xuYDtcbmNvbnN0IFN0eWxlZFN1YlRleHQgPSBzdHlsZWQuc3BhbmBcbiAgZGlzcGxheTogYmxvY2s7XG4gIGZvbnQtd2VpZ2h0OiBib2xkO1xuICB0ZXh0LXRyYW5zZm9ybTogdXBwZXJjYXNlO1xuICBtYXJnaW4tYm90dG9tOiA2cHg7XG5cbiAgJHtmb250cy5zaXplcygnMTRweCcsICcyNHB4Jyl9O1xuXG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy50YWJsZXQgfSl9IHtcbiAgICAke2ZvbnRzLnNpemVzKCcxOHB4JywgJzMycHgnKX07XG4gIH1cbmA7XG5cbnR5cGUgUHJvcHMgPSB7XG4gIHN1YkhlYWRpbmc/OiBzdHJpbmc7XG4gIGNoaWxkcmVuOiBSZWFjdE5vZGU7XG4gIGludmVydGVkU3R5bGU/OiBib29sZWFuO1xuICBoZWFkaW5nSWQ/OiBzdHJpbmc7XG59O1xuXG5leHBvcnQgY29uc3QgTmF2aWdhdGlvbkhlYWRpbmcgPSAoeyBzdWJIZWFkaW5nLCBjaGlsZHJlbiwgaW52ZXJ0ZWRTdHlsZSwgaGVhZGluZ0lkIH06IFByb3BzKSA9PiAoXG4gIDxTdHlsZWRIZWFkaW5nXG4gICAgZWxlbWVudD1cImgxXCJcbiAgICBtYXJnaW49XCJ4bGFyZ2VcIlxuICAgIGhlYWRpbmdTdHlsZT1cImgxXCJcbiAgICBzZXJpZlxuICAgIGRhdGEtaW52ZXJ0ZWQ9e2ludmVydGVkU3R5bGV9XG4gICAgaWQ9e2hlYWRpbmdJZH1cbiAgICB0YWJJbmRleD17LTF9XG4gID5cbiAgICB7c3ViSGVhZGluZyAmJiA8U3R5bGVkU3ViVGV4dD57c3ViSGVhZGluZ308L1N0eWxlZFN1YlRleHQ+fVxuICAgIDxTdHlsZWRNYWluVGV4dD57Y2hpbGRyZW59PC9TdHlsZWRNYWluVGV4dD5cbiAgPC9TdHlsZWRIZWFkaW5nPlxuKTtcblxuZXhwb3J0IGRlZmF1bHQgTmF2aWdhdGlvbkhlYWRpbmc7XG4iXX0= */"));
-var StyledMainText = /*#__PURE__*/(0, _base["default"])("span", {
-  target: "eo34gso1",
-  label: "StyledMainText"
-})(process.env.NODE_ENV === "production" ? {
-  name: "4zleql",
-  styles: "display:block"
-} : {
-  name: "4zleql",
-  styles: "display:block",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk5hdmlnYXRpb25IZWFkaW5nLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFVa0MiLCJmaWxlIjoiTmF2aWdhdGlvbkhlYWRpbmcudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGJyZWFrcG9pbnRzLCBjb2xvcnMsIGZvbnRzLCBtcSB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuaW1wb3J0IHsgSGVhZGluZyB9IGZyb20gJy4uL1R5cG9ncmFwaHknO1xuXG5jb25zdCBTdHlsZWRIZWFkaW5nID0gc3R5bGVkKEhlYWRpbmcpYFxuICAmW2RhdGEtaW52ZXJ0ZWQ9J3RydWUnXSB7XG4gICAgY29sb3I6ICR7Y29sb3JzLndoaXRlfTtcbiAgfVxuYDtcbmNvbnN0IFN0eWxlZE1haW5UZXh0ID0gc3R5bGVkLnNwYW5gXG4gIGRpc3BsYXk6IGJsb2NrO1xuYDtcbmNvbnN0IFN0eWxlZFN1YlRleHQgPSBzdHlsZWQuc3BhbmBcbiAgZGlzcGxheTogYmxvY2s7XG4gIGZvbnQtd2VpZ2h0OiBib2xkO1xuICB0ZXh0LXRyYW5zZm9ybTogdXBwZXJjYXNlO1xuICBtYXJnaW4tYm90dG9tOiA2cHg7XG5cbiAgJHtmb250cy5zaXplcygnMTRweCcsICcyNHB4Jyl9O1xuXG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy50YWJsZXQgfSl9IHtcbiAgICAke2ZvbnRzLnNpemVzKCcxOHB4JywgJzMycHgnKX07XG4gIH1cbmA7XG5cbnR5cGUgUHJvcHMgPSB7XG4gIHN1YkhlYWRpbmc/OiBzdHJpbmc7XG4gIGNoaWxkcmVuOiBSZWFjdE5vZGU7XG4gIGludmVydGVkU3R5bGU/OiBib29sZWFuO1xuICBoZWFkaW5nSWQ/OiBzdHJpbmc7XG59O1xuXG5leHBvcnQgY29uc3QgTmF2aWdhdGlvbkhlYWRpbmcgPSAoeyBzdWJIZWFkaW5nLCBjaGlsZHJlbiwgaW52ZXJ0ZWRTdHlsZSwgaGVhZGluZ0lkIH06IFByb3BzKSA9PiAoXG4gIDxTdHlsZWRIZWFkaW5nXG4gICAgZWxlbWVudD1cImgxXCJcbiAgICBtYXJnaW49XCJ4bGFyZ2VcIlxuICAgIGhlYWRpbmdTdHlsZT1cImgxXCJcbiAgICBzZXJpZlxuICAgIGRhdGEtaW52ZXJ0ZWQ9e2ludmVydGVkU3R5bGV9XG4gICAgaWQ9e2hlYWRpbmdJZH1cbiAgICB0YWJJbmRleD17LTF9XG4gID5cbiAgICB7c3ViSGVhZGluZyAmJiA8U3R5bGVkU3ViVGV4dD57c3ViSGVhZGluZ308L1N0eWxlZFN1YlRleHQ+fVxuICAgIDxTdHlsZWRNYWluVGV4dD57Y2hpbGRyZW59PC9TdHlsZWRNYWluVGV4dD5cbiAgPC9TdHlsZWRIZWFkaW5nPlxuKTtcblxuZXhwb3J0IGRlZmF1bHQgTmF2aWdhdGlvbkhlYWRpbmc7XG4iXX0= */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-var StyledSubText = /*#__PURE__*/(0, _base["default"])("span", {
-  target: "eo34gso0",
-  label: "StyledSubText"
-})("display:block;font-weight:bold;text-transform:uppercase;margin-bottom:6px;", _core.fonts.sizes('14px', '24px'), ";", _core.mq.range({
-  from: _core.breakpoints.tablet
-}), "{", _core.fonts.sizes('18px', '32px'), ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk5hdmlnYXRpb25IZWFkaW5nLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFhaUMiLCJmaWxlIjoiTmF2aWdhdGlvbkhlYWRpbmcudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGJyZWFrcG9pbnRzLCBjb2xvcnMsIGZvbnRzLCBtcSB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuaW1wb3J0IHsgSGVhZGluZyB9IGZyb20gJy4uL1R5cG9ncmFwaHknO1xuXG5jb25zdCBTdHlsZWRIZWFkaW5nID0gc3R5bGVkKEhlYWRpbmcpYFxuICAmW2RhdGEtaW52ZXJ0ZWQ9J3RydWUnXSB7XG4gICAgY29sb3I6ICR7Y29sb3JzLndoaXRlfTtcbiAgfVxuYDtcbmNvbnN0IFN0eWxlZE1haW5UZXh0ID0gc3R5bGVkLnNwYW5gXG4gIGRpc3BsYXk6IGJsb2NrO1xuYDtcbmNvbnN0IFN0eWxlZFN1YlRleHQgPSBzdHlsZWQuc3BhbmBcbiAgZGlzcGxheTogYmxvY2s7XG4gIGZvbnQtd2VpZ2h0OiBib2xkO1xuICB0ZXh0LXRyYW5zZm9ybTogdXBwZXJjYXNlO1xuICBtYXJnaW4tYm90dG9tOiA2cHg7XG5cbiAgJHtmb250cy5zaXplcygnMTRweCcsICcyNHB4Jyl9O1xuXG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy50YWJsZXQgfSl9IHtcbiAgICAke2ZvbnRzLnNpemVzKCcxOHB4JywgJzMycHgnKX07XG4gIH1cbmA7XG5cbnR5cGUgUHJvcHMgPSB7XG4gIHN1YkhlYWRpbmc/OiBzdHJpbmc7XG4gIGNoaWxkcmVuOiBSZWFjdE5vZGU7XG4gIGludmVydGVkU3R5bGU/OiBib29sZWFuO1xuICBoZWFkaW5nSWQ/OiBzdHJpbmc7XG59O1xuXG5leHBvcnQgY29uc3QgTmF2aWdhdGlvbkhlYWRpbmcgPSAoeyBzdWJIZWFkaW5nLCBjaGlsZHJlbiwgaW52ZXJ0ZWRTdHlsZSwgaGVhZGluZ0lkIH06IFByb3BzKSA9PiAoXG4gIDxTdHlsZWRIZWFkaW5nXG4gICAgZWxlbWVudD1cImgxXCJcbiAgICBtYXJnaW49XCJ4bGFyZ2VcIlxuICAgIGhlYWRpbmdTdHlsZT1cImgxXCJcbiAgICBzZXJpZlxuICAgIGRhdGEtaW52ZXJ0ZWQ9e2ludmVydGVkU3R5bGV9XG4gICAgaWQ9e2hlYWRpbmdJZH1cbiAgICB0YWJJbmRleD17LTF9XG4gID5cbiAgICB7c3ViSGVhZGluZyAmJiA8U3R5bGVkU3ViVGV4dD57c3ViSGVhZGluZ308L1N0eWxlZFN1YlRleHQ+fVxuICAgIDxTdHlsZWRNYWluVGV4dD57Y2hpbGRyZW59PC9TdHlsZWRNYWluVGV4dD5cbiAgPC9TdHlsZWRIZWFkaW5nPlxuKTtcblxuZXhwb3J0IGRlZmF1bHQgTmF2aWdhdGlvbkhlYWRpbmc7XG4iXX0= */"));
-var NavigationHeading = function NavigationHeading(_ref) {
-  var subHeading = _ref.subHeading,
-    children = _ref.children,
-    invertedStyle = _ref.invertedStyle,
-    headingId = _ref.headingId;
-  return (0, _jsxRuntime.jsxs)(StyledHeading, {
-    element: "h1",
-    margin: "xlarge",
-    headingStyle: "h1",
-    serif: true,
-    "data-inverted": invertedStyle,
-    id: headingId,
-    tabIndex: -1,
-    children: [subHeading && (0, _jsxRuntime.jsx)(StyledSubText, {
-      children: subHeading
-    }), (0, _jsxRuntime.jsx)(StyledMainText, {
-      children: children
-    })]
-  });
-};
-exports.NavigationHeading = NavigationHeading;
-var _default = NavigationHeading;
-exports["default"] = _default;

package/lib/Translation/TranslationBox.d.ts

@@ -1,10 +0,0 @@
-import { ReactNode } from 'react';
-interface Props {
-    tabs: {
-        id: string;
-        title: string;
-        content: (() => ReactNode) | ReactNode;
-    }[];
-}
-declare const TranslationBox: ({ tabs }: Props) => import("@emotion/react/jsx-runtime").JSX.Element;
-export default TranslationBox;