@ndla/ui 50.6.5 → 50.7.1

package/lib/index.d.ts

@@ -7,7 +7,6 @@
  */
 export { ExpandableBox, ExpandableBoxSummary } from './ExpandableBox';
 export { default as FramedContent } from './FramedContent';
-export { default as SectionHeading } from './SectionHeading';
 export { ConceptNotionV2, ImageEmbed, AudioEmbed, H5pEmbed, ExternalEmbed, IframeEmbed, FootnoteEmbed, BrightcoveEmbed, ContentLinkEmbed, RelatedContentEmbed, ConceptEmbed, ConceptListEmbed, UnknownEmbed, InlineConcept, BlockConcept, } from './Embed';
 export { ArticleByline, ArticleFootNotes, ArticleIntroduction, ArticleTitle, ArticleWrapper, ArticleHeaderWrapper, default as Article, } from './Article';
 export { getPossiblyRelativeUrl } from './utils/relativeUrl';

package/lib/index.js

@@ -825,12 +825,6 @@ Object.defineProperty(exports, "SearchTypeResult", {
     return _SearchTypeResult.SearchTypeResult;
   }
 });
-Object.defineProperty(exports, "SectionHeading", {
-  enumerable: true,
-  get: function () {
-    return _SectionHeading.default;
-  }
-});
 Object.defineProperty(exports, "SkipToMainContent", {
   enumerable: true,
   get: function () {
@@ -1049,7 +1043,6 @@ Object.defineProperty(exports, "useSnack", {
 });
 var _ExpandableBox = require("./ExpandableBox");
 var _FramedContent = _interopRequireDefault(require("./FramedContent"));
-var _SectionHeading = _interopRequireDefault(require("./SectionHeading"));
 var _Embed = require("./Embed");
 var _Article = _interopRequireWildcard(require("./Article"));
 var _relativeUrl = require("./utils/relativeUrl");

package/lib/locale/messages-en.d.ts

@@ -1041,6 +1041,7 @@ declare const messages: {
         addToFavourites: string;
         alreadyFavourited: string;
         alreadyInFolder: string;
+        addInSharedFolder: string;
         noFolderSelected: string;
         examLockInfo: string;
         copyFolderDisclaimer: string;

package/lib/locale/messages-en.js

@@ -1060,6 +1060,7 @@ const messages = {
     addToFavourites: 'Add to my favourites',
     alreadyFavourited: 'Already in my favourites',
     alreadyInFolder: 'Already in folder. You can still save new tags.',
+    addInSharedFolder: 'This folder is shared. Content you add will also be shared.',
     noFolderSelected: 'Select or create a new folder to save the resource.',
     examLockInfo: 'Editing content on Min NDLA is deactivated for pupils during the exam period.',
     copyFolderDisclaimer: 'This creates a copy of the folder. Any changes made to the original folder will not be updated here.',

package/lib/locale/messages-nb.d.ts

@@ -1041,6 +1041,7 @@ declare const messages: {
         addToFavourites: string;
         alreadyFavourited: string;
         alreadyInFolder: string;
+        addInSharedFolder: string;
         noFolderSelected: string;
         examLockInfo: string;
         copyFolderDisclaimer: string;

package/lib/locale/messages-nb.js

@@ -1060,6 +1060,7 @@ const messages = {
     addToFavourites: 'Legg til i mine favoritter',
     alreadyFavourited: 'Allerede lagt til i mine favoritter',
     alreadyInFolder: 'Finnes allerede i mappen. Du kan fortsatt lagre nye emneknagger.',
+    addInSharedFolder: 'Denne mappen er delt. Innhold du legger til vil også bli delt.',
     noFolderSelected: 'Velg eller opprett ny mappe for å lagre ressursen',
     examLockInfo: 'Redigering av innhold på Min NDLA er deaktivert for elever i eksamensperioden.',
     copyFolderDisclaimer: 'Dette lager en kopi av mappen. Eventuelle endringer i originalmappen vil ikke bli oppdatert her.',

package/lib/locale/messages-nn.d.ts

@@ -1041,6 +1041,7 @@ declare const messages: {
         addToFavourites: string;
         alreadyFavourited: string;
         alreadyInFolder: string;
+        addInSharedFolder: string;
         noFolderSelected: string;
         examLockInfo: string;
         copyFolderDisclaimer: string;

package/lib/locale/messages-nn.js

@@ -1060,6 +1060,7 @@ const messages = {
     addToFavourites: 'Legg til i mine favorittar',
     alreadyFavourited: 'Allereie lagt til i mine favorittar',
     alreadyInFolder: 'Finst allereie i mappa. Du kan fortsatt lagre nye emneknaggar.',
+    addInSharedFolder: 'Denne mappa er delt. Innhald du legg til vil også bli delt.',
     noFolderSelected: 'Velg eller opprett ny mappe for å lagre ressursen',
     examLockInfo: 'Redigering av innhald på Min NDLA er deaktivert for elevar i eksamensperioden.',
     copyFolderDisclaimer: 'Dette lagar ein kopi av mappa. Eventuelle endringar i originalmappa vil ikkje bli oppdatert her.',

package/lib/locale/messages-se.d.ts

@@ -1041,6 +1041,7 @@ declare const messages: {
         addToFavourites: string;
         alreadyFavourited: string;
         alreadyInFolder: string;
+        addInSharedFolder: string;
         noFolderSelected: string;
         examLockInfo: string;
         copyFolderDisclaimer: string;

package/lib/locale/messages-se.js

@@ -1060,6 +1060,7 @@ const messages = {
     addToFavourites: 'Bija mu oiddohiid searvái',
     alreadyFavourited: 'Lea juo biddjon oiddohin',
     alreadyInFolder: 'Gávdno juo máhpas. Sáhtát ain vurket ođđa fáddágilkoriid.',
+    addInSharedFolder: 'Denne mappen er delt. Innhold du legger til vil også bli delt.',
     noFolderSelected: 'Vállje dahje ráhkat ođđa máhpa vai seasttát resurssa',
     examLockInfo: 'Mu NDLA sisdoalu redigeren ii leat doaimmas ohppiide eksámenáigodagas.',
     copyFolderDisclaimer: 'Dát ráhkada máŋgosa máhpas. Váilevaš rievdadusat álgovuolggalaš máhpas eai ođastuvvo dáppe.',

package/lib/locale/messages-sma.d.ts

@@ -1041,6 +1041,7 @@ declare const messages: {
         addToFavourites: string;
         alreadyFavourited: string;
         alreadyInFolder: string;
+        addInSharedFolder: string;
         noFolderSelected: string;
         examLockInfo: string;
         copyFolderDisclaimer: string;

package/lib/locale/messages-sma.js

@@ -1060,6 +1060,7 @@ const messages = {
     addToFavourites: 'Legg til i mine favoritter',
     alreadyFavourited: 'Allerede lagt til i mine favoritter',
     alreadyInFolder: 'Finnes allerede i mappen. Du kan fortsatt lagre nye emneknagger.',
+    addInSharedFolder: 'Denne mappen er delt. Innhold du legger til vil også bli delt.',
     noFolderSelected: 'Velg eller opprett ny mappe for å lagre ressursen',
     examLockInfo: 'Redigering av innhold på Min NDLA er deaktivert for elever i eksamensperioden.',
     copyFolderDisclaimer: 'Dette lager en kopi av mappen. Eventuelle endringer i originalmappen vil ikke bli oppdatert her.',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ndla/ui",
-  "version": "50.6.5",
+  "version": "50.7.1",
   "description": "UI component library for NDLA.",
   "license": "GPL-3.0",
   "main": "lib/index.js",
@@ -31,23 +31,23 @@
     "types"
   ],
   "dependencies": {
-    "@ndla/accordion": "^3.0.15",
-    "@ndla/button": "^12.0.20",
-    "@ndla/carousel": "^4.0.21",
-    "@ndla/core": "^4.3.1",
-    "@ndla/dropdown-menu": "^1.0.21",
-    "@ndla/forms": "^5.2.10",
+    "@ndla/accordion": "^3.0.17",
+    "@ndla/button": "^12.0.22",
+    "@ndla/carousel": "^4.0.22",
+    "@ndla/core": "^4.3.2",
+    "@ndla/dropdown-menu": "^1.0.22",
+    "@ndla/forms": "^5.2.12",
     "@ndla/hooks": "^2.1.4",
-    "@ndla/icons": "^5.0.0",
+    "@ndla/icons": "^5.0.1",
     "@ndla/licenses": "^7.2.4",
-    "@ndla/modal": "^5.0.20",
-    "@ndla/notion": "^6.0.21",
-    "@ndla/safelink": "^4.1.45",
-    "@ndla/select": "^3.2.7",
-    "@ndla/switch": "^1.1.27",
-    "@ndla/tabs": "^3.2.7",
-    "@ndla/tooltip": "^6.0.9",
-    "@ndla/typography": "^0.4.4",
+    "@ndla/modal": "^5.0.21",
+    "@ndla/notion": "^6.0.22",
+    "@ndla/safelink": "^4.1.47",
+    "@ndla/select": "^3.2.8",
+    "@ndla/switch": "^1.1.28",
+    "@ndla/tabs": "^3.2.8",
+    "@ndla/tooltip": "^6.0.10",
+    "@ndla/typography": "^0.4.5",
     "@ndla/util": "^4.0.3",
     "@radix-ui/react-popover": "^1.0.7",
     "@radix-ui/react-slider": "^1.1.2",
@@ -81,5 +81,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "c1055acbf3fdef286f76940ec20455faf520fa51"
+  "gitHead": "7f0cfb308bf85c6d0048289474cd346474507af2"
 }

package/src/CampaignBlock/CampaignBlock.tsx

@@ -29,7 +29,7 @@ interface Props {
     language: string;
   };
   headingLevel?: HeadingLevel;
-  url: {
+  url?: {
     url: string;
     text: string;
   };
@@ -94,7 +94,6 @@ const CampaignBlock = ({
   path,
   className,
 }: Props) => {
-  const href = getPossiblyRelativeUrl(url.url, path);
   return (
     <Container className={className} data-type="campaign-block" data-image-side={imageSide}>
       {image && <StyledImg src={image.src} height={200} width={240} alt={image.alt} />}
@@ -105,10 +104,12 @@ const CampaignBlock = ({
         <StyledDescription lang={description.language === 'nb' ? 'no' : description.language}>
           {description.text}
         </StyledDescription>
-        <StyledLink to={href}>
-          {url.text}
-          <Forward />
-        </StyledLink>
+        {url && (
+          <StyledLink to={getPossiblyRelativeUrl(url.url, path)}>
+            {url.text}
+            <Forward />
+          </StyledLink>
+        )}
       </TextWrapper>
     </Container>
   );

package/src/Embed/AudioEmbed.stories.tsx

@@ -179,7 +179,7 @@ const podcastSuccessData: AudioMeta = {
 };
 
 const meta: Meta<typeof AudioEmbed> = {
-  title: 'Components/Embeds/AudioEmbed',
+  title: 'Embeds/AudioEmbed',
   component: AudioEmbed,
   tags: ['autodocs'],
   decorators: [

package/src/Embed/BrightcoveEmbed.stories.tsx

@@ -152,7 +152,7 @@ const visuallyInterpretedEmbedMetaData: BrightcoveMetaData = {
 };
 
 const meta: Meta<typeof BrightcoveEmbed> = {
-  title: 'Components/Embeds/BrightcoveEmbed',
+  title: 'Embeds/BrightcoveEmbed',
   component: BrightcoveEmbed,
   tags: ['autodocs'],
   args: {

package/src/Embed/ConceptEmbed.stories.tsx

@@ -221,7 +221,7 @@ const glossBlockData: ConceptData = {
 };
 
 const meta: Meta<typeof ConceptEmbed> = {
-  title: 'Components/Embeds/ConceptEmbed',
+  title: 'Embeds/ConceptEmbed',
   component: ConceptEmbed,
   tags: ['autodocs'],
   args: {

package/src/Embed/ExternalEmbed.stories.tsx

@@ -7,7 +7,7 @@
  */
 
 import { Meta, StoryObj } from '@storybook/react';
-import { H5pEmbedData, H5pData, OembedEmbedData, OembedData } from '@ndla/types-embed';
+import { OembedEmbedData, OembedData } from '@ndla/types-embed';
 import ExternalEmbed from './ExternalEmbed';
 import { defaultParameters } from '../../../../stories/defaults';
 
@@ -40,7 +40,7 @@ const metaData: OembedData = {
 };
 
 const meta: Meta<typeof ExternalEmbed> = {
-  title: 'Components/Embeds/ExternalEmbed',
+  title: 'Embeds/ExternalEmbed',
   component: ExternalEmbed,
   tags: ['autodocs'],
   decorators: [

package/src/Embed/FootnoteEmbed.stories.tsx

@@ -20,7 +20,7 @@ import { ArticleByline } from '../Article';
  * I referanselisten nederst lenkes hver referanse igjen til hvor de opptrer i teksten
  */
 export default {
-  title: 'Components/FootnoteEmbed',
+  title: 'Embeds/FootnoteEmbed',
   tags: ['autodocs'],
   component: FootnoteEmbed,
   parameters: {

package/src/Embed/H5pEmbed.stories.tsx

@@ -46,7 +46,7 @@ const metaData: H5pData = {
 };
 
 const meta: Meta<typeof H5pEmbed> = {
-  title: 'Components/Embeds/H5pEmbed',
+  title: 'Embeds/H5pEmbed',
   component: H5pEmbed,
   tags: ['autodocs'],
   decorators: [

package/src/Embed/IframeEmbed.stories.tsx

@@ -21,7 +21,7 @@ const embedData: IframeEmbedData = {
 };
 
 const meta: Meta<typeof IframeEmbed> = {
-  title: 'Components/Embeds/IframeEmbed',
+  title: 'Embeds/IframeEmbed',
   component: IframeEmbed,
   tags: ['autodocs'],
   decorators: [

package/src/Embed/ImageEmbed.stories.tsx

@@ -85,7 +85,7 @@ const metaData: IImageMetaInformationV3 = {
 
 /** Bilder har tre mulige plasseringer: fullbredde midtstilt, venstrestilt og høyrestilt. Bilder kan være i størrelsene ekstra liten, liten, medium og stor (fullbredde). Bilder som ikke er fullbredde, kan ekspanderes på klikk. */
 const meta: Meta<typeof ImageEmbed> = {
-  title: 'Components/Embeds/ImageEmbed',
+  title: 'Embeds/ImageEmbed',
   component: ImageEmbed,
   tags: ['autodocs'],
   args: {

package/src/Embed/RelatedContentEmbed.stories.tsx

@@ -352,7 +352,7 @@ const learningResourceMeta: RelatedContentMetaData = {
 };
 
 const meta: Meta<typeof RelatedContentEmbed> = {
-  title: 'Components/Embeds/RelatedContentEmbed',
+  title: 'Embeds/RelatedContentEmbed',
   component: RelatedContentEmbed,
   tags: ['autodocs'],
   decorators: [

package/src/Embed/conceptComponents.tsx

@@ -65,8 +65,11 @@ const NotionDialogContent = styled.div`
   flex-direction: column;
 `;
 
-const ContentPadding = styled.div`
+const ContentSpacing = styled.div`
   padding: ${spacing.normal};
+  &[data-is-concept='false'] {
+    margin-bottom: ${spacing.normal};
+  }
 `;
 
 const notionContentCss = css`
@@ -115,7 +118,7 @@ const NotionHeader = styled.div`
     ${fonts.sizes('22px', 1.2)};
   }
   small {
-    &[data-show-separator='true'] {
+    &[data-is-concept='true'] {
       border-left: 1px solid ${colors.brand.greyLight};
       padding-left: ${spacing.small};
       margin-left: ${spacing.xsmall};
@@ -123,6 +126,9 @@ const NotionHeader = styled.div`
     ${fonts.sizes('20px', 1.2)};
     font-weight: ${fonts.weight.normal};
   }
+  &[data-is-concept='false'] {
+    margin-bottom: ${spacing.large};
+  }
 `;
 
 const ListWrapper = styled.div`
@@ -193,11 +199,11 @@ export const ConceptNotionV2 = forwardRef<HTMLDivElement, ConceptNotionProps>(
     const isConcept = conceptType === 'concept';
     return (
       <div css={inPopover ? notionContentCss : undefined} {...rest} ref={ref}>
-        <ContentPadding>
-          <NotionHeader data-show-separator={isConcept}>
+        <ContentSpacing data-is-concept={isConcept}>
+          <NotionHeader data-is-concept={isConcept}>
             <h1>
               {isConcept && title.title}
-              {<small data-show-separator={isConcept}>{t(`searchPage.resultType.${conceptType}`)}</small>}
+              {<small data-is-concept={isConcept}>{t(`searchPage.resultType.${conceptType}`)}</small>}
             </h1>
             <ButtonWrapper>
               {headerButtons}
@@ -254,7 +260,7 @@ export const ConceptNotionV2 = forwardRef<HTMLDivElement, ConceptNotionProps>(
               exampleLangs={exampleLangs}
             />
           )}
-        </ContentPadding>
+        </ContentSpacing>
         {copyright && (
           <EmbedByline copyright={copyright} type={conceptType as ConceptType}>
             {copyright.license?.license.toLowerCase() !== COPYRIGHTED && conceptHeartButton}

package/src/FileList/Format.tsx

@@ -22,6 +22,13 @@ const StyledText = styled(Text)`
     box-shadow: none;
   }
 `;
+const StyledDeadLinkWrapper = styled.span`
+  display: flex;
+  align-items: center;
+`;
+const StyledDeadLinkText = styled(Text)`
+  overflow-wrap: anywhere;
+`;
 
 const FileLink = styled(SafeLink)`
   box-shadow: none;
@@ -29,6 +36,7 @@ const FileLink = styled(SafeLink)`
   color: ${colors.brand.primary};
   display: flex;
   align-items: center;
+  overflow-wrap: anywhere;
 `;
 
 const StyledDownload = styled(Download)`
@@ -51,12 +59,12 @@ const Format = ({ format, title, isPrimary, isDeadLink }: FormatProps) => {
 
   if (isDeadLink) {
     return (
-      <span key={format.url}>
+      <StyledDeadLinkWrapper key={format.url}>
         <StyledDownload />
-        <Text element="span" textStyle="label-small" margin="none">
+        <StyledDeadLinkText element="span" textStyle="label-small" margin="none">
           {isPrimary ? titleWithFormat : `(${format.fileType.toUpperCase()})`}
-        </Text>
-      </span>
+        </StyledDeadLinkText>
+      </StyledDeadLinkWrapper>
     );
   }
 

package/src/Layout/OneColumn.tsx

@@ -44,7 +44,7 @@ export const OneColumn = ({ children, className, cssModifier, wide, noPadding, e
   }
 
   return (
-    <div className={`${classes('', modifiers)} ${className}`} {...rest}>
+    <div className={`${classes('', modifiers, className)}`} {...rest}>
       {children}
     </div>
   );

package/src/index.ts

@@ -11,7 +11,6 @@
 
 export { ExpandableBox, ExpandableBoxSummary } from './ExpandableBox';
 export { default as FramedContent } from './FramedContent';
-export { default as SectionHeading } from './SectionHeading';
 export {
   ConceptNotionV2,
   ImageEmbed,

package/src/locale/messages-en.ts

@@ -1072,6 +1072,7 @@ const messages = {
     addToFavourites: 'Add to my favourites',
     alreadyFavourited: 'Already in my favourites',
     alreadyInFolder: 'Already in folder. You can still save new tags.',
+    addInSharedFolder: 'This folder is shared. Content you add will also be shared.',
     noFolderSelected: 'Select or create a new folder to save the resource.',
     examLockInfo: 'Editing content on Min NDLA is deactivated for pupils during the exam period.',
     copyFolderDisclaimer:

package/src/locale/messages-nb.ts

@@ -1070,6 +1070,7 @@ const messages = {
     addToFavourites: 'Legg til i mine favoritter',
     alreadyFavourited: 'Allerede lagt til i mine favoritter',
     alreadyInFolder: 'Finnes allerede i mappen. Du kan fortsatt lagre nye emneknagger.',
+    addInSharedFolder: 'Denne mappen er delt. Innhold du legger til vil også bli delt.',
     noFolderSelected: 'Velg eller opprett ny mappe for å lagre ressursen',
     examLockInfo: 'Redigering av innhold på Min NDLA er deaktivert for elever i eksamensperioden.',
     copyFolderDisclaimer:

package/src/locale/messages-nn.ts

@@ -1070,6 +1070,7 @@ const messages = {
     addToFavourites: 'Legg til i mine favorittar',
     alreadyFavourited: 'Allereie lagt til i mine favorittar',
     alreadyInFolder: 'Finst allereie i mappa. Du kan fortsatt lagre nye emneknaggar.',
+    addInSharedFolder: 'Denne mappa er delt. Innhald du legg til vil også bli delt.',
     noFolderSelected: 'Velg eller opprett ny mappe for å lagre ressursen',
     examLockInfo: 'Redigering av innhald på Min NDLA er deaktivert for elevar i eksamensperioden.',
     copyFolderDisclaimer:

package/src/locale/messages-se.ts

@@ -1072,6 +1072,7 @@ const messages = {
     addToFavourites: 'Bija mu oiddohiid searvái',
     alreadyFavourited: 'Lea juo biddjon oiddohin',
     alreadyInFolder: 'Gávdno juo máhpas. Sáhtát ain vurket ođđa fáddágilkoriid.',
+    addInSharedFolder: 'Denne mappen er delt. Innhold du legger til vil også bli delt.',
     noFolderSelected: 'Vállje dahje ráhkat ođđa máhpa vai seasttát resurssa',
     examLockInfo: 'Mu NDLA sisdoalu redigeren ii leat doaimmas ohppiide eksámenáigodagas.',
     copyFolderDisclaimer: 'Dát ráhkada máŋgosa máhpas. Váilevaš rievdadusat álgovuolggalaš máhpas eai ođastuvvo dáppe.',

package/src/locale/messages-sma.ts

@@ -1075,6 +1075,7 @@ const messages = {
     addToFavourites: 'Legg til i mine favoritter',
     alreadyFavourited: 'Allerede lagt til i mine favoritter',
     alreadyInFolder: 'Finnes allerede i mappen. Du kan fortsatt lagre nye emneknagger.',
+    addInSharedFolder: 'Denne mappen er delt. Innhold du legger til vil også bli delt.',
     noFolderSelected: 'Velg eller opprett ny mappe for å lagre ressursen',
     examLockInfo: 'Redigering av innhold på Min NDLA er deaktivert for elever i eksamensperioden.',
     copyFolderDisclaimer:

package/es/SectionHeading/SectionHeading.js

@@ -1,33 +0,0 @@
-/**
- * Copyright (c) 2021-present, NDLA.
- *
- * This source code is licensed under the GPLv3 license found in the
- * LICENSE file in the root directory of this source tree.
- *
- */
-
-import { css } from '@emotion/react';
-import { breakpoints, fonts, mq, spacing } from '@ndla/core';
-import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-const headingStyle = /*#__PURE__*/css("font-weight:", fonts.weight.bold, ";text-transform:uppercase;letter-spacing:0.05em;", fonts.sizes('18px', '24px'), ";", mq.range({
-  from: breakpoints.tablet
-}), "{", fonts.sizes('20px', '26px'), ";};label:headingStyle;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNlY3Rpb25IZWFkaW5nLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFhd0IiLCJmaWxlIjoiU2VjdGlvbkhlYWRpbmcudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjEtcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgeyBFbGVtZW50VHlwZSwgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgYnJlYWtwb2ludHMsIGZvbnRzLCBtcSwgc3BhY2luZyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuaW1wb3J0IHsgSGVhZGluZ0xldmVsIH0gZnJvbSAnQG5kbGEvdHlwb2dyYXBoeSc7XG5cbmNvbnN0IGhlYWRpbmdTdHlsZSA9IGNzc2BcbiAgZm9udC13ZWlnaHQ6ICR7Zm9udHMud2VpZ2h0LmJvbGR9O1xuICB0ZXh0LXRyYW5zZm9ybTogdXBwZXJjYXNlO1xuICBsZXR0ZXItc3BhY2luZzogMC4wNWVtO1xuICAke2ZvbnRzLnNpemVzKCcxOHB4JywgJzI0cHgnKX07XG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy50YWJsZXQgfSl9IHtcbiAgICAke2ZvbnRzLnNpemVzKCcyMHB4JywgJzI2cHgnKX07XG4gIH1cbmA7XG5cbmNvbnN0IGxhcmdlSGVhZGluZ1N0eWxlID0gY3NzYFxuICBtYXJnaW46IDAgMCAke3NwYWNpbmcuc21hbGx9IDA7XG4gICR7Zm9udHMuc2l6ZXMoJzE2cHgnLCAnMzJweCcpfTtcbiAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLnRhYmxldCB9KX0ge1xuICAgICR7Zm9udHMuc2l6ZXMoJzIycHgnKX07XG4gIH1cbmA7XG5cbmludGVyZmFjZSBQcm9wcyB7XG4gIGNoaWxkcmVuOiBSZWFjdE5vZGU7XG4gIGxhcmdlPzogYm9vbGVhbjtcbiAgY2xhc3NOYW1lPzogc3RyaW5nO1xuICBoZWFkaW5nTGV2ZWw6IEhlYWRpbmdMZXZlbDtcbn1cblxuY29uc3QgU2VjdGlvbkhlYWRpbmcgPSAoeyBjaGlsZHJlbiwgbGFyZ2UgPSBmYWxzZSwgY2xhc3NOYW1lLCBoZWFkaW5nTGV2ZWwgPSAnaDInIH06IFByb3BzKSA9PiB7XG4gIGNvbnN0IEVsZW1lbnQ6IEVsZW1lbnRUeXBlID0gaGVhZGluZ0xldmVsO1xuICBjb25zdCBzdHlsZXMgPSBsYXJnZSA/IFtoZWFkaW5nU3R5bGUsIGxhcmdlSGVhZGluZ1N0eWxlXSA6IFtoZWFkaW5nU3R5bGVdO1xuICByZXR1cm4gKFxuICAgIDxFbGVtZW50IGNzcz17c3R5bGVzfSBjbGFzc05hbWU9e2NsYXNzTmFtZX0+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9FbGVtZW50PlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgU2VjdGlvbkhlYWRpbmc7XG4iXX0= */"));
-const largeHeadingStyle = /*#__PURE__*/css("margin:0 0 ", spacing.small, " 0;", fonts.sizes('16px', '32px'), ";", mq.range({
-  from: breakpoints.tablet
-}), "{", fonts.sizes('22px'), ";};label:largeHeadingStyle;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNlY3Rpb25IZWFkaW5nLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF1QjZCIiwiZmlsZSI6IlNlY3Rpb25IZWFkaW5nLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDIxLXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuaW1wb3J0IHsgRWxlbWVudFR5cGUsIFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGJyZWFrcG9pbnRzLCBmb250cywgbXEsIHNwYWNpbmcgfSBmcm9tICdAbmRsYS9jb3JlJztcbmltcG9ydCB7IEhlYWRpbmdMZXZlbCB9IGZyb20gJ0BuZGxhL3R5cG9ncmFwaHknO1xuXG5jb25zdCBoZWFkaW5nU3R5bGUgPSBjc3NgXG4gIGZvbnQtd2VpZ2h0OiAke2ZvbnRzLndlaWdodC5ib2xkfTtcbiAgdGV4dC10cmFuc2Zvcm06IHVwcGVyY2FzZTtcbiAgbGV0dGVyLXNwYWNpbmc6IDAuMDVlbTtcbiAgJHtmb250cy5zaXplcygnMThweCcsICcyNHB4Jyl9O1xuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0IH0pfSB7XG4gICAgJHtmb250cy5zaXplcygnMjBweCcsICcyNnB4Jyl9O1xuICB9XG5gO1xuXG5jb25zdCBsYXJnZUhlYWRpbmdTdHlsZSA9IGNzc2BcbiAgbWFyZ2luOiAwIDAgJHtzcGFjaW5nLnNtYWxsfSAwO1xuICAke2ZvbnRzLnNpemVzKCcxNnB4JywgJzMycHgnKX07XG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy50YWJsZXQgfSl9IHtcbiAgICAke2ZvbnRzLnNpemVzKCcyMnB4Jyl9O1xuICB9XG5gO1xuXG5pbnRlcmZhY2UgUHJvcHMge1xuICBjaGlsZHJlbjogUmVhY3ROb2RlO1xuICBsYXJnZT86IGJvb2xlYW47XG4gIGNsYXNzTmFtZT86IHN0cmluZztcbiAgaGVhZGluZ0xldmVsOiBIZWFkaW5nTGV2ZWw7XG59XG5cbmNvbnN0IFNlY3Rpb25IZWFkaW5nID0gKHsgY2hpbGRyZW4sIGxhcmdlID0gZmFsc2UsIGNsYXNzTmFtZSwgaGVhZGluZ0xldmVsID0gJ2gyJyB9OiBQcm9wcykgPT4ge1xuICBjb25zdCBFbGVtZW50OiBFbGVtZW50VHlwZSA9IGhlYWRpbmdMZXZlbDtcbiAgY29uc3Qgc3R5bGVzID0gbGFyZ2UgPyBbaGVhZGluZ1N0eWxlLCBsYXJnZUhlYWRpbmdTdHlsZV0gOiBbaGVhZGluZ1N0eWxlXTtcbiAgcmV0dXJuIChcbiAgICA8RWxlbWVudCBjc3M9e3N0eWxlc30gY2xhc3NOYW1lPXtjbGFzc05hbWV9PlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvRWxlbWVudD5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IFNlY3Rpb25IZWFkaW5nO1xuIl19 */"));
-const SectionHeading = _ref => {
-  let {
-    children,
-    large = false,
-    className,
-    headingLevel = 'h2'
-  } = _ref;
-  const Element = headingLevel;
-  const styles = large ? [headingStyle, largeHeadingStyle] : [headingStyle];
-  return _jsx(Element, {
-    css: styles,
-    className: className,
-    children: children
-  });
-};
-export default SectionHeading;

package/es/SectionHeading/index.js

@@ -1,10 +0,0 @@
-/**
- * Copyright (c) 2021-present, NDLA.
- *
- * This source code is licensed under the GPLv3 license found in the
- * LICENSE file in the root directory of this source tree.
- *
- */
-
-import SectionHeading from './SectionHeading';
-export default SectionHeading;

package/lib/SectionHeading/SectionHeading.d.ts

@@ -1,17 +0,0 @@
-/**
- * Copyright (c) 2021-present, NDLA.
- *
- * This source code is licensed under the GPLv3 license found in the
- * LICENSE file in the root directory of this source tree.
- *
- */
-import { ReactNode } from 'react';
-import { HeadingLevel } from '@ndla/typography';
-interface Props {
-    children: ReactNode;
-    large?: boolean;
-    className?: string;
-    headingLevel: HeadingLevel;
-}
-declare const SectionHeading: ({ children, large, className, headingLevel }: Props) => import("@emotion/react/jsx-runtime").JSX.Element;
-export default SectionHeading;

package/lib/SectionHeading/SectionHeading.js

@@ -1,39 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = require("@emotion/react");
-var _core = require("@ndla/core");
-var _jsxRuntime = require("@emotion/react/jsx-runtime");
-/**
- * Copyright (c) 2021-present, NDLA.
- *
- * This source code is licensed under the GPLv3 license found in the
- * LICENSE file in the root directory of this source tree.
- *
- */
-
-const headingStyle = /*#__PURE__*/(0, _react.css)("font-weight:", _core.fonts.weight.bold, ";text-transform:uppercase;letter-spacing:0.05em;", _core.fonts.sizes('18px', '24px'), ";", _core.mq.range({
-  from: _core.breakpoints.tablet
-}), "{", _core.fonts.sizes('20px', '26px'), ";};label:headingStyle;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNlY3Rpb25IZWFkaW5nLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFhd0IiLCJmaWxlIjoiU2VjdGlvbkhlYWRpbmcudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjEtcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgeyBFbGVtZW50VHlwZSwgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgYnJlYWtwb2ludHMsIGZvbnRzLCBtcSwgc3BhY2luZyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuaW1wb3J0IHsgSGVhZGluZ0xldmVsIH0gZnJvbSAnQG5kbGEvdHlwb2dyYXBoeSc7XG5cbmNvbnN0IGhlYWRpbmdTdHlsZSA9IGNzc2BcbiAgZm9udC13ZWlnaHQ6ICR7Zm9udHMud2VpZ2h0LmJvbGR9O1xuICB0ZXh0LXRyYW5zZm9ybTogdXBwZXJjYXNlO1xuICBsZXR0ZXItc3BhY2luZzogMC4wNWVtO1xuICAke2ZvbnRzLnNpemVzKCcxOHB4JywgJzI0cHgnKX07XG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy50YWJsZXQgfSl9IHtcbiAgICAke2ZvbnRzLnNpemVzKCcyMHB4JywgJzI2cHgnKX07XG4gIH1cbmA7XG5cbmNvbnN0IGxhcmdlSGVhZGluZ1N0eWxlID0gY3NzYFxuICBtYXJnaW46IDAgMCAke3NwYWNpbmcuc21hbGx9IDA7XG4gICR7Zm9udHMuc2l6ZXMoJzE2cHgnLCAnMzJweCcpfTtcbiAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLnRhYmxldCB9KX0ge1xuICAgICR7Zm9udHMuc2l6ZXMoJzIycHgnKX07XG4gIH1cbmA7XG5cbmludGVyZmFjZSBQcm9wcyB7XG4gIGNoaWxkcmVuOiBSZWFjdE5vZGU7XG4gIGxhcmdlPzogYm9vbGVhbjtcbiAgY2xhc3NOYW1lPzogc3RyaW5nO1xuICBoZWFkaW5nTGV2ZWw6IEhlYWRpbmdMZXZlbDtcbn1cblxuY29uc3QgU2VjdGlvbkhlYWRpbmcgPSAoeyBjaGlsZHJlbiwgbGFyZ2UgPSBmYWxzZSwgY2xhc3NOYW1lLCBoZWFkaW5nTGV2ZWwgPSAnaDInIH06IFByb3BzKSA9PiB7XG4gIGNvbnN0IEVsZW1lbnQ6IEVsZW1lbnRUeXBlID0gaGVhZGluZ0xldmVsO1xuICBjb25zdCBzdHlsZXMgPSBsYXJnZSA/IFtoZWFkaW5nU3R5bGUsIGxhcmdlSGVhZGluZ1N0eWxlXSA6IFtoZWFkaW5nU3R5bGVdO1xuICByZXR1cm4gKFxuICAgIDxFbGVtZW50IGNzcz17c3R5bGVzfSBjbGFzc05hbWU9e2NsYXNzTmFtZX0+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9FbGVtZW50PlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgU2VjdGlvbkhlYWRpbmc7XG4iXX0= */"));
-const largeHeadingStyle = /*#__PURE__*/(0, _react.css)("margin:0 0 ", _core.spacing.small, " 0;", _core.fonts.sizes('16px', '32px'), ";", _core.mq.range({
-  from: _core.breakpoints.tablet
-}), "{", _core.fonts.sizes('22px'), ";};label:largeHeadingStyle;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNlY3Rpb25IZWFkaW5nLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF1QjZCIiwiZmlsZSI6IlNlY3Rpb25IZWFkaW5nLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDIxLXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuaW1wb3J0IHsgRWxlbWVudFR5cGUsIFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGJyZWFrcG9pbnRzLCBmb250cywgbXEsIHNwYWNpbmcgfSBmcm9tICdAbmRsYS9jb3JlJztcbmltcG9ydCB7IEhlYWRpbmdMZXZlbCB9IGZyb20gJ0BuZGxhL3R5cG9ncmFwaHknO1xuXG5jb25zdCBoZWFkaW5nU3R5bGUgPSBjc3NgXG4gIGZvbnQtd2VpZ2h0OiAke2ZvbnRzLndlaWdodC5ib2xkfTtcbiAgdGV4dC10cmFuc2Zvcm06IHVwcGVyY2FzZTtcbiAgbGV0dGVyLXNwYWNpbmc6IDAuMDVlbTtcbiAgJHtmb250cy5zaXplcygnMThweCcsICcyNHB4Jyl9O1xuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0IH0pfSB7XG4gICAgJHtmb250cy5zaXplcygnMjBweCcsICcyNnB4Jyl9O1xuICB9XG5gO1xuXG5jb25zdCBsYXJnZUhlYWRpbmdTdHlsZSA9IGNzc2BcbiAgbWFyZ2luOiAwIDAgJHtzcGFjaW5nLnNtYWxsfSAwO1xuICAke2ZvbnRzLnNpemVzKCcxNnB4JywgJzMycHgnKX07XG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy50YWJsZXQgfSl9IHtcbiAgICAke2ZvbnRzLnNpemVzKCcyMnB4Jyl9O1xuICB9XG5gO1xuXG5pbnRlcmZhY2UgUHJvcHMge1xuICBjaGlsZHJlbjogUmVhY3ROb2RlO1xuICBsYXJnZT86IGJvb2xlYW47XG4gIGNsYXNzTmFtZT86IHN0cmluZztcbiAgaGVhZGluZ0xldmVsOiBIZWFkaW5nTGV2ZWw7XG59XG5cbmNvbnN0IFNlY3Rpb25IZWFkaW5nID0gKHsgY2hpbGRyZW4sIGxhcmdlID0gZmFsc2UsIGNsYXNzTmFtZSwgaGVhZGluZ0xldmVsID0gJ2gyJyB9OiBQcm9wcykgPT4ge1xuICBjb25zdCBFbGVtZW50OiBFbGVtZW50VHlwZSA9IGhlYWRpbmdMZXZlbDtcbiAgY29uc3Qgc3R5bGVzID0gbGFyZ2UgPyBbaGVhZGluZ1N0eWxlLCBsYXJnZUhlYWRpbmdTdHlsZV0gOiBbaGVhZGluZ1N0eWxlXTtcbiAgcmV0dXJuIChcbiAgICA8RWxlbWVudCBjc3M9e3N0eWxlc30gY2xhc3NOYW1lPXtjbGFzc05hbWV9PlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvRWxlbWVudD5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IFNlY3Rpb25IZWFkaW5nO1xuIl19 */"));
-const SectionHeading = _ref => {
-  let {
-    children,
-    large = false,
-    className,
-    headingLevel = 'h2'
-  } = _ref;
-  const Element = headingLevel;
-  const styles = large ? [headingStyle, largeHeadingStyle] : [headingStyle];
-  return (0, _jsxRuntime.jsx)(Element, {
-    css: styles,
-    className: className,
-    children: children
-  });
-};
-var _default = exports.default = SectionHeading;

package/lib/SectionHeading/index.d.ts

@@ -1,9 +0,0 @@
-/**
- * Copyright (c) 2021-present, NDLA.
- *
- * This source code is licensed under the GPLv3 license found in the
- * LICENSE file in the root directory of this source tree.
- *
- */
-import SectionHeading from './SectionHeading';
-export default SectionHeading;

package/lib/SectionHeading/index.js

@@ -1,16 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _SectionHeading = _interopRequireDefault(require("./SectionHeading"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-/**
- * Copyright (c) 2021-present, NDLA.
- *
- * This source code is licensed under the GPLv3 license found in the
- * LICENSE file in the root directory of this source tree.
- *
- */
-var _default = exports.default = _SectionHeading.default;