@ndla/ui 33.0.5 → 33.0.7

package/lib/index.d.ts

@@ -10,9 +10,8 @@ export * from './index-javascript';
 export { default as SectionHeading } from './SectionHeading';
 export { ArticleByline, ArticleContent, ArticleFootNotes, ArticleIntroduction, ArticleTitle, ArticleWrapper, ArticleHeaderWrapper, ArticleSideBar, default as Article, } from './Article';
 export { CompetenceGoalsDialog } from './CompetenceGoals';
-export { default as TopicIntroductionList } from './TopicIntroductionList';
 export { default as Table } from './Table';
-export { default as ResourcesWrapper, ResourcesTitle, ResourcesTopicTitle } from './ResourcesWrapper';
+export { default as ResourcesWrapper, ResourcesTopicTitle } from './ResourcesWrapper';
 export { createUniversalPortal } from './utils/createUniversalPortal';
 export { default as NoContentBox } from './NoContentBox';
 export { default as Masthead, MastheadItem, getMastheadHeight, useMastheadHeight, SkipToMainContent } from './Masthead';
@@ -78,7 +77,7 @@ export { FilmSlideshow, MovieGrid, AboutNdlaFilm, FilmMovieSearch, FilmMovieList
 export { DisplayOnPageYOffset } from './Animation';
 export { MediaList, MediaListItem, MediaListItemBody, MediaListItemActions, MediaListItemImage, MediaListItemMeta, } from './MediaList';
 export { default as ContentTypeBadge, SubjectMaterialBadge, TasksAndActivitiesBadge, AssessmentResourcesBadge, LearningPathBadge, SubjectBadge, ExternalLearningResourcesBadge, SourceMaterialBadge, } from './ContentTypeBadge';
-export { SubjectAbout, SubjectArchive, SubjectCarousel, SubjectChildContent, SubjectContent, SubjectFlexChild, SubjectFlexWrapper, SubjectHeader, SubjectLinks, SubjectNewContent, SubjectSecondaryContent, SubjectSectionTitle, SubjectShortcuts, SubjectSidebarWrapper, SubjectSocialContent, SubjectSocialSection, SubjectTopics, SubjectBanner, } from './Subject';
+export { SubjectChildContent, SubjectContent, SubjectFlexWrapper, SubjectHeader, SubjectNewContent, SubjectSecondaryContent, SubjectSectionTitle, SubjectSidebarWrapper, SubjectSocialContent, SubjectSocialSection, SubjectTopics, SubjectBanner, } from './Subject';
 export { default as ContentCard } from './ContentCard';
 export { default as CopyParagraphButton } from './CopyParagraphButton';
 export { default as ContentPlaceholder } from './ContentPlaceholder';

package/lib/index.js

@@ -16,10 +16,8 @@ var _exportNames = {
   ArticleSideBar: true,
   Article: true,
   CompetenceGoalsDialog: true,
-  TopicIntroductionList: true,
   Table: true,
   ResourcesWrapper: true,
-  ResourcesTitle: true,
   ResourcesTopicTitle: true,
   createUniversalPortal: true,
   NoContentBox: true,
@@ -160,19 +158,13 @@ var _exportNames = {
   SubjectBadge: true,
   ExternalLearningResourcesBadge: true,
   SourceMaterialBadge: true,
-  SubjectAbout: true,
-  SubjectArchive: true,
-  SubjectCarousel: true,
   SubjectChildContent: true,
   SubjectContent: true,
-  SubjectFlexChild: true,
   SubjectFlexWrapper: true,
   SubjectHeader: true,
-  SubjectLinks: true,
   SubjectNewContent: true,
   SubjectSecondaryContent: true,
   SubjectSectionTitle: true,
-  SubjectShortcuts: true,
   SubjectSidebarWrapper: true,
   SubjectSocialContent: true,
   SubjectSocialSection: true,
@@ -964,12 +956,6 @@ Object.defineProperty(exports, "ResourceGroup", {
     return _ResourceGroup["default"];
   }
 });
-Object.defineProperty(exports, "ResourcesTitle", {
-  enumerable: true,
-  get: function get() {
-    return _ResourcesWrapper.ResourcesTitle;
-  }
-});
 Object.defineProperty(exports, "ResourcesTopicTitle", {
   enumerable: true,
   get: function get() {
@@ -1078,18 +1064,6 @@ Object.defineProperty(exports, "SourceMaterialHero", {
     return _Hero.SourceMaterialHero;
   }
 });
-Object.defineProperty(exports, "SubjectAbout", {
-  enumerable: true,
-  get: function get() {
-    return _Subject.SubjectAbout;
-  }
-});
-Object.defineProperty(exports, "SubjectArchive", {
-  enumerable: true,
-  get: function get() {
-    return _Subject.SubjectArchive;
-  }
-});
 Object.defineProperty(exports, "SubjectBadge", {
   enumerable: true,
   get: function get() {
@@ -1102,12 +1076,6 @@ Object.defineProperty(exports, "SubjectBanner", {
     return _Subject.SubjectBanner;
   }
 });
-Object.defineProperty(exports, "SubjectCarousel", {
-  enumerable: true,
-  get: function get() {
-    return _Subject.SubjectCarousel;
-  }
-});
 Object.defineProperty(exports, "SubjectChildContent", {
   enumerable: true,
   get: function get() {
@@ -1120,12 +1088,6 @@ Object.defineProperty(exports, "SubjectContent", {
     return _Subject.SubjectContent;
   }
 });
-Object.defineProperty(exports, "SubjectFlexChild", {
-  enumerable: true,
-  get: function get() {
-    return _Subject.SubjectFlexChild;
-  }
-});
 Object.defineProperty(exports, "SubjectFlexWrapper", {
   enumerable: true,
   get: function get() {
@@ -1144,12 +1106,6 @@ Object.defineProperty(exports, "SubjectHero", {
     return _Hero.SubjectHero;
   }
 });
-Object.defineProperty(exports, "SubjectLinks", {
-  enumerable: true,
-  get: function get() {
-    return _Subject.SubjectLinks;
-  }
-});
 Object.defineProperty(exports, "SubjectMaterialBadge", {
   enumerable: true,
   get: function get() {
@@ -1180,12 +1136,6 @@ Object.defineProperty(exports, "SubjectSectionTitle", {
     return _Subject.SubjectSectionTitle;
   }
 });
-Object.defineProperty(exports, "SubjectShortcuts", {
-  enumerable: true,
-  get: function get() {
-    return _Subject.SubjectShortcuts;
-  }
-});
 Object.defineProperty(exports, "SubjectSidebarWrapper", {
   enumerable: true,
   get: function get() {
@@ -1258,12 +1208,6 @@ Object.defineProperty(exports, "Topic", {
     return _Topic["default"];
   }
 });
-Object.defineProperty(exports, "TopicIntroductionList", {
-  enumerable: true,
-  get: function get() {
-    return _TopicIntroductionList["default"];
-  }
-});
 Object.defineProperty(exports, "Translation", {
   enumerable: true,
   get: function get() {
@@ -1393,7 +1337,6 @@ Object.keys(_indexJavascript).forEach(function (key) {
 var _SectionHeading = _interopRequireDefault(require("./SectionHeading"));
 var _Article = _interopRequireWildcard(require("./Article"));
 var _CompetenceGoals = require("./CompetenceGoals");
-var _TopicIntroductionList = _interopRequireDefault(require("./TopicIntroductionList"));
 var _Table = _interopRequireDefault(require("./Table"));
 var _ResourcesWrapper = _interopRequireWildcard(require("./ResourcesWrapper"));
 var _createUniversalPortal = require("./utils/createUniversalPortal");

package/lib/locale/messages-en.js

@@ -325,7 +325,7 @@ var messages = _objectSpread(_objectSpread({
       subjectOverview: 'All subjects',
       modalLabel: 'Choose content',
       backToSubjectFrontpage: 'Back to subject frontpage',
-      title: 'Content',
+      title: 'Open menu',
       subjectPage: 'Subject front page',
       openFilter: 'Filter',
       useFilter: 'Use filter',

package/lib/locale/messages-nb.js

@@ -323,7 +323,7 @@ var messages = _objectSpread(_objectSpread({
       search: 'Søk',
       toFrontpage: 'Til forsiden',
       subjectOverview: 'Alle fag',
-      title: 'Innhold',
+      title: 'Åpne meny',
       modalLabel: 'Velg innhold',
       subjectPage: 'Fagforside',
       backToSubjectFrontpage: 'Tilbake til fagforsiden',
@@ -582,7 +582,7 @@ var messages = _objectSpread(_objectSpread({
     editorInChief: 'Ansvarlig redaktør: ',
     managingEditor: 'Utgaveansvarlig: ',
     privacyLink: 'Personvernerklæring',
-    cookiesLink: 'Erklæring om informasjonskapslar',
+    cookiesLink: 'Erklæring om informasjonskapsler',
     socialMediaLinks: {
       facebook: 'NDLA på Facebook',
       facebookAria: 'Besøk NDLA på Facebook',

package/lib/locale/messages-nn.js

@@ -323,7 +323,7 @@ var messages = _objectSpread(_objectSpread({
       search: 'Søk',
       toFrontpage: 'Til framsida',
       subjectOverview: 'Alle fag',
-      title: 'Innhald',
+      title: 'Åpne meny',
       modalLabel: 'Vel innhald',
       subjectPage: 'Fagframside',
       backToSubjectFrontpage: 'Tilbake til fagframsida',

package/lib/locale/messages-se.js

@@ -323,7 +323,7 @@ var messages = _objectSpread(_objectSpread({
       search: 'Oza',
       toFrontpage: 'Ovdasiidui',
       subjectOverview: 'Buot fágat',
-      title: 'Sisdoallu',
+      title: 'Åpne meny',
       modalLabel: 'Vállje sisdoalu',
       subjectPage: 'Ovdasiidu fágas',
       backToSubjectFrontpage: 'Ruovttoluotta fága ovdasiidui',

package/lib/locale/messages-sma.js

@@ -323,7 +323,7 @@ var messages = _objectSpread(_objectSpread({
       search: 'Søk',
       toFrontpage: 'Til forsiden',
       subjectOverview: 'Alle fag',
-      title: 'Innhold',
+      title: 'Åpne meny',
       modalLabel: 'Velg innhold',
       subjectPage: 'Fagforside',
       backToSubjectFrontpage: 'Tilbake til fagforsiden',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ndla/ui",
-  "version": "33.0.5",
+  "version": "33.0.7",
   "description": "UI component library for NDLA.",
   "license": "GPL-3.0",
   "main": "lib/index.js",
@@ -32,16 +32,16 @@
   ],
   "dependencies": {
     "@ndla/article-scripts": "^3.0.12",
-    "@ndla/button": "^6.1.1",
+    "@ndla/button": "^6.1.2",
     "@ndla/carousel": "^2.1.0",
     "@ndla/core": "^3.0.3",
-    "@ndla/forms": "^4.1.2",
+    "@ndla/forms": "^4.1.3",
     "@ndla/hooks": "^1.2.0",
     "@ndla/icons": "^2.1.0",
     "@ndla/licenses": "^6.1.1",
     "@ndla/modal": "^2.2.1",
-    "@ndla/notion": "^4.1.3",
-    "@ndla/safelink": "^3.1.2",
+    "@ndla/notion": "^4.1.4",
+    "@ndla/safelink": "^3.1.3",
     "@ndla/switch": "^1.0.3",
     "@ndla/tabs": "^2.1.0",
     "@ndla/tooltip": "^3.1.1",
@@ -83,5 +83,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "c62af6b4d539f903f26c01a3843b2dcffdb99124"
+  "gitHead": "ea860e9b36dfe3e7757e649b72bdbc8e7f9d22b4"
 }

package/src/Footer/FooterPrivacy.tsx

@@ -25,12 +25,18 @@ const StyledPrivacyLink = styled.a`
   box-shadow: ${misc.textLinkBoxShadow};
   cursor: pointer;
   margin-bottom: ${spacing.large};
-  margin-left: ${spacing.small};
   &:hover,
   &:focus {
     box-shadow: none;
   }
 `;
+
+const StyledLinkSpacer = styled.span`
+  margin-left: ${spacing.xxsmall};
+  margin-right: ${spacing.xxsmall};
+  margin-bottom: ${spacing.large};
+`;
+
 const StyledFooterText = styled.div`
   display: flex;
   flex-direction: row;
@@ -57,10 +63,13 @@ const StyledFooterText = styled.div`
 const FooterPrivacy = ({ privacyLinks }: FooterPrivacyProps) => {
   return (
     <StyledFooterText>
-      {privacyLinks.map((link) => (
-        <StyledPrivacyLink href={link.url} key={link.label}>
-          {link.label}
-        </StyledPrivacyLink>
+      {privacyLinks.map((link, index) => (
+        <>
+          {index > 0 && <StyledLinkSpacer aria-hidden>|</StyledLinkSpacer>}
+          <StyledPrivacyLink href={link.url} key={link.label}>
+            {link.label}
+          </StyledPrivacyLink>
+        </>
       ))}
     </StyledFooterText>
   );

package/src/Image/Image.tsx

@@ -39,8 +39,6 @@ const getSrcSet = (src: string, crop: ImageCrop | undefined, focalPoint: ImageFo
 
 const StyledImageWrapper = styled.div`
   position: relative;
-  width: 100%;
-  height: 100%;
 `;
 interface Props {
   alt: string;

package/src/Image/ImageLink.tsx

@@ -13,8 +13,6 @@ import { ImageCrop, ImageFocalPoint } from '.';
 
 const StyledLink = styled.a`
   box-shadow: inset 0 0;
-  width: 100%;
-  height: 100%;
 `;
 
 interface Props {

package/src/Image/__tests__/__snapshots__/Image-test.jsx.snap

@@ -3,8 +3,6 @@
 exports[`Image renderers correctly 1`] = `
 .emotion-0 {
   position: relative;
-  width: 100%;
-  height: 100%;
 }
 
 <div
@@ -26,8 +24,6 @@ exports[`Image renderers correctly 1`] = `
 exports[`Image with crop and focalpoint props renderers correctly 1`] = `
 .emotion-0 {
   position: relative;
-  width: 100%;
-  height: 100%;
 }
 
 <div
@@ -49,8 +45,6 @@ exports[`Image with crop and focalpoint props renderers correctly 1`] = `
 exports[`Lazyloaded image renderers correctly 1`] = `
 .emotion-0 {
   position: relative;
-  width: 100%;
-  height: 100%;
 }
 
 <div

package/src/LetterFilter/LetterFilter.stories.tsx

@@ -9,7 +9,7 @@
 import { ComponentStory, ComponentMeta } from '@storybook/react';
 import { useArgs } from '@storybook/client-api';
 import React from 'react';
-import { defaultParameters } from '../../../designmanual/stories/defaults';
+import { defaultParameters } from '../../../../stories/defaults';
 import LetterFilter from './LetterFilter';
 
 export default {

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

@@ -1,5 +1,5 @@
 import { Canvas, Meta, Story, ArgsTable } from '@storybook/addon-docs';
-import { defaultParameters } from '../../../../designmanual/stories/defaults';
+import { defaultParameters } from '../../../../../stories/defaults';
 import { Pencil } from '@ndla/icons/action';
 import { DeleteForever } from '@ndla/icons/editor';
 

package/src/Resource/BlockResource.stories.mdx

@@ -1,5 +1,5 @@
 import { Canvas, Meta, Story, ArgsTable } from '@storybook/addon-docs';
-import { defaultParameters } from '../../../designmanual/stories/defaults';
+import { defaultParameters } from '../../../../stories/defaults';
 import { Pencil } from '@ndla/icons/action';
 import { DeleteForever } from '@ndla/icons/editor';
 

package/src/Resource/Resource.stories.mdx

@@ -1,5 +1,5 @@
 import { Canvas, Meta, Story, ArgsTable } from '@storybook/addon-docs';
-import { defaultParameters } from '../../../designmanual/stories/defaults';
+import { defaultParameters } from '../../../../stories/defaults';
 import { Pencil } from '@ndla/icons/action';
 import { DeleteForever } from '@ndla/icons/editor';
 

package/src/ResourcesWrapper/ResourcesTopicTitle.tsx

@@ -1,22 +1,60 @@
 import React, { Fragment, ReactNode } from 'react';
+import { useTranslation } from 'react-i18next';
 import { css } from '@emotion/react';
 import styled from '@emotion/styled';
-import { spacing } from '@ndla/core';
-import { HelpCircleDual } from '@ndla/icons/common';
+import { breakpoints, colors, fonts, mq, spacing } from '@ndla/core';
 import Modal, { ModalBody, ModalHeader, ModalCloseButton } from '@ndla/modal';
 import Tooltip from '@ndla/tooltip';
 import { Switch } from '@ndla/switch';
-import { useTranslation } from 'react-i18next';
-
-import { classes } from './ResourcesWrapper';
+import { LearningPathQuiz } from '@ndla/icons/contentType';
 
 interface HelpIconProps {
   invertedStyle: boolean;
 }
+
+const StyledTopicTitleIcon = styled.div`
+  color: ${colors.brand.light};
+  flex-grow: 1;
+  justify-content: flex-end;
+  border: 0;
+  display: flex;
+  padding: 5px;
+  border-radius: 100%;
+  align-items: center;
+  outline: 0;
+  background-color: ${colors.brand.light};
+  svg {
+    fill: ${colors.brand.primary};
+    height: 10px;
+    width: 10px;
+  }
+  &:hover,
+  &:focus {
+    background-color: ${colors.brand.primary};
+    svg {
+      fill: ${colors.white};
+    }
+  }
+`;
+
+const invertedTopicTitleIconStyle = css`
+  background-color: ${colors.white};
+  svg {
+    fill: ${colors.brand.primary};
+  }
+  &:hover,
+  &:focus {
+    background-color: ${colors.white};
+    svg: {
+      fill: ${colors.brand.primary};
+    }
+  }
+`;
+
 const HelpIcon = ({ invertedStyle }: HelpIconProps) => (
-  <div {...classes('topic-title-icon', { invertedStyle })}>
-    <HelpCircleDual className={`c-icon--22 u-margin-left-tiny ${classes('icon').className}`} />
-  </div>
+  <StyledTopicTitleIcon css={invertedStyle ? invertedTopicTitleIconStyle : undefined}>
+    <LearningPathQuiz />
+  </StyledTopicTitleIcon>
 );
 
 const switchCSS = css`
@@ -39,6 +77,71 @@ const TooltipButton = styled.button`
   cursor: pointer;
 `;
 
+const StyledTopicTitleParagraph = styled.p`
+  font-family: ${fonts.sans};
+  ${fonts.sizes('18px', '24px')};
+  font-weight: ${fonts.weight.bold};
+  text-transform: uppercase;
+  letter-spacing: 0.05em;
+  margin: 0 ${spacing.xsmall} 0 0;
+  ${mq.range({ from: breakpoints.tablet })} {
+    margin-right: ${spacing.small};
+    ${fonts.sizes('20px', '26px')};
+  }
+`;
+
+const TopicTitleWrapper = styled.header`
+  display: inline-flex;
+  flex-flow: wrap;
+  align-items: center;
+  margin-top: ${spacing.large};
+  padding-bottom: ${spacing.small};
+  width: 100%;
+  flex-direction: row;
+  justify-content: space-between;
+  align-items: center;
+  > div {
+    display: inline-flex;
+    flex-wrap: wrap;
+    align-items: center;
+    &:last-child {
+      padding: ${spacing.xsmall} 0;
+    }
+  }
+  ${mq.range({ until: breakpoints.mobileWide })} {
+    > div {
+      display: block;
+    }
+  }
+  ${mq.range({ until: breakpoints.tablet })} {
+    display: block;
+  }
+`;
+
+const invertedTopicTitleWrapperStyle = css`
+  color: #fff;
+`;
+
+const TopicTitle = styled.h1`
+  font-weight: ${fonts.weight.normal};
+  margin: 0;
+  ${fonts.sizes('18px', '24px')};
+  ${mq.range({ from: breakpoints.tablet })} {
+    ${fonts.sizes('20px', '26px')};
+  }
+`;
+
+const topicTitleSingleStyle = css`
+  font-weight: ${fonts.weight.bold};
+  text-transform: uppercase;
+`;
+
+const StyledRow = styled.div`
+  display: flex;
+  align-items: center;
+  gap: ${spacing.xsmall};
+`;
+
 interface Props {
   title?: string;
   toggleAdditionalResources: () => void;
@@ -62,21 +165,21 @@ const ResourcesTopicTitle = ({
   // Fix for heading while title not required when ready.
   let heading;
   if (title) {
-    heading = <h1 {...classes('topic-title')}>{title}</h1>;
+    heading = <TopicTitle>{title}</TopicTitle>;
   } else {
-    heading = <h1 {...classes('topic-title', 'single')}>{messages.label}</h1>;
+    heading = <TopicTitle css={topicTitleSingleStyle}>{messages.label}</TopicTitle>;
   }
 
   const tooltipId = 'popupDialogTooltip';
 
   return (
-    <header {...classes('topic-title-wrapper', { invertedStyle })}>
+    <TopicTitleWrapper css={invertedStyle ? invertedTopicTitleWrapperStyle : undefined}>
       <div>
-        {title && <p {...classes('topic-title-label')}>{messages.label}</p>}
+        {title && <StyledTopicTitleParagraph>{messages.label}</StyledTopicTitleParagraph>}
         {heading}
       </div>
       {hasAdditionalResources && (
-        <div>
+        <StyledRow>
           <Switch
             id="toggleAdditionID"
             checked={showAdditionalResources}
@@ -111,9 +214,9 @@ const ResourcesTopicTitle = ({
               </>
             )}
           </Modal>
-        </div>
+        </StyledRow>
       )}
-    </header>
+    </TopicTitleWrapper>
   );
 };
 

package/src/ResourcesWrapper/ResourcesWrapper.tsx

@@ -6,26 +6,27 @@
  *
  */
 
-import React, { ReactNode } from 'react';
-import BEMHelper from 'react-bem-helper';
+import React, { HTMLAttributes, ReactNode } from 'react';
+import styled from '@emotion/styled';
+import { spacing } from '@ndla/core';
 
-export const classes = new BEMHelper({
-  name: 'resources',
-  prefix: 'c-',
-});
-
-interface Props {
+interface Props extends HTMLAttributes<HTMLElement> {
   header?: ReactNode;
   children: ReactNode;
-  subjectPage?: boolean;
+  className?: string;
   id?: string;
 }
 
-const ResourcesWrapper = ({ children, header, subjectPage = false, id }: Props) => (
-  <section {...classes('', { subjectPage })} id={id}>
+const StyledSection = styled.section`
+  padding-top: ${spacing.normal};
+  padding-bottom: ${spacing.normal};
+`;
+
+const ResourcesWrapper = ({ children, header, ...rest }: Props) => (
+  <StyledSection {...rest}>
     {header}
-    <div {...classes('content')}>{children}</div>
-  </section>
+    {children}
+  </StyledSection>
 );
 
 export default ResourcesWrapper;

package/src/ResourcesWrapper/index.ts

@@ -8,7 +8,6 @@
 
 import ResourcesWrapper from './ResourcesWrapper';
 
-export { default as ResourcesTitle } from './ResourcesTitle';
 export { default as ResourcesTopicTitle } from './ResourcesTopicTitle';
 
 export default ResourcesWrapper;

package/src/SearchTypeResult/SearchItemList.tsx

@@ -99,6 +99,7 @@ const ImageWrapper = styled.div<{ isTopic: boolean }>`
   margin: ${spacing.small};
   overflow: hidden;
   ${(props) => props.isTopic && `border-radius: 50%;`};
+  -webkit-mask-image: -webkit-radial-gradient(white, black);
 `;
 
 const ImageElement = styled.img`

package/src/Subject/Subject.tsx

@@ -179,10 +179,6 @@ const StyledSubjectFlexChild = styled.div`
   }
 `;
 
-export const SubjectFlexChild = ({ children }: { children: ReactNode }) => (
-  <StyledSubjectFlexChild>{children}</StyledSubjectFlexChild>
-);
-
 const StyledSectionHeading = styled(SectionHeading)`
   margin: 0 0 ${spacing.small} 0;
 

package/src/Subject/index.ts

@@ -1,9 +1,4 @@
 export { default as SubjectHeader } from './SubjectHeader';
-export { default as SubjectShortcuts } from './SubjectShortcuts';
-export { default as SubjectLinks } from './SubjectLinks';
-export { default as SubjectArchive } from './SubjectArchive';
-export { default as SubjectAbout } from './SubjectAbout';
-export { default as SubjectCarousel } from './SubjectCarousel';
 export { default as SubjectNewContent } from './SubjectNewContent';
 export { default as SubjectBanner } from './SubjectBanner';
 
@@ -12,7 +7,6 @@ export {
   SubjectTopics,
   SubjectSidebarWrapper,
   SubjectFlexWrapper,
-  SubjectFlexChild,
   SubjectSectionTitle,
   SubjectChildContent,
   SubjectSecondaryContent,

package/src/index.ts

@@ -28,11 +28,9 @@ export {
 
 export { CompetenceGoalsDialog } from './CompetenceGoals';
 
-export { default as TopicIntroductionList } from './TopicIntroductionList';
-
 export { default as Table } from './Table';
 
-export { default as ResourcesWrapper, ResourcesTitle, ResourcesTopicTitle } from './ResourcesWrapper';
+export { default as ResourcesWrapper, ResourcesTopicTitle } from './ResourcesWrapper';
 
 export { createUniversalPortal } from './utils/createUniversalPortal';
 
@@ -213,19 +211,13 @@ export {
 } from './ContentTypeBadge';
 
 export {
-  SubjectAbout,
-  SubjectArchive,
-  SubjectCarousel,
   SubjectChildContent,
   SubjectContent,
-  SubjectFlexChild,
   SubjectFlexWrapper,
   SubjectHeader,
-  SubjectLinks,
   SubjectNewContent,
   SubjectSecondaryContent,
   SubjectSectionTitle,
-  SubjectShortcuts,
   SubjectSidebarWrapper,
   SubjectSocialContent,
   SubjectSocialSection,