@ndla/ui 50.2.2 → 50.4.1

package/src/AudioPlayer/SpeechControl.tsx

@@ -8,9 +8,9 @@
 
 import { useRef } from 'react';
 import { useTranslation } from 'react-i18next';
+import { IconButtonV2 } from '@ndla/button';
 import { VolumeUp } from '@ndla/icons/common';
 import Tooltip from '@ndla/tooltip';
-import { IconButtonV2 } from '@ndla/button';
 
 type Props = {
   src: string;

package/src/AudioPlayer/index.ts

@@ -1,3 +1,11 @@
+/**
+ * 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 AudioPlayer from './AudioPlayer';
 
 export default AudioPlayer;

package/src/BannerCard/BannerCard.tsx

@@ -6,9 +6,9 @@
  *
  */
 
+import styled from '@emotion/styled';
 import { colors, fonts, breakpoints, mq } from '@ndla/core';
 import SafeLink from '@ndla/safelink';
-import styled from '@emotion/styled';
 import { Image } from '..';
 
 const BannerWrapper = styled.div`

package/src/BlogPost/BlogPost.tsx

@@ -6,12 +6,12 @@
  *
  */
 
-import styled from '@emotion/styled';
+import { useTranslation } from 'react-i18next';
 import { css } from '@emotion/react';
-import SafeLink from '@ndla/safelink';
+import styled from '@emotion/styled';
 import { breakpoints, colors, fonts, misc, mq, spacing } from '@ndla/core';
+import SafeLink from '@ndla/safelink';
 import { HeadingLevel } from '@ndla/typography';
-import { useTranslation } from 'react-i18next';
 import { getPossiblyRelativeUrl } from '../utils/relativeUrl';
 
 export interface Props {

package/src/Breadcrumb/Breadcrumb.tsx

@@ -7,9 +7,9 @@
  */
 
 import { ReactNode, useRef } from 'react';
-import { useComponentSize, useIsomorphicLayoutEffect } from '@ndla/hooks';
-import styled from '@emotion/styled';
 import { useTranslation } from 'react-i18next';
+import styled from '@emotion/styled';
+import { useComponentSize, useIsomorphicLayoutEffect } from '@ndla/hooks';
 import BreadcrumbItem, { IndexedBreadcrumbItem, SimpleBreadcrumbItem } from './BreadcrumbItem';
 
 interface Props {

package/src/Breadcrumb/BreadcrumbItem.tsx

@@ -7,11 +7,11 @@
  */
 
 import { useRef, useImperativeHandle, ReactNode, forwardRef } from 'react';
-import { ChevronRight } from '@ndla/icons/common';
-import SafeLink from '@ndla/safelink';
+import { css } from '@emotion/react';
 import styled from '@emotion/styled';
 import { mq, spacing, breakpoints } from '@ndla/core';
-import { css } from '@emotion/react';
+import { ChevronRight } from '@ndla/icons/common';
+import SafeLink from '@ndla/safelink';
 
 export interface SimpleBreadcrumbItem {
   to: string | Partial<Location>;

package/src/CampaignBlock/CampaignBlock.tsx

@@ -6,11 +6,11 @@
  *
  */
 
-import styled from '@emotion/styled';
 import { css } from '@emotion/react';
-import SafeLink from '@ndla/safelink';
-import { Forward } from '@ndla/icons/common';
+import styled from '@emotion/styled';
 import { breakpoints, colors, fonts, spacing, mq, misc } from '@ndla/core';
+import { Forward } from '@ndla/icons/common';
+import SafeLink from '@ndla/safelink';
 import { HeadingLevel } from '@ndla/typography';
 import { getPossiblyRelativeUrl } from '../utils/relativeUrl';
 

package/src/CompetenceGoalTab/CompetenceGoalItem.tsx

@@ -7,9 +7,9 @@
  */
 
 import { useTranslation } from 'react-i18next';
-import { CompetenceGoalsItemType } from '../types';
 import SearchButton from './SearchButton';
 import { GoalItem, GoalList, GoalText, GoalsHeading, ListItemContent } from './styles';
+import { CompetenceGoalsItemType } from '../types';
 
 const CompetenceGoalItem = ({ title, goals, isOembed }: CompetenceGoalsItemType) => {
   const { t } = useTranslation();

package/src/CompetenceGoalTab/CompetenceGoalTab.tsx

@@ -7,13 +7,13 @@
  */
 
 import { useState } from 'react';
-import styled from '@emotion/styled';
-import { spacing } from '@ndla/core';
 import { useTranslation } from 'react-i18next';
+import styled from '@emotion/styled';
 import { ButtonV2 } from '@ndla/button';
-import SafeLink from '@ndla/safelink';
+import { spacing } from '@ndla/core';
 import { BY, CC } from '@ndla/licenses';
 import { LicenseByline } from '@ndla/notion';
+import SafeLink from '@ndla/safelink';
 import Tooltip from '@ndla/tooltip';
 import CompetenceItem, { ListItemProp } from './CompetenceItem';
 

package/src/CompetenceGoalTab/CompetenceItem.tsx

@@ -6,13 +6,13 @@
  *
  */
 
+import { useTranslation } from 'react-i18next';
 import styled from '@emotion/styled';
-import { MenuBook } from '@ndla/icons/action';
 import { colors, spacing } from '@ndla/core';
-import { useTranslation } from 'react-i18next';
+import { MenuBook } from '@ndla/icons/action';
 import CompetenceGoalItem from './CompetenceGoalItem';
-import { CompetenceGoalsItemType, CoreElementsItemType } from '../types';
 import CoreElementItem from './CoreElementItem';
+import { CompetenceGoalsItemType, CoreElementsItemType } from '../types';
 
 const GroupedElementWrapper = styled.div`
   margin: ${spacing.normal} 0 ${spacing.large};

package/src/CompetenceGoalTab/CoreElementItem.tsx

@@ -7,9 +7,9 @@
  */
 
 import { useTranslation } from 'react-i18next';
-import { CoreElementsItemType } from '../types';
 import SearchButton from './SearchButton';
 import { GoalItem, GoalList, GoalText, GoalsHeading, ListItemContent } from './styles';
+import { CoreElementsItemType } from '../types';
 
 const CoreElementItem = ({ title, text, url, id, isOembed }: CoreElementsItemType) => {
   const { t } = useTranslation();

package/src/CompetenceGoalTab/index.ts

@@ -1,2 +1,10 @@
+/**
+ * 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 CompetenceGoalTab from './CompetenceGoalTab';
 export default CompetenceGoalTab;

package/src/ContactBlock/ContactBlock.tsx

@@ -6,19 +6,19 @@
  *
  */
 
+import concat from 'lodash/concat';
 import { ReactNode } from 'react';
 import { useTranslation } from 'react-i18next';
-import concat from 'lodash/concat';
 import { css } from '@emotion/react';
 import styled from '@emotion/styled';
-import { IImageMetaInformationV3 } from '@ndla/types-backend/image-api';
 import { spacing, fonts, colors, mq, breakpoints, misc } from '@ndla/core';
 import { BlobPointy, BlobRound } from '@ndla/icons/common';
 import { COPYRIGHTED, getLicenseByAbbreviation } from '@ndla/licenses';
+import { IImageMetaInformationV3 } from '@ndla/types-backend/image-api';
+import { CanonicalUrlFuncs } from '../Embed';
 import { errorSvgSrc } from '../Embed/ImageEmbed';
 import Image, { ImageLink } from '../Image';
 import LicenseLink from '../LicenseByline/LicenseLink';
-import { CanonicalUrlFuncs } from '../Embed';
 
 const BLOB_WIDTH = 90;
 

package/src/ContentTypeBadge/ContentTypeBadge.tsx

@@ -1,5 +1,14 @@
+/**
+ * Copyright (c) 2018-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 BEMHelper from 'react-bem-helper';
 
+import { MenuBook } from '@ndla/icons/action';
 import {
   SubjectMaterial,
   TasksAndActivities,
@@ -11,7 +20,6 @@ import {
   MultidisciplinaryTopic,
 } from '@ndla/icons/contentType';
 
-import { MenuBook } from '@ndla/icons/action';
 import { Concept, ImageNormal, SquareAudio, SquareVideo } from '@ndla/icons/editor';
 
 import * as contentTypes from '../model/ContentType';

package/src/ContentTypeBadge/index.ts

@@ -1,3 +1,11 @@
+/**
+ * Copyright (c) 2018-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 { ContentTypeBadge } from './ContentTypeBadge';
 
 export {

package/src/CopyParagraphButton/CopyParagraphButton.tsx

@@ -10,8 +10,8 @@ import { ReactNode, useCallback, useEffect, useMemo, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import styled from '@emotion/styled';
 import { colors } from '@ndla/core';
-import Tooltip from '@ndla/tooltip';
 import { Link } from '@ndla/icons/common';
+import Tooltip from '@ndla/tooltip';
 import { copyTextToClipboard } from '@ndla/util';
 
 const ContainerDiv = styled.div`

package/src/DefinitionList/DefinitionDescription.tsx

@@ -6,9 +6,9 @@
  *
  */
 
+import { forwardRef, HTMLAttributes } from 'react';
 import styled from '@emotion/styled';
 import { fonts } from '@ndla/core';
-import { forwardRef, HTMLAttributes } from 'react';
 
 const StyledDD = styled.dd`
   font-weight: ${fonts.weight.normal};

package/src/DefinitionList/DefinitionTerm.tsx

@@ -6,9 +6,9 @@
  *
  */
 
+import { forwardRef, HTMLAttributes } from 'react';
 import styled from '@emotion/styled';
 import { fonts } from '@ndla/core';
-import { forwardRef, HTMLAttributes } from 'react';
 
 const StyledDT = styled.dt`
   font-weight: ${fonts.weight.bold};

package/src/Embed/AudioEmbed.tsx

@@ -6,14 +6,14 @@
  *
  */
 
-import { AudioMetaData, ImageMetaData } from '@ndla/types-embed';
 import { COPYRIGHTED } from '@ndla/licenses';
+import { AudioMetaData, ImageMetaData } from '@ndla/types-embed';
+import EmbedErrorPlaceholder from './EmbedErrorPlaceholder';
+import { Author } from './ImageEmbed';
+import { HeartButtonType } from './types';
 import AudioPlayer from '../AudioPlayer';
 import { Figure } from '../Figure';
-import { Author } from './ImageEmbed';
 import { EmbedByline } from '../LicenseByline';
-import EmbedErrorPlaceholder from './EmbedErrorPlaceholder';
-import { HeartButtonType } from './types';
 
 interface Props {
   embed: AudioMetaData;

package/src/Embed/BrightcoveEmbed.tsx

@@ -6,19 +6,19 @@
  *
  */
 
+import parse from 'html-react-parser';
 import sortBy from 'lodash/sortBy';
+import { useEffect, useMemo, useRef, useState } from 'react';
+import { useTranslation } from 'react-i18next';
 import styled from '@emotion/styled';
+import { ButtonV2 } from '@ndla/button';
 import { spacing } from '@ndla/core';
 import { COPYRIGHTED } from '@ndla/licenses';
-import { useEffect, useMemo, useRef, useState } from 'react';
-import parse from 'html-react-parser';
 import { BrightcoveEmbedData, BrightcoveMetaData, BrightcoveVideoSource } from '@ndla/types-embed';
-import { useTranslation } from 'react-i18next';
-import { ButtonV2 } from '@ndla/button';
-import { Figure } from '../Figure';
-import { EmbedByline } from '../LicenseByline';
 import EmbedErrorPlaceholder from './EmbedErrorPlaceholder';
 import { HeartButtonType, RenderContext } from './types';
+import { Figure } from '../Figure';
+import { EmbedByline } from '../LicenseByline';
 
 interface Props {
   embed: BrightcoveMetaData;

package/src/Embed/ConceptEmbed.tsx

@@ -6,26 +6,26 @@
  *
  */
 
-import { ReactElement, ReactNode, useCallback, useMemo, useRef, useState } from 'react';
 import parse from 'html-react-parser';
+import { ReactElement, ReactNode, useCallback, useMemo, useRef, useState } from 'react';
+import { isMobile } from 'react-device-detect';
 import { useTranslation } from 'react-i18next';
 import styled from '@emotion/styled';
-import { isMobile } from 'react-device-detect';
 import { Root, Trigger, Content, Anchor, Close, Portal } from '@radix-ui/react-popover';
 import { IconButtonV2 } from '@ndla/button';
-import { Cross } from '@ndla/icons/action';
 import { breakpoints, colors, mq, spacing } from '@ndla/core';
-import { ConceptMetaData } from '@ndla/types-embed';
-import Tooltip from '@ndla/tooltip';
+import { Cross } from '@ndla/icons/action';
 import { COPYRIGHTED } from '@ndla/licenses';
-import { Notion as UINotion } from '../Notion';
-import { Figure } from '../Figure';
-import { NotionImage } from '../Notion/NotionImage';
+import Tooltip from '@ndla/tooltip';
+import { ConceptMetaData } from '@ndla/types-embed';
 import { ConceptNotionV2, ConceptNotionData, ConceptType } from './conceptComponents';
-import { EmbedByline } from '../LicenseByline';
 import EmbedErrorPlaceholder from './EmbedErrorPlaceholder';
 import { HeartButtonType } from './types';
+import { Figure } from '../Figure';
 import { Gloss } from '../Gloss';
+import { EmbedByline } from '../LicenseByline';
+import { Notion as UINotion } from '../Notion';
+import { NotionImage } from '../Notion/NotionImage';
 
 interface PopoverPosition {
   top?: number;

package/src/Embed/ConceptListEmbed.tsx

@@ -10,8 +10,8 @@ import { useTranslation } from 'react-i18next';
 import styled from '@emotion/styled';
 import { colors } from '@ndla/core';
 import { ConceptListMetaData } from '@ndla/types-embed';
-import { Figure } from '../Figure';
 import { BlockConcept } from './ConceptEmbed';
+import { Figure } from '../Figure';
 
 interface Props {
   embed: ConceptListMetaData;

package/src/Embed/EmbedErrorPlaceholder.tsx

@@ -8,8 +8,8 @@
 
 import { ReactNode } from 'react';
 import styled from '@emotion/styled';
-import { WarningOutline } from '@ndla/icons/common';
 import { colors, spacing } from '@ndla/core';
+import { WarningOutline } from '@ndla/icons/common';
 import { Figure, FigureType } from '../Figure';
 import { EmbedByline } from '../LicenseByline';
 import { EmbedBylineErrorProps } from '../LicenseByline/EmbedByline';

package/src/Embed/ExternalEmbed.tsx

@@ -6,13 +6,13 @@
  *
  */
 
-import styled from '@emotion/styled';
-import { OembedMetaData } from '@ndla/types-embed';
 import { useEffect, useRef } from 'react';
 import { useTranslation } from 'react-i18next';
+import styled from '@emotion/styled';
+import { OembedMetaData } from '@ndla/types-embed';
+import EmbedErrorPlaceholder from './EmbedErrorPlaceholder';
 import { Figure } from '../Figure';
 import { ResourceBox } from '../ResourceBox';
-import EmbedErrorPlaceholder from './EmbedErrorPlaceholder';
 
 interface Props {
   embed: OembedMetaData;

package/src/Embed/FootnoteEmbed.tsx

@@ -8,8 +8,8 @@
 
 import { useTranslation } from 'react-i18next';
 import styled from '@emotion/styled';
-import { FootnoteMetaData } from '@ndla/types-embed';
 import { colors, spacing } from '@ndla/core';
+import { FootnoteMetaData } from '@ndla/types-embed';
 
 interface Props {
   embed: FootnoteMetaData;

package/src/Embed/IframeEmbed.tsx

@@ -7,8 +7,8 @@
  */
 
 import { useEffect, useRef } from 'react';
-import { IframeMetaData } from '@ndla/types-embed';
 import { useTranslation } from 'react-i18next';
+import { IframeMetaData } from '@ndla/types-embed';
 import { Figure } from '../Figure';
 import { ResourceBox } from '../ResourceBox';
 

package/src/Embed/ImageEmbed.stories.tsx

@@ -6,10 +6,10 @@
  *
  */
 
+import { ReactNode } from 'react';
 import { Meta, StoryObj } from '@storybook/react';
-import { ImageEmbedData } from '@ndla/types-embed';
 import { IImageMetaInformationV3 } from '@ndla/types-backend/image-api';
-import { ReactNode } from 'react';
+import { ImageEmbedData } from '@ndla/types-embed';
 import ImageEmbed from './ImageEmbed';
 import { defaultParameters } from '../../../../stories/defaults';
 import StoryFavoriteButton from '../../../../stories/StoryFavoriteButton';

package/src/Embed/ImageEmbed.tsx

@@ -6,20 +6,20 @@
  *
  */
 
-import { ImageEmbedData, ImageMetaData } from '@ndla/types-embed';
-import { useTranslation } from 'react-i18next';
-import { MouseEventHandler, useMemo, useState } from 'react';
 import parse from 'html-react-parser';
+import { MouseEventHandler, useMemo, useState } from 'react';
+import { useTranslation } from 'react-i18next';
+import styled from '@emotion/styled';
+import { utils } from '@ndla/core';
 import { ExpandTwoArrows } from '@ndla/icons/action';
-import { COPYRIGHTED } from '@ndla/licenses';
 import { ArrowCollapse, ChevronDown, ChevronUp } from '@ndla/icons/common';
-import { utils } from '@ndla/core';
-import styled from '@emotion/styled';
+import { COPYRIGHTED } from '@ndla/licenses';
+import { ImageEmbedData, ImageMetaData } from '@ndla/types-embed';
+import EmbedErrorPlaceholder from './EmbedErrorPlaceholder';
+import { CanonicalUrlFuncs, HeartButtonType, RenderContext } from './types';
 import { Figure, FigureType } from '../Figure';
 import Image, { ImageLink } from '../Image';
 import { EmbedByline } from '../LicenseByline';
-import EmbedErrorPlaceholder from './EmbedErrorPlaceholder';
-import { CanonicalUrlFuncs, HeartButtonType, RenderContext } from './types';
 
 interface Props {
   embed: ImageMetaData;

package/src/Embed/RelatedContentEmbed.stories.tsx

@@ -8,8 +8,8 @@
 
 import { Meta, StoryObj } from '@storybook/react';
 import { RelatedContentMetaData } from '@ndla/types-embed';
-import { defaultParameters } from '../../../../stories/defaults';
 import RelatedContentEmbed from './RelatedContentEmbed';
+import { defaultParameters } from '../../../../stories/defaults';
 import RelatedArticleList from '../RelatedArticleList';
 
 const filmResourceMeta: RelatedContentMetaData = {

package/src/Embed/RelatedContentEmbed.tsx

@@ -6,8 +6,8 @@
  *
  */
 
-import { RelatedContentMetaData } from '@ndla/types-embed';
 import { useTranslation } from 'react-i18next';
+import { RelatedContentMetaData } from '@ndla/types-embed';
 import { contentTypeMapping } from '../model/ContentType';
 import { RelatedArticle } from '../RelatedArticleList/RelatedArticleList';
 

package/src/Embed/conceptComponents.tsx

@@ -7,19 +7,19 @@
  */
 
 import { forwardRef, ReactNode, RefAttributes } from 'react';
-import { ConceptData, ConceptVisualElementMeta } from '@ndla/types-embed';
 import { useTranslation } from 'react-i18next';
 import { css } from '@emotion/react';
-import { breakpoints, colors, fonts, misc, mq, spacing } from '@ndla/core';
 import styled from '@emotion/styled';
+import { breakpoints, colors, fonts, misc, mq, spacing } from '@ndla/core';
 import { COPYRIGHTED } from '@ndla/licenses';
-import { Copyright } from '../types';
-import ImageEmbed from './ImageEmbed';
+import { ConceptData, ConceptVisualElementMeta } from '@ndla/types-embed';
+import { ExternalEmbed, HeartButtonType, IframeEmbed } from '.';
 import BrightcoveEmbed from './BrightcoveEmbed';
 import H5pEmbed from './H5pEmbed';
-import { ExternalEmbed, HeartButtonType, IframeEmbed } from '.';
-import { EmbedByline } from '../LicenseByline';
+import ImageEmbed from './ImageEmbed';
 import { Gloss } from '../Gloss';
+import { EmbedByline } from '../LicenseByline';
+import { Copyright } from '../types';
 
 export type ConceptType = 'concept' | 'gloss';
 

package/src/Embed/types.ts

@@ -7,8 +7,8 @@
  */
 
 import { ElementType } from 'react';
-import { EmbedMetaData } from '@ndla/types-embed';
 import { IImageMetaInformationV3 } from '@ndla/types-backend/image-api';
+import { EmbedMetaData } from '@ndla/types-embed';
 
 export type HeartButtonType = ElementType<{ embed: Extract<EmbedMetaData, { status: 'success' }> }>;
 

package/src/ErrorMessage/ErrorMessage.stories.tsx

@@ -8,9 +8,9 @@
 
 import { Meta, StoryFn, StoryObj } from '@storybook/react';
 import ErrorMessage from './ErrorMessage';
-import { defaultParameters } from '../../../../stories/defaults';
 //@ts-ignore
 import Oops from '../../../../images/oops.gif';
+import { defaultParameters } from '../../../../stories/defaults';
 
 /**
  * Feilmeldingskomponenten lenker tilbake til forrige side eller til forsiden. Den brukes når det har oppstått en feil i systemet, f.eks. ved 404- eller 503-feil.

package/src/ErrorMessage/ErrorResourceAccessDenied.tsx

@@ -8,9 +8,9 @@
 
 import { useTranslation } from 'react-i18next';
 import styled from '@emotion/styled';
+import { ButtonV2 } from '@ndla/button';
 import { spacing } from '@ndla/core';
 import { HumanMaleBoard, LogIn } from '@ndla/icons/common';
-import { ButtonV2 } from '@ndla/button';
 
 import ErrorMessage from './ErrorMessage';
 

package/src/FactBox/FactBox.tsx

@@ -8,11 +8,11 @@
 
 import { ComponentProps, ReactNode, forwardRef, useCallback, useEffect, useState } from 'react';
 import { useTranslation } from 'react-i18next';
+import { css } from '@emotion/react';
 import styled from '@emotion/styled';
 import { IconButtonV2 } from '@ndla/button';
-import { ChevronDown, ChevronUp } from '@ndla/icons/common';
 import { breakpoints, colors, mq, spacing } from '@ndla/core';
-import { css } from '@emotion/react';
+import { ChevronDown, ChevronUp } from '@ndla/icons/common';
 
 interface Props extends ComponentProps<'aside'> {
   children?: ReactNode;

package/src/FactBox/index.ts

@@ -1,3 +1,11 @@
+/**
+ * Copyright (c) 2018-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 FactBox from './FactBox';
 
 export default FactBox;

package/src/Figure/FigureOpenDialogButton.tsx

@@ -6,8 +6,8 @@
  *
  */
 
-import { Play } from '@ndla/icons/common';
 import { ExpandTwoArrows, CursorClick } from '@ndla/icons/action';
+import { Play } from '@ndla/icons/common';
 
 interface Props {
   type?: 'image' | 'video' | 'h5p' | 'iframe' | 'external' | 'audio';

package/src/FileList/File.tsx

@@ -6,11 +6,11 @@
  *
  */
 
-import styled from '@emotion/styled';
 import { useTranslation } from 'react-i18next';
-import SafeLink from '@ndla/safelink';
+import styled from '@emotion/styled';
 import { breakpoints, colors, fonts, mq, spacing } from '@ndla/core';
 import { Download } from '@ndla/icons/common';
+import SafeLink from '@ndla/safelink';
 
 interface Props {
   title: string;

package/src/FileList/FileList.stories.tsx

@@ -8,8 +8,8 @@
 
 import { Meta, StoryObj } from '@storybook/react';
 import File from './File';
-import { defaultParameters } from '../../../../stories/defaults';
 import FileList from './FileList';
+import { defaultParameters } from '../../../../stories/defaults';
 
 export default {
   title: 'Components/FileList',

package/src/FileList/FileList.tsx

@@ -6,10 +6,10 @@
  *
  */
 
-import styled from '@emotion/styled';
-import { colors, fonts, spacing } from '@ndla/core';
 import { ReactNode } from 'react';
 import { useTranslation } from 'react-i18next';
+import styled from '@emotion/styled';
+import { colors, fonts, spacing } from '@ndla/core';
 
 interface Props {
   children: ReactNode;

package/src/FileList/index.ts

@@ -1,3 +1,11 @@
+/**
+ * Copyright (c) 2018-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 FileList from './FileList';
 
 export { default as File } from './File';