@ndla/ui 50.5.3 → 50.6.0

package/es/index.js

@@ -22,7 +22,7 @@ export { default as Masthead, getMastheadHeight, useMastheadHeight, SkipToMainCo
 export { default as ContentLoader } from './ContentLoader';
 export { default as RelatedArticleList, RelatedArticle } from './RelatedArticleList';
 export { ErrorResourceAccessDenied, default as ErrorMessage } from './ErrorMessage';
-export { default as FileList, File, PdfFile } from './FileList';
+export { default as FileList, File, PdfFile, Format } from './FileList';
 export { default as Logo } from './Logo';
 export { default as FactBox } from './FactBox';
 export { default as Image, ImageLink, makeSrcQueryString } from './Image';

package/es/locale/messages-en.js

@@ -1120,7 +1120,7 @@ const messages = {
       recentArenaTopics: 'New posts in the arena'
     },
     myProfile: {
-      title: 'My Profile',
+      title: 'My profile',
       disclaimerTitle: {
         employee: 'Where is my name used?',
         student: 'Where is my name used?'

package/es/locale/messages-nb.js

@@ -1120,7 +1120,7 @@ const messages = {
       recentArenaTopics: 'Nye innlegg i arenaen'
     },
     myProfile: {
-      title: 'Min Profil',
+      title: 'Min profil',
       disclaimerTitle: {
         employee: 'Hvor brukes navnet mitt?',
         student: 'Hvor brukes navnet mitt?'

package/es/locale/messages-nn.js

@@ -1120,7 +1120,7 @@ const messages = {
       recentArenaTopics: 'Nye innlegg i arenaen'
     },
     myProfile: {
-      title: 'Min Profil',
+      title: 'Min profil',
       disclaimerTitle: {
         employee: 'Kvar blir namnet mitt brukt?',
         student: 'Kvar blir namnet mitt brukt?'

package/es/locale/messages-sma.js

@@ -1120,7 +1120,7 @@ const messages = {
       recentArenaTopics: 'Nye innlegg i arenaen'
     },
     myProfile: {
-      title: 'Mov Profijle',
+      title: 'Mov profijle',
       disclaimerTitle: {
         employee: 'Gusnie mov nomme?',
         student: 'Gusnie mov nomme?'

package/lib/FileList/File.js

@@ -7,79 +7,36 @@ exports.default = void 0;
 var _base = _interopRequireDefault(require("@emotion/styled/base"));
 var _reactI18next = require("react-i18next");
 var _core = require("@ndla/core");
-var _common = require("@ndla/icons/common");
-var _safelink = _interopRequireDefault(require("@ndla/safelink"));
+var _Format = _interopRequireDefault(require("./Format"));
 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)."; } /**
+/**
  * Copyright (c) 2023-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 LinkTextWrapper = /*#__PURE__*/(0, _base.default)("div", {
-  target: "ei1p2nz2",
-  label: "LinkTextWrapper"
-})(process.env.NODE_ENV === "production" ? {
-  name: "bb2k8i",
-  styles: "&>span{box-shadow:inset 0 -1px;}"
-} : {
-  name: "bb2k8i",
-  styles: "&>span{box-shadow:inset 0 -1px;}",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZpbGUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlDa0MiLCJmaWxlIjoiRmlsZS50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMy1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCB7IHVzZVRyYW5zbGF0aW9uIH0gZnJvbSAncmVhY3QtaTE4bmV4dCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBicmVha3BvaW50cywgY29sb3JzLCBmb250cywgbXEsIHNwYWNpbmcgfSBmcm9tICdAbmRsYS9jb3JlJztcbmltcG9ydCB7IERvd25sb2FkIH0gZnJvbSAnQG5kbGEvaWNvbnMvY29tbW9uJztcbmltcG9ydCBTYWZlTGluayBmcm9tICdAbmRsYS9zYWZlbGluayc7XG5cbmludGVyZmFjZSBQcm9wcyB7XG4gIHRpdGxlOiBzdHJpbmc7XG4gIHVybDogc3RyaW5nO1xuICBmaWxlRXhpc3RzOiBib29sZWFuO1xuICBmaWxlVHlwZTogc3RyaW5nO1xufVxuXG5leHBvcnQgaW50ZXJmYWNlIEZpbGVUeXBlIHtcbiAgdGl0bGU6IHN0cmluZztcbiAgZm9ybWF0czogRmlsZUZvcm1hdFtdO1xuICBmaWxlRXhpc3RzPzogYm9vbGVhbjtcbn1cblxuZXhwb3J0IGludGVyZmFjZSBGaWxlRm9ybWF0IHtcbiAgdXJsOiBzdHJpbmc7XG4gIGZpbGVUeXBlOiBzdHJpbmc7XG4gIHRvb2x0aXA6IHN0cmluZztcbn1cblxuY29uc3QgTGlua1RleHRXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgJiA+IHNwYW4ge1xuICAgIGJveC1zaGFkb3c6IGluc2V0IDAgLTFweDtcbiAgfVxuYDtcbmNvbnN0IEZpbGVMaW5rID0gc3R5bGVkKFNhZmVMaW5rKWBcbiAgYm94LXNoYWRvdzogbm9uZTtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBjb2xvcjogJHtjb2xvcnMuYnJhbmQucHJpbWFyeX07XG4gIG1hcmdpbi1yaWdodDogJHtzcGFjaW5nLm5vcm1hbH07XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cbiAgJjpsYXN0LWNoaWxkIHtcbiAgICBtYXJnaW4tcmlnaHQ6IDA7XG4gIH1cblxuICAmOmhvdmVyLFxuICAmOmZvY3VzLFxuICAmOmFjdGl2ZSB7XG4gICAgJHtMaW5rVGV4dFdyYXBwZXJ9IHtcbiAgICAgIGJveC1zaGFkb3c6IG5vbmU7XG4gICAgfVxuICB9XG5gO1xuXG5jb25zdCBGaWxlTGlzdEl0ZW0gPSBzdHlsZWQubGlgXG4gICR7Zm9udHMuc2l6ZXMoJzE4cHgnLCAnMjZweCcpfTtcbiAgZm9udC13ZWlnaHQ6ICR7Zm9udHMud2VpZ2h0LnNlbWlib2xkfTtcbiAgbWluLWhlaWdodDogNjBweDtcbiAgYmFja2dyb3VuZDogJHtjb2xvcnMuYnJhbmQuZ3JleUxpZ2h0ZXJ9O1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBmbGV4LXdyYXA6IHdyYXA7XG4gIG1hcmdpbi1ib3R0b206ICR7c3BhY2luZy54c21hbGx9O1xuICBwYWRkaW5nOiAke3NwYWNpbmcuc21hbGx9O1xuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0IH0pfSB7XG4gICAgcGFkZGluZzogJHtzcGFjaW5nLnNtYWxsfSAke3NwYWNpbmcubm9ybWFsfTtcbiAgfVxuYDtcblxuaW50ZXJmYWNlIEZvcm1hdFByb3BzIHtcbiAgZm9ybWF0OiBGaWxlRm9ybWF0O1xuICB0aXRsZTogc3RyaW5nO1xuICBpc1ByaW1hcnk6IGJvb2xlYW47XG4gIGlzRGVhZExpbms6IGJvb2xlYW47XG59XG5cbmNvbnN0IEZvcm1hdCA9ICh7IGZvcm1hdCwgdGl0bGUsIGlzUHJpbWFyeSwgaXNEZWFkTGluayB9OiBGb3JtYXRQcm9wcykgPT4ge1xuICBjb25zdCB0aXRsZVdpdGhGb3JtYXQgPSBgJHt0aXRsZX0gKCR7Zm9ybWF0LmZpbGVUeXBlLnRvVXBwZXJDYXNlKCl9KWA7XG5cbiAgaWYgKGlzRGVhZExpbmspIHtcbiAgICByZXR1cm4gKFxuICAgICAgPHNwYW4ga2V5PXtmb3JtYXQudXJsfT5cbiAgICAgICAgPERvd25sb2FkIC8+XG4gICAgICAgIDxzcGFuPntpc1ByaW1hcnkgPyB0aXRsZVdpdGhGb3JtYXQgOiBgKCR7Zm9ybWF0LmZpbGVUeXBlLnRvVXBwZXJDYXNlKCl9KWB9PC9zcGFuPlxuICAgICAgPC9zcGFuPlxuICAgICk7XG4gIH1cblxuICByZXR1cm4gKFxuICAgIDxGaWxlTGluayBrZXk9e2Zvcm1hdC51cmx9IHRvPXtmb3JtYXQudXJsfSB0YXJnZXQ9XCJfYmxhbmtcIiBhcmlhLWxhYmVsPXt0aXRsZVdpdGhGb3JtYXR9PlxuICAgICAgPERvd25sb2FkIC8+XG4gICAgICA8TGlua1RleHRXcmFwcGVyIGFyaWEtbGFiZWw9e2Zvcm1hdC50b29sdGlwfT5cbiAgICAgICAgPHNwYW4+e2lzUHJpbWFyeSA/IHRpdGxlV2l0aEZvcm1hdCA6IGAoJHtmb3JtYXQuZmlsZVR5cGUudG9VcHBlckNhc2UoKX0pYH08L3NwYW4+XG4gICAgICA8L0xpbmtUZXh0V3JhcHBlcj5cbiAgICA8L0ZpbGVMaW5rPlxuICApO1xufTtcblxuY29uc3QgRmlsZSA9ICh7IHRpdGxlLCB1cmwsIGZpbGVFeGlzdHMsIGZpbGVUeXBlIH06IFByb3BzKSA9PiB7XG4gIGNvbnN0IHsgdCB9ID0gdXNlVHJhbnNsYXRpb24oKTtcbiAgY29uc3QgdG9vbHRpcCA9IGAke3QoJ2Rvd25sb2FkJyl9ICR7dXJsLnNwbGl0KCcvJykucG9wKCl9YDtcblxuICByZXR1cm4gKFxuICAgIDxGaWxlTGlzdEl0ZW0+XG4gICAgICA8Rm9ybWF0IGZvcm1hdD17eyB1cmwsIGZpbGVUeXBlLCB0b29sdGlwIH19IGlzUHJpbWFyeSB0aXRsZT17dGl0bGV9IGlzRGVhZExpbms9eyFmaWxlRXhpc3RzfSAvPlxuICAgIDwvRmlsZUxpc3RJdGVtPlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgRmlsZTtcbiJdfQ== */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-const FileLink = /*#__PURE__*/(0, _base.default)(_safelink.default, {
-  target: "ei1p2nz1",
-  label: "FileLink"
-})("box-shadow:none;position:relative;color:", _core.colors.brand.primary, ";margin-right:", _core.spacing.normal, ";display:flex;align-items:center;&:last-child{margin-right:0;}&:hover,&:focus,&:active{", LinkTextWrapper, "{box-shadow:none;}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZpbGUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXNDaUMiLCJmaWxlIjoiRmlsZS50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMy1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCB7IHVzZVRyYW5zbGF0aW9uIH0gZnJvbSAncmVhY3QtaTE4bmV4dCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBicmVha3BvaW50cywgY29sb3JzLCBmb250cywgbXEsIHNwYWNpbmcgfSBmcm9tICdAbmRsYS9jb3JlJztcbmltcG9ydCB7IERvd25sb2FkIH0gZnJvbSAnQG5kbGEvaWNvbnMvY29tbW9uJztcbmltcG9ydCBTYWZlTGluayBmcm9tICdAbmRsYS9zYWZlbGluayc7XG5cbmludGVyZmFjZSBQcm9wcyB7XG4gIHRpdGxlOiBzdHJpbmc7XG4gIHVybDogc3RyaW5nO1xuICBmaWxlRXhpc3RzOiBib29sZWFuO1xuICBmaWxlVHlwZTogc3RyaW5nO1xufVxuXG5leHBvcnQgaW50ZXJmYWNlIEZpbGVUeXBlIHtcbiAgdGl0bGU6IHN0cmluZztcbiAgZm9ybWF0czogRmlsZUZvcm1hdFtdO1xuICBmaWxlRXhpc3RzPzogYm9vbGVhbjtcbn1cblxuZXhwb3J0IGludGVyZmFjZSBGaWxlRm9ybWF0IHtcbiAgdXJsOiBzdHJpbmc7XG4gIGZpbGVUeXBlOiBzdHJpbmc7XG4gIHRvb2x0aXA6IHN0cmluZztcbn1cblxuY29uc3QgTGlua1RleHRXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgJiA+IHNwYW4ge1xuICAgIGJveC1zaGFkb3c6IGluc2V0IDAgLTFweDtcbiAgfVxuYDtcbmNvbnN0IEZpbGVMaW5rID0gc3R5bGVkKFNhZmVMaW5rKWBcbiAgYm94LXNoYWRvdzogbm9uZTtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBjb2xvcjogJHtjb2xvcnMuYnJhbmQucHJpbWFyeX07XG4gIG1hcmdpbi1yaWdodDogJHtzcGFjaW5nLm5vcm1hbH07XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cbiAgJjpsYXN0LWNoaWxkIHtcbiAgICBtYXJnaW4tcmlnaHQ6IDA7XG4gIH1cblxuICAmOmhvdmVyLFxuICAmOmZvY3VzLFxuICAmOmFjdGl2ZSB7XG4gICAgJHtMaW5rVGV4dFdyYXBwZXJ9IHtcbiAgICAgIGJveC1zaGFkb3c6IG5vbmU7XG4gICAgfVxuICB9XG5gO1xuXG5jb25zdCBGaWxlTGlzdEl0ZW0gPSBzdHlsZWQubGlgXG4gICR7Zm9udHMuc2l6ZXMoJzE4cHgnLCAnMjZweCcpfTtcbiAgZm9udC13ZWlnaHQ6ICR7Zm9udHMud2VpZ2h0LnNlbWlib2xkfTtcbiAgbWluLWhlaWdodDogNjBweDtcbiAgYmFja2dyb3VuZDogJHtjb2xvcnMuYnJhbmQuZ3JleUxpZ2h0ZXJ9O1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBmbGV4LXdyYXA6IHdyYXA7XG4gIG1hcmdpbi1ib3R0b206ICR7c3BhY2luZy54c21hbGx9O1xuICBwYWRkaW5nOiAke3NwYWNpbmcuc21hbGx9O1xuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0IH0pfSB7XG4gICAgcGFkZGluZzogJHtzcGFjaW5nLnNtYWxsfSAke3NwYWNpbmcubm9ybWFsfTtcbiAgfVxuYDtcblxuaW50ZXJmYWNlIEZvcm1hdFByb3BzIHtcbiAgZm9ybWF0OiBGaWxlRm9ybWF0O1xuICB0aXRsZTogc3RyaW5nO1xuICBpc1ByaW1hcnk6IGJvb2xlYW47XG4gIGlzRGVhZExpbms6IGJvb2xlYW47XG59XG5cbmNvbnN0IEZvcm1hdCA9ICh7IGZvcm1hdCwgdGl0bGUsIGlzUHJpbWFyeSwgaXNEZWFkTGluayB9OiBGb3JtYXRQcm9wcykgPT4ge1xuICBjb25zdCB0aXRsZVdpdGhGb3JtYXQgPSBgJHt0aXRsZX0gKCR7Zm9ybWF0LmZpbGVUeXBlLnRvVXBwZXJDYXNlKCl9KWA7XG5cbiAgaWYgKGlzRGVhZExpbmspIHtcbiAgICByZXR1cm4gKFxuICAgICAgPHNwYW4ga2V5PXtmb3JtYXQudXJsfT5cbiAgICAgICAgPERvd25sb2FkIC8+XG4gICAgICAgIDxzcGFuPntpc1ByaW1hcnkgPyB0aXRsZVdpdGhGb3JtYXQgOiBgKCR7Zm9ybWF0LmZpbGVUeXBlLnRvVXBwZXJDYXNlKCl9KWB9PC9zcGFuPlxuICAgICAgPC9zcGFuPlxuICAgICk7XG4gIH1cblxuICByZXR1cm4gKFxuICAgIDxGaWxlTGluayBrZXk9e2Zvcm1hdC51cmx9IHRvPXtmb3JtYXQudXJsfSB0YXJnZXQ9XCJfYmxhbmtcIiBhcmlhLWxhYmVsPXt0aXRsZVdpdGhGb3JtYXR9PlxuICAgICAgPERvd25sb2FkIC8+XG4gICAgICA8TGlua1RleHRXcmFwcGVyIGFyaWEtbGFiZWw9e2Zvcm1hdC50b29sdGlwfT5cbiAgICAgICAgPHNwYW4+e2lzUHJpbWFyeSA/IHRpdGxlV2l0aEZvcm1hdCA6IGAoJHtmb3JtYXQuZmlsZVR5cGUudG9VcHBlckNhc2UoKX0pYH08L3NwYW4+XG4gICAgICA8L0xpbmtUZXh0V3JhcHBlcj5cbiAgICA8L0ZpbGVMaW5rPlxuICApO1xufTtcblxuY29uc3QgRmlsZSA9ICh7IHRpdGxlLCB1cmwsIGZpbGVFeGlzdHMsIGZpbGVUeXBlIH06IFByb3BzKSA9PiB7XG4gIGNvbnN0IHsgdCB9ID0gdXNlVHJhbnNsYXRpb24oKTtcbiAgY29uc3QgdG9vbHRpcCA9IGAke3QoJ2Rvd25sb2FkJyl9ICR7dXJsLnNwbGl0KCcvJykucG9wKCl9YDtcblxuICByZXR1cm4gKFxuICAgIDxGaWxlTGlzdEl0ZW0+XG4gICAgICA8Rm9ybWF0IGZvcm1hdD17eyB1cmwsIGZpbGVUeXBlLCB0b29sdGlwIH19IGlzUHJpbWFyeSB0aXRsZT17dGl0bGV9IGlzRGVhZExpbms9eyFmaWxlRXhpc3RzfSAvPlxuICAgIDwvRmlsZUxpc3RJdGVtPlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgRmlsZTtcbiJdfQ== */"));
-const FileListItem = /*#__PURE__*/(0, _base.default)("li", {
+
+const StyledFileItem = /*#__PURE__*/(0, _base.default)("li", {
   target: "ei1p2nz0",
-  label: "FileListItem"
-})(_core.fonts.sizes('18px', '26px'), ";font-weight:", _core.fonts.weight.semibold, ";min-height:60px;background:", _core.colors.brand.greyLighter, ";display:flex;align-items:center;flex-wrap:wrap;margin-bottom:", _core.spacing.xsmall, ";padding:", _core.spacing.small, ";", _core.mq.range({
+  label: "StyledFileItem"
+})("background:", _core.colors.brand.greyLighter, ";display:flex;align-items:center;flex-wrap:wrap;margin-bottom:", _core.spacing.xsmall, ";padding:", _core.spacing.small, ";", _core.mq.range({
   from: _core.breakpoints.tablet
-}), "{padding:", _core.spacing.small, " ", _core.spacing.normal, ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZpbGUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTJEOEIiLCJmaWxlIjoiRmlsZS50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMy1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCB7IHVzZVRyYW5zbGF0aW9uIH0gZnJvbSAncmVhY3QtaTE4bmV4dCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBicmVha3BvaW50cywgY29sb3JzLCBmb250cywgbXEsIHNwYWNpbmcgfSBmcm9tICdAbmRsYS9jb3JlJztcbmltcG9ydCB7IERvd25sb2FkIH0gZnJvbSAnQG5kbGEvaWNvbnMvY29tbW9uJztcbmltcG9ydCBTYWZlTGluayBmcm9tICdAbmRsYS9zYWZlbGluayc7XG5cbmludGVyZmFjZSBQcm9wcyB7XG4gIHRpdGxlOiBzdHJpbmc7XG4gIHVybDogc3RyaW5nO1xuICBmaWxlRXhpc3RzOiBib29sZWFuO1xuICBmaWxlVHlwZTogc3RyaW5nO1xufVxuXG5leHBvcnQgaW50ZXJmYWNlIEZpbGVUeXBlIHtcbiAgdGl0bGU6IHN0cmluZztcbiAgZm9ybWF0czogRmlsZUZvcm1hdFtdO1xuICBmaWxlRXhpc3RzPzogYm9vbGVhbjtcbn1cblxuZXhwb3J0IGludGVyZmFjZSBGaWxlRm9ybWF0IHtcbiAgdXJsOiBzdHJpbmc7XG4gIGZpbGVUeXBlOiBzdHJpbmc7XG4gIHRvb2x0aXA6IHN0cmluZztcbn1cblxuY29uc3QgTGlua1RleHRXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgJiA+IHNwYW4ge1xuICAgIGJveC1zaGFkb3c6IGluc2V0IDAgLTFweDtcbiAgfVxuYDtcbmNvbnN0IEZpbGVMaW5rID0gc3R5bGVkKFNhZmVMaW5rKWBcbiAgYm94LXNoYWRvdzogbm9uZTtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBjb2xvcjogJHtjb2xvcnMuYnJhbmQucHJpbWFyeX07XG4gIG1hcmdpbi1yaWdodDogJHtzcGFjaW5nLm5vcm1hbH07XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cbiAgJjpsYXN0LWNoaWxkIHtcbiAgICBtYXJnaW4tcmlnaHQ6IDA7XG4gIH1cblxuICAmOmhvdmVyLFxuICAmOmZvY3VzLFxuICAmOmFjdGl2ZSB7XG4gICAgJHtMaW5rVGV4dFdyYXBwZXJ9IHtcbiAgICAgIGJveC1zaGFkb3c6IG5vbmU7XG4gICAgfVxuICB9XG5gO1xuXG5jb25zdCBGaWxlTGlzdEl0ZW0gPSBzdHlsZWQubGlgXG4gICR7Zm9udHMuc2l6ZXMoJzE4cHgnLCAnMjZweCcpfTtcbiAgZm9udC13ZWlnaHQ6ICR7Zm9udHMud2VpZ2h0LnNlbWlib2xkfTtcbiAgbWluLWhlaWdodDogNjBweDtcbiAgYmFja2dyb3VuZDogJHtjb2xvcnMuYnJhbmQuZ3JleUxpZ2h0ZXJ9O1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBmbGV4LXdyYXA6IHdyYXA7XG4gIG1hcmdpbi1ib3R0b206ICR7c3BhY2luZy54c21hbGx9O1xuICBwYWRkaW5nOiAke3NwYWNpbmcuc21hbGx9O1xuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0IH0pfSB7XG4gICAgcGFkZGluZzogJHtzcGFjaW5nLnNtYWxsfSAke3NwYWNpbmcubm9ybWFsfTtcbiAgfVxuYDtcblxuaW50ZXJmYWNlIEZvcm1hdFByb3BzIHtcbiAgZm9ybWF0OiBGaWxlRm9ybWF0O1xuICB0aXRsZTogc3RyaW5nO1xuICBpc1ByaW1hcnk6IGJvb2xlYW47XG4gIGlzRGVhZExpbms6IGJvb2xlYW47XG59XG5cbmNvbnN0IEZvcm1hdCA9ICh7IGZvcm1hdCwgdGl0bGUsIGlzUHJpbWFyeSwgaXNEZWFkTGluayB9OiBGb3JtYXRQcm9wcykgPT4ge1xuICBjb25zdCB0aXRsZVdpdGhGb3JtYXQgPSBgJHt0aXRsZX0gKCR7Zm9ybWF0LmZpbGVUeXBlLnRvVXBwZXJDYXNlKCl9KWA7XG5cbiAgaWYgKGlzRGVhZExpbmspIHtcbiAgICByZXR1cm4gKFxuICAgICAgPHNwYW4ga2V5PXtmb3JtYXQudXJsfT5cbiAgICAgICAgPERvd25sb2FkIC8+XG4gICAgICAgIDxzcGFuPntpc1ByaW1hcnkgPyB0aXRsZVdpdGhGb3JtYXQgOiBgKCR7Zm9ybWF0LmZpbGVUeXBlLnRvVXBwZXJDYXNlKCl9KWB9PC9zcGFuPlxuICAgICAgPC9zcGFuPlxuICAgICk7XG4gIH1cblxuICByZXR1cm4gKFxuICAgIDxGaWxlTGluayBrZXk9e2Zvcm1hdC51cmx9IHRvPXtmb3JtYXQudXJsfSB0YXJnZXQ9XCJfYmxhbmtcIiBhcmlhLWxhYmVsPXt0aXRsZVdpdGhGb3JtYXR9PlxuICAgICAgPERvd25sb2FkIC8+XG4gICAgICA8TGlua1RleHRXcmFwcGVyIGFyaWEtbGFiZWw9e2Zvcm1hdC50b29sdGlwfT5cbiAgICAgICAgPHNwYW4+e2lzUHJpbWFyeSA/IHRpdGxlV2l0aEZvcm1hdCA6IGAoJHtmb3JtYXQuZmlsZVR5cGUudG9VcHBlckNhc2UoKX0pYH08L3NwYW4+XG4gICAgICA8L0xpbmtUZXh0V3JhcHBlcj5cbiAgICA8L0ZpbGVMaW5rPlxuICApO1xufTtcblxuY29uc3QgRmlsZSA9ICh7IHRpdGxlLCB1cmwsIGZpbGVFeGlzdHMsIGZpbGVUeXBlIH06IFByb3BzKSA9PiB7XG4gIGNvbnN0IHsgdCB9ID0gdXNlVHJhbnNsYXRpb24oKTtcbiAgY29uc3QgdG9vbHRpcCA9IGAke3QoJ2Rvd25sb2FkJyl9ICR7dXJsLnNwbGl0KCcvJykucG9wKCl9YDtcblxuICByZXR1cm4gKFxuICAgIDxGaWxlTGlzdEl0ZW0+XG4gICAgICA8Rm9ybWF0IGZvcm1hdD17eyB1cmwsIGZpbGVUeXBlLCB0b29sdGlwIH19IGlzUHJpbWFyeSB0aXRsZT17dGl0bGV9IGlzRGVhZExpbms9eyFmaWxlRXhpc3RzfSAvPlxuICAgIDwvRmlsZUxpc3RJdGVtPlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgRmlsZTtcbiJdfQ== */"));
-const Format = _ref => {
-  let {
-    format,
-    title,
-    isPrimary,
-    isDeadLink
-  } = _ref;
-  const titleWithFormat = `${title} (${format.fileType.toUpperCase()})`;
-  if (isDeadLink) {
-    return (0, _jsxRuntime.jsxs)("span", {
-      children: [(0, _jsxRuntime.jsx)(_common.Download, {}), (0, _jsxRuntime.jsx)("span", {
-        children: isPrimary ? titleWithFormat : `(${format.fileType.toUpperCase()})`
-      })]
-    }, format.url);
-  }
-  return (0, _jsxRuntime.jsxs)(FileLink, {
-    to: format.url,
-    target: "_blank",
-    "aria-label": titleWithFormat,
-    children: [(0, _jsxRuntime.jsx)(_common.Download, {}), (0, _jsxRuntime.jsx)(LinkTextWrapper, {
-      "aria-label": format.tooltip,
-      children: (0, _jsxRuntime.jsx)("span", {
-        children: isPrimary ? titleWithFormat : `(${format.fileType.toUpperCase()})`
-      })
-    })]
-  }, format.url);
-};
-const File = _ref2 => {
+}), "{padding:", _core.spacing.small, " ", _core.spacing.normal, ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZpbGUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQStCZ0MiLCJmaWxlIjoiRmlsZS50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMy1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCB7IHVzZVRyYW5zbGF0aW9uIH0gZnJvbSAncmVhY3QtaTE4bmV4dCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBicmVha3BvaW50cywgY29sb3JzLCBtcSwgc3BhY2luZyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuaW1wb3J0IEZvcm1hdCBmcm9tICcuL0Zvcm1hdCc7XG5cbmludGVyZmFjZSBQcm9wcyB7XG4gIHRpdGxlOiBzdHJpbmc7XG4gIHVybDogc3RyaW5nO1xuICBmaWxlRXhpc3RzOiBib29sZWFuO1xuICBmaWxlVHlwZTogc3RyaW5nO1xufVxuZXhwb3J0IGludGVyZmFjZSBGaWxlVHlwZSB7XG4gIHRpdGxlOiBzdHJpbmc7XG4gIGZvcm1hdHM6IEZpbGVGb3JtYXRbXTtcbiAgZmlsZUV4aXN0cz86IGJvb2xlYW47XG59XG5cbmV4cG9ydCBpbnRlcmZhY2UgRmlsZUZvcm1hdCB7XG4gIHVybDogc3RyaW5nO1xuICBmaWxlVHlwZTogc3RyaW5nO1xuICB0b29sdGlwOiBzdHJpbmc7XG59XG5cbmNvbnN0IFN0eWxlZEZpbGVJdGVtID0gc3R5bGVkLmxpYFxuICBiYWNrZ3JvdW5kOiAke2NvbG9ycy5icmFuZC5ncmV5TGlnaHRlcn07XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGZsZXgtd3JhcDogd3JhcDtcbiAgbWFyZ2luLWJvdHRvbTogJHtzcGFjaW5nLnhzbWFsbH07XG4gIHBhZGRpbmc6ICR7c3BhY2luZy5zbWFsbH07XG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy50YWJsZXQgfSl9IHtcbiAgICBwYWRkaW5nOiAke3NwYWNpbmcuc21hbGx9ICR7c3BhY2luZy5ub3JtYWx9O1xuICB9XG5gO1xuXG5jb25zdCBGaWxlID0gKHsgdGl0bGUsIHVybCwgZmlsZUV4aXN0cywgZmlsZVR5cGUgfTogUHJvcHMpID0+IHtcbiAgY29uc3QgeyB0IH0gPSB1c2VUcmFuc2xhdGlvbigpO1xuICBjb25zdCB0b29sdGlwID0gYCR7dCgnZG93bmxvYWQnKX0gJHt1cmwuc3BsaXQoJy8nKS5wb3AoKX1gO1xuXG4gIHJldHVybiAoXG4gICAgPFN0eWxlZEZpbGVJdGVtPlxuICAgICAgPEZvcm1hdCBmb3JtYXQ9e3sgdXJsLCBmaWxlVHlwZSwgdG9vbHRpcCB9fSBpc1ByaW1hcnkgdGl0bGU9e3RpdGxlfSBpc0RlYWRMaW5rPXshZmlsZUV4aXN0c30gLz5cbiAgICA8L1N0eWxlZEZpbGVJdGVtPlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgRmlsZTtcbiJdfQ== */"));
+const File = _ref => {
   let {
     title,
     url,
     fileExists,
     fileType
-  } = _ref2;
+  } = _ref;
   const {
     t
   } = (0, _reactI18next.useTranslation)();
   const tooltip = `${t('download')} ${url.split('/').pop()}`;
-  return (0, _jsxRuntime.jsx)(FileListItem, {
-    children: (0, _jsxRuntime.jsx)(Format, {
+  return (0, _jsxRuntime.jsx)(StyledFileItem, {
+    children: (0, _jsxRuntime.jsx)(_Format.default, {
       format: {
         url,
         fileType,

package/lib/FileList/FileList.d.ts

@@ -5,9 +5,10 @@
  * LICENSE file in the root directory of this source tree.
  *
  */
-import { ReactNode } from 'react';
-interface Props {
+import { ComponentProps, ReactNode } from 'react';
+interface Props extends ComponentProps<'section'> {
     children: ReactNode;
+    headingButtons?: ReactNode;
 }
-declare const FileList: ({ children }: Props) => import("@emotion/react/jsx-runtime").JSX.Element;
+declare const FileList: ({ children, headingButtons, ...rest }: Props) => import("@emotion/react/jsx-runtime").JSX.Element;
 export default FileList;

package/lib/FileList/FileList.js

@@ -7,6 +7,7 @@ exports.default = void 0;
 var _base = _interopRequireDefault(require("@emotion/styled/base"));
 var _reactI18next = require("react-i18next");
 var _core = require("@ndla/core");
+var _typography = require("@ndla/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)."; } /**
@@ -19,11 +20,11 @@ function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringif
 const FileListSection = /*#__PURE__*/(0, _base.default)("section", {
   target: "e1o67ylf2",
   label: "FileListSection"
-})("margin:", _core.spacing.large, " 0;padding:", _core.spacing.small, " 0 ", _core.spacing.normal, " ", _core.spacing.normal, ";border-left:2px solid ", _core.colors.brand.greyLightest, ";font-family:", _core.fonts.sans, ";.c-icon{margin-top:3px;flex-shrink:0;margin-right:", _core.spacing.small, ";height:18px;width:18px;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZpbGVMaXN0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpQnNDIiwiZmlsZSI6IkZpbGVMaXN0LnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDIzLXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuaW1wb3J0IHsgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgdXNlVHJhbnNsYXRpb24gfSBmcm9tICdyZWFjdC1pMThuZXh0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNvbG9ycywgZm9udHMsIHNwYWNpbmcgfSBmcm9tICdAbmRsYS9jb3JlJztcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgY2hpbGRyZW46IFJlYWN0Tm9kZTtcbn1cblxuY29uc3QgRmlsZUxpc3RTZWN0aW9uID0gc3R5bGVkLnNlY3Rpb25gXG4gIG1hcmdpbjogJHtzcGFjaW5nLmxhcmdlfSAwO1xuICBwYWRkaW5nOiAke3NwYWNpbmcuc21hbGx9IDAgJHtzcGFjaW5nLm5vcm1hbH0gJHtzcGFjaW5nLm5vcm1hbH07XG4gIGJvcmRlci1sZWZ0OiAycHggc29saWQgJHtjb2xvcnMuYnJhbmQuZ3JleUxpZ2h0ZXN0fTtcbiAgZm9udC1mYW1pbHk6ICR7Zm9udHMuc2Fuc307XG5cbiAgLmMtaWNvbiB7XG4gICAgbWFyZ2luLXRvcDogM3B4O1xuICAgIGZsZXgtc2hyaW5rOiAwO1xuICAgIG1hcmdpbi1yaWdodDogJHtzcGFjaW5nLnNtYWxsfTtcbiAgICBoZWlnaHQ6IDE4cHg7XG4gICAgd2lkdGg6IDE4cHg7XG4gIH1cbmA7XG5cbmNvbnN0IEZpbGVMaXN0SGVhZGluZyA9IHN0eWxlZC5oM2BcbiAgJHtmb250cy5zaXplcygnMTZweCcsICcxOHB4Jyl9O1xuICBsZXR0ZXItc3BhY2luZzogMC4wNWVtO1xuICBtYXJnaW46IDAgMCAke3NwYWNpbmcueHNtYWxsfSAwO1xuICBwYWRkaW5nLWJvdHRvbTogJHtzcGFjaW5nLnhzbWFsbH07XG4gIGJvcmRlci1ib3R0b206IDJweCBzb2xpZCAke2NvbG9ycy5icmFuZC5ncmV5TGlnaHR9O1xuICBmb250LXdlaWdodDogJHtmb250cy53ZWlnaHQuYm9sZH07XG4gIHRleHQtdHJhbnNmb3JtOiB1cHBlcmNhc2U7XG5gO1xuXG5jb25zdCBGaWxlc0xpc3QgPSBzdHlsZWQudWxgXG4gIG1hcmdpbjogMDtcbiAgcGFkZGluZzogMDtcbmA7XG5cbmNvbnN0IEZpbGVMaXN0ID0gKHsgY2hpbGRyZW4gfTogUHJvcHMpID0+IHtcbiAgY29uc3QgeyB0IH0gPSB1c2VUcmFuc2xhdGlvbigpO1xuICByZXR1cm4gKFxuICAgIDxGaWxlTGlzdFNlY3Rpb24+XG4gICAgICA8RmlsZUxpc3RIZWFkaW5nPnt0KCdmaWxlcycpfTwvRmlsZUxpc3RIZWFkaW5nPlxuICAgICAgPEZpbGVzTGlzdD57Y2hpbGRyZW59PC9GaWxlc0xpc3Q+XG4gICAgPC9GaWxlTGlzdFNlY3Rpb24+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBGaWxlTGlzdDtcbiJdfQ== */"));
-const FileListHeading = /*#__PURE__*/(0, _base.default)("h3", {
+})("margin:", _core.spacing.large, " 0;padding:0 0 ", _core.spacing.normal, " ", _core.spacing.normal, ";border-left:2px solid ", _core.colors.brand.greyLightest, ";font-family:", _core.fonts.sans, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZpbGVMaXN0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFrQnNDIiwiZmlsZSI6IkZpbGVMaXN0LnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDIzLXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuaW1wb3J0IHsgQ29tcG9uZW50UHJvcHMsIFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IHVzZVRyYW5zbGF0aW9uIH0gZnJvbSAncmVhY3QtaTE4bmV4dCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjb2xvcnMsIGZvbnRzLCBzcGFjaW5nIH0gZnJvbSAnQG5kbGEvY29yZSc7XG5pbXBvcnQgeyBIZWFkaW5nIH0gZnJvbSAnQG5kbGEvdHlwb2dyYXBoeSc7XG5pbnRlcmZhY2UgUHJvcHMgZXh0ZW5kcyBDb21wb25lbnRQcm9wczwnc2VjdGlvbic+IHtcbiAgY2hpbGRyZW46IFJlYWN0Tm9kZTtcbiAgaGVhZGluZ0J1dHRvbnM/OiBSZWFjdE5vZGU7XG59XG5cbmNvbnN0IEZpbGVMaXN0U2VjdGlvbiA9IHN0eWxlZC5zZWN0aW9uYFxuICBtYXJnaW46ICR7c3BhY2luZy5sYXJnZX0gMDtcbiAgcGFkZGluZzogMCAwICR7c3BhY2luZy5ub3JtYWx9ICR7c3BhY2luZy5ub3JtYWx9O1xuICBib3JkZXItbGVmdDogMnB4IHNvbGlkICR7Y29sb3JzLmJyYW5kLmdyZXlMaWdodGVzdH07XG4gIGZvbnQtZmFtaWx5OiAke2ZvbnRzLnNhbnN9O1xuYDtcblxuY29uc3QgRmlsZUxpc3RIZWFkZXJXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBtYXJnaW46IDAgMCAke3NwYWNpbmcueHNtYWxsfSAwO1xuICBwYWRkaW5nLWJvdHRvbTogJHtzcGFjaW5nLnhzbWFsbH07XG4gIGJvcmRlci1ib3R0b206IDJweCBzb2xpZCAke2NvbG9ycy5icmFuZC5ncmV5TGlnaHR9O1xuYDtcblxuY29uc3QgRmlsZXNMaXN0ID0gc3R5bGVkLnVsYFxuICBtYXJnaW46IDA7XG4gIHBhZGRpbmc6IDA7XG5gO1xuXG5jb25zdCBGaWxlTGlzdCA9ICh7IGNoaWxkcmVuLCBoZWFkaW5nQnV0dG9ucywgLi4ucmVzdCB9OiBQcm9wcykgPT4ge1xuICBjb25zdCB7IHQgfSA9IHVzZVRyYW5zbGF0aW9uKCk7XG4gIHJldHVybiAoXG4gICAgPEZpbGVMaXN0U2VjdGlvbiB7Li4ucmVzdH0+XG4gICAgICA8RmlsZUxpc3RIZWFkZXJXcmFwcGVyPlxuICAgICAgICA8SGVhZGluZyBlbGVtZW50PVwiaDNcIiBoZWFkaW5nU3R5bGU9XCJsaXN0LXRpdGxlXCIgbWFyZ2luPVwibm9uZVwiPlxuICAgICAgICAgIHt0KCdmaWxlcycpfVxuICAgICAgICA8L0hlYWRpbmc+XG4gICAgICAgIDxkaXY+e2hlYWRpbmdCdXR0b25zfTwvZGl2PlxuICAgICAgPC9GaWxlTGlzdEhlYWRlcldyYXBwZXI+XG4gICAgICA8RmlsZXNMaXN0PntjaGlsZHJlbn08L0ZpbGVzTGlzdD5cbiAgICA8L0ZpbGVMaXN0U2VjdGlvbj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IEZpbGVMaXN0O1xuIl19 */"));
+const FileListHeaderWrapper = /*#__PURE__*/(0, _base.default)("div", {
   target: "e1o67ylf1",
-  label: "FileListHeading"
-})(_core.fonts.sizes('16px', '18px'), ";letter-spacing:0.05em;margin:0 0 ", _core.spacing.xsmall, " 0;padding-bottom:", _core.spacing.xsmall, ";border-bottom:2px solid ", _core.colors.brand.greyLight, ";font-weight:", _core.fonts.weight.bold, ";text-transform:uppercase;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZpbGVMaXN0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnQ2lDIiwiZmlsZSI6IkZpbGVMaXN0LnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDIzLXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuaW1wb3J0IHsgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgdXNlVHJhbnNsYXRpb24gfSBmcm9tICdyZWFjdC1pMThuZXh0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNvbG9ycywgZm9udHMsIHNwYWNpbmcgfSBmcm9tICdAbmRsYS9jb3JlJztcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgY2hpbGRyZW46IFJlYWN0Tm9kZTtcbn1cblxuY29uc3QgRmlsZUxpc3RTZWN0aW9uID0gc3R5bGVkLnNlY3Rpb25gXG4gIG1hcmdpbjogJHtzcGFjaW5nLmxhcmdlfSAwO1xuICBwYWRkaW5nOiAke3NwYWNpbmcuc21hbGx9IDAgJHtzcGFjaW5nLm5vcm1hbH0gJHtzcGFjaW5nLm5vcm1hbH07XG4gIGJvcmRlci1sZWZ0OiAycHggc29saWQgJHtjb2xvcnMuYnJhbmQuZ3JleUxpZ2h0ZXN0fTtcbiAgZm9udC1mYW1pbHk6ICR7Zm9udHMuc2Fuc307XG5cbiAgLmMtaWNvbiB7XG4gICAgbWFyZ2luLXRvcDogM3B4O1xuICAgIGZsZXgtc2hyaW5rOiAwO1xuICAgIG1hcmdpbi1yaWdodDogJHtzcGFjaW5nLnNtYWxsfTtcbiAgICBoZWlnaHQ6IDE4cHg7XG4gICAgd2lkdGg6IDE4cHg7XG4gIH1cbmA7XG5cbmNvbnN0IEZpbGVMaXN0SGVhZGluZyA9IHN0eWxlZC5oM2BcbiAgJHtmb250cy5zaXplcygnMTZweCcsICcxOHB4Jyl9O1xuICBsZXR0ZXItc3BhY2luZzogMC4wNWVtO1xuICBtYXJnaW46IDAgMCAke3NwYWNpbmcueHNtYWxsfSAwO1xuICBwYWRkaW5nLWJvdHRvbTogJHtzcGFjaW5nLnhzbWFsbH07XG4gIGJvcmRlci1ib3R0b206IDJweCBzb2xpZCAke2NvbG9ycy5icmFuZC5ncmV5TGlnaHR9O1xuICBmb250LXdlaWdodDogJHtmb250cy53ZWlnaHQuYm9sZH07XG4gIHRleHQtdHJhbnNmb3JtOiB1cHBlcmNhc2U7XG5gO1xuXG5jb25zdCBGaWxlc0xpc3QgPSBzdHlsZWQudWxgXG4gIG1hcmdpbjogMDtcbiAgcGFkZGluZzogMDtcbmA7XG5cbmNvbnN0IEZpbGVMaXN0ID0gKHsgY2hpbGRyZW4gfTogUHJvcHMpID0+IHtcbiAgY29uc3QgeyB0IH0gPSB1c2VUcmFuc2xhdGlvbigpO1xuICByZXR1cm4gKFxuICAgIDxGaWxlTGlzdFNlY3Rpb24+XG4gICAgICA8RmlsZUxpc3RIZWFkaW5nPnt0KCdmaWxlcycpfTwvRmlsZUxpc3RIZWFkaW5nPlxuICAgICAgPEZpbGVzTGlzdD57Y2hpbGRyZW59PC9GaWxlc0xpc3Q+XG4gICAgPC9GaWxlTGlzdFNlY3Rpb24+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBGaWxlTGlzdDtcbiJdfQ== */"));
+  label: "FileListHeaderWrapper"
+})("display:flex;justify-content:space-between;align-items:center;margin:0 0 ", _core.spacing.xsmall, " 0;padding-bottom:", _core.spacing.xsmall, ";border-bottom:2px solid ", _core.colors.brand.greyLight, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZpbGVMaXN0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF5QndDIiwiZmlsZSI6IkZpbGVMaXN0LnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDIzLXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuaW1wb3J0IHsgQ29tcG9uZW50UHJvcHMsIFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IHVzZVRyYW5zbGF0aW9uIH0gZnJvbSAncmVhY3QtaTE4bmV4dCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjb2xvcnMsIGZvbnRzLCBzcGFjaW5nIH0gZnJvbSAnQG5kbGEvY29yZSc7XG5pbXBvcnQgeyBIZWFkaW5nIH0gZnJvbSAnQG5kbGEvdHlwb2dyYXBoeSc7XG5pbnRlcmZhY2UgUHJvcHMgZXh0ZW5kcyBDb21wb25lbnRQcm9wczwnc2VjdGlvbic+IHtcbiAgY2hpbGRyZW46IFJlYWN0Tm9kZTtcbiAgaGVhZGluZ0J1dHRvbnM/OiBSZWFjdE5vZGU7XG59XG5cbmNvbnN0IEZpbGVMaXN0U2VjdGlvbiA9IHN0eWxlZC5zZWN0aW9uYFxuICBtYXJnaW46ICR7c3BhY2luZy5sYXJnZX0gMDtcbiAgcGFkZGluZzogMCAwICR7c3BhY2luZy5ub3JtYWx9ICR7c3BhY2luZy5ub3JtYWx9O1xuICBib3JkZXItbGVmdDogMnB4IHNvbGlkICR7Y29sb3JzLmJyYW5kLmdyZXlMaWdodGVzdH07XG4gIGZvbnQtZmFtaWx5OiAke2ZvbnRzLnNhbnN9O1xuYDtcblxuY29uc3QgRmlsZUxpc3RIZWFkZXJXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBtYXJnaW46IDAgMCAke3NwYWNpbmcueHNtYWxsfSAwO1xuICBwYWRkaW5nLWJvdHRvbTogJHtzcGFjaW5nLnhzbWFsbH07XG4gIGJvcmRlci1ib3R0b206IDJweCBzb2xpZCAke2NvbG9ycy5icmFuZC5ncmV5TGlnaHR9O1xuYDtcblxuY29uc3QgRmlsZXNMaXN0ID0gc3R5bGVkLnVsYFxuICBtYXJnaW46IDA7XG4gIHBhZGRpbmc6IDA7XG5gO1xuXG5jb25zdCBGaWxlTGlzdCA9ICh7IGNoaWxkcmVuLCBoZWFkaW5nQnV0dG9ucywgLi4ucmVzdCB9OiBQcm9wcykgPT4ge1xuICBjb25zdCB7IHQgfSA9IHVzZVRyYW5zbGF0aW9uKCk7XG4gIHJldHVybiAoXG4gICAgPEZpbGVMaXN0U2VjdGlvbiB7Li4ucmVzdH0+XG4gICAgICA8RmlsZUxpc3RIZWFkZXJXcmFwcGVyPlxuICAgICAgICA8SGVhZGluZyBlbGVtZW50PVwiaDNcIiBoZWFkaW5nU3R5bGU9XCJsaXN0LXRpdGxlXCIgbWFyZ2luPVwibm9uZVwiPlxuICAgICAgICAgIHt0KCdmaWxlcycpfVxuICAgICAgICA8L0hlYWRpbmc+XG4gICAgICAgIDxkaXY+e2hlYWRpbmdCdXR0b25zfTwvZGl2PlxuICAgICAgPC9GaWxlTGlzdEhlYWRlcldyYXBwZXI+XG4gICAgICA8RmlsZXNMaXN0PntjaGlsZHJlbn08L0ZpbGVzTGlzdD5cbiAgICA8L0ZpbGVMaXN0U2VjdGlvbj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IEZpbGVMaXN0O1xuIl19 */"));
 const FilesList = /*#__PURE__*/(0, _base.default)("ul", {
   target: "e1o67ylf0",
   label: "FilesList"
@@ -33,19 +34,29 @@ const FilesList = /*#__PURE__*/(0, _base.default)("ul", {
 } : {
   name: "1xclg2i",
   styles: "margin:0;padding:0",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZpbGVMaXN0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEwQzJCIiwiZmlsZSI6IkZpbGVMaXN0LnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDIzLXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuaW1wb3J0IHsgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgdXNlVHJhbnNsYXRpb24gfSBmcm9tICdyZWFjdC1pMThuZXh0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNvbG9ycywgZm9udHMsIHNwYWNpbmcgfSBmcm9tICdAbmRsYS9jb3JlJztcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgY2hpbGRyZW46IFJlYWN0Tm9kZTtcbn1cblxuY29uc3QgRmlsZUxpc3RTZWN0aW9uID0gc3R5bGVkLnNlY3Rpb25gXG4gIG1hcmdpbjogJHtzcGFjaW5nLmxhcmdlfSAwO1xuICBwYWRkaW5nOiAke3NwYWNpbmcuc21hbGx9IDAgJHtzcGFjaW5nLm5vcm1hbH0gJHtzcGFjaW5nLm5vcm1hbH07XG4gIGJvcmRlci1sZWZ0OiAycHggc29saWQgJHtjb2xvcnMuYnJhbmQuZ3JleUxpZ2h0ZXN0fTtcbiAgZm9udC1mYW1pbHk6ICR7Zm9udHMuc2Fuc307XG5cbiAgLmMtaWNvbiB7XG4gICAgbWFyZ2luLXRvcDogM3B4O1xuICAgIGZsZXgtc2hyaW5rOiAwO1xuICAgIG1hcmdpbi1yaWdodDogJHtzcGFjaW5nLnNtYWxsfTtcbiAgICBoZWlnaHQ6IDE4cHg7XG4gICAgd2lkdGg6IDE4cHg7XG4gIH1cbmA7XG5cbmNvbnN0IEZpbGVMaXN0SGVhZGluZyA9IHN0eWxlZC5oM2BcbiAgJHtmb250cy5zaXplcygnMTZweCcsICcxOHB4Jyl9O1xuICBsZXR0ZXItc3BhY2luZzogMC4wNWVtO1xuICBtYXJnaW46IDAgMCAke3NwYWNpbmcueHNtYWxsfSAwO1xuICBwYWRkaW5nLWJvdHRvbTogJHtzcGFjaW5nLnhzbWFsbH07XG4gIGJvcmRlci1ib3R0b206IDJweCBzb2xpZCAke2NvbG9ycy5icmFuZC5ncmV5TGlnaHR9O1xuICBmb250LXdlaWdodDogJHtmb250cy53ZWlnaHQuYm9sZH07XG4gIHRleHQtdHJhbnNmb3JtOiB1cHBlcmNhc2U7XG5gO1xuXG5jb25zdCBGaWxlc0xpc3QgPSBzdHlsZWQudWxgXG4gIG1hcmdpbjogMDtcbiAgcGFkZGluZzogMDtcbmA7XG5cbmNvbnN0IEZpbGVMaXN0ID0gKHsgY2hpbGRyZW4gfTogUHJvcHMpID0+IHtcbiAgY29uc3QgeyB0IH0gPSB1c2VUcmFuc2xhdGlvbigpO1xuICByZXR1cm4gKFxuICAgIDxGaWxlTGlzdFNlY3Rpb24+XG4gICAgICA8RmlsZUxpc3RIZWFkaW5nPnt0KCdmaWxlcycpfTwvRmlsZUxpc3RIZWFkaW5nPlxuICAgICAgPEZpbGVzTGlzdD57Y2hpbGRyZW59PC9GaWxlc0xpc3Q+XG4gICAgPC9GaWxlTGlzdFNlY3Rpb24+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBGaWxlTGlzdDtcbiJdfQ== */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZpbGVMaXN0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFrQzJCIiwiZmlsZSI6IkZpbGVMaXN0LnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDIzLXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuaW1wb3J0IHsgQ29tcG9uZW50UHJvcHMsIFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IHVzZVRyYW5zbGF0aW9uIH0gZnJvbSAncmVhY3QtaTE4bmV4dCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjb2xvcnMsIGZvbnRzLCBzcGFjaW5nIH0gZnJvbSAnQG5kbGEvY29yZSc7XG5pbXBvcnQgeyBIZWFkaW5nIH0gZnJvbSAnQG5kbGEvdHlwb2dyYXBoeSc7XG5pbnRlcmZhY2UgUHJvcHMgZXh0ZW5kcyBDb21wb25lbnRQcm9wczwnc2VjdGlvbic+IHtcbiAgY2hpbGRyZW46IFJlYWN0Tm9kZTtcbiAgaGVhZGluZ0J1dHRvbnM/OiBSZWFjdE5vZGU7XG59XG5cbmNvbnN0IEZpbGVMaXN0U2VjdGlvbiA9IHN0eWxlZC5zZWN0aW9uYFxuICBtYXJnaW46ICR7c3BhY2luZy5sYXJnZX0gMDtcbiAgcGFkZGluZzogMCAwICR7c3BhY2luZy5ub3JtYWx9ICR7c3BhY2luZy5ub3JtYWx9O1xuICBib3JkZXItbGVmdDogMnB4IHNvbGlkICR7Y29sb3JzLmJyYW5kLmdyZXlMaWdodGVzdH07XG4gIGZvbnQtZmFtaWx5OiAke2ZvbnRzLnNhbnN9O1xuYDtcblxuY29uc3QgRmlsZUxpc3RIZWFkZXJXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBtYXJnaW46IDAgMCAke3NwYWNpbmcueHNtYWxsfSAwO1xuICBwYWRkaW5nLWJvdHRvbTogJHtzcGFjaW5nLnhzbWFsbH07XG4gIGJvcmRlci1ib3R0b206IDJweCBzb2xpZCAke2NvbG9ycy5icmFuZC5ncmV5TGlnaHR9O1xuYDtcblxuY29uc3QgRmlsZXNMaXN0ID0gc3R5bGVkLnVsYFxuICBtYXJnaW46IDA7XG4gIHBhZGRpbmc6IDA7XG5gO1xuXG5jb25zdCBGaWxlTGlzdCA9ICh7IGNoaWxkcmVuLCBoZWFkaW5nQnV0dG9ucywgLi4ucmVzdCB9OiBQcm9wcykgPT4ge1xuICBjb25zdCB7IHQgfSA9IHVzZVRyYW5zbGF0aW9uKCk7XG4gIHJldHVybiAoXG4gICAgPEZpbGVMaXN0U2VjdGlvbiB7Li4ucmVzdH0+XG4gICAgICA8RmlsZUxpc3RIZWFkZXJXcmFwcGVyPlxuICAgICAgICA8SGVhZGluZyBlbGVtZW50PVwiaDNcIiBoZWFkaW5nU3R5bGU9XCJsaXN0LXRpdGxlXCIgbWFyZ2luPVwibm9uZVwiPlxuICAgICAgICAgIHt0KCdmaWxlcycpfVxuICAgICAgICA8L0hlYWRpbmc+XG4gICAgICAgIDxkaXY+e2hlYWRpbmdCdXR0b25zfTwvZGl2PlxuICAgICAgPC9GaWxlTGlzdEhlYWRlcldyYXBwZXI+XG4gICAgICA8RmlsZXNMaXN0PntjaGlsZHJlbn08L0ZpbGVzTGlzdD5cbiAgICA8L0ZpbGVMaXN0U2VjdGlvbj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IEZpbGVMaXN0O1xuIl19 */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
 const FileList = _ref => {
   let {
-    children
+    children,
+    headingButtons,
+    ...rest
   } = _ref;
   const {
     t
   } = (0, _reactI18next.useTranslation)();
   return (0, _jsxRuntime.jsxs)(FileListSection, {
-    children: [(0, _jsxRuntime.jsx)(FileListHeading, {
-      children: t('files')
+    ...rest,
+    children: [(0, _jsxRuntime.jsxs)(FileListHeaderWrapper, {
+      children: [(0, _jsxRuntime.jsx)(_typography.Heading, {
+        element: "h3",
+        headingStyle: "list-title",
+        margin: "none",
+        children: t('files')
+      }), (0, _jsxRuntime.jsx)("div", {
+        children: headingButtons
+      })]
     }), (0, _jsxRuntime.jsx)(FilesList, {
       children: children
     })]

package/lib/FileList/Format.d.ts

@@ -0,0 +1,16 @@
+/**
+ * Copyright (c) 2023-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 { FileFormat } from './File';
+interface FormatProps {
+    format: FileFormat;
+    title: string;
+    isPrimary: boolean;
+    isDeadLink: boolean;
+}
+declare const Format: ({ format, title, isPrimary, isDeadLink }: FormatProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export default Format;

package/lib/FileList/Format.js

@@ -0,0 +1,74 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _base = _interopRequireDefault(require("@emotion/styled/base"));
+var _core = require("@ndla/core");
+var _common = require("@ndla/icons/common");
+var _safelink = _interopRequireDefault(require("@ndla/safelink"));
+var _typography = require("@ndla/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)."; } /**
+ * Copyright (c) 2023-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 StyledText = /*#__PURE__*/(0, _base.default)(_typography.Text, {
+  target: "elufxu22",
+  label: "StyledText"
+})(process.env.NODE_ENV === "production" ? {
+  name: "1qmhxmt",
+  styles: "box-shadow:inset 0 -1px;&:hover,&:focus,&:active{box-shadow:none;}"
+} : {
+  name: "1qmhxmt",
+  styles: "box-shadow:inset 0 -1px;&:hover,&:focus,&:active{box-shadow:none;}",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZvcm1hdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZStCIiwiZmlsZSI6IkZvcm1hdC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMy1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNvbG9ycywgc3BhY2luZyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuaW1wb3J0IHsgRG93bmxvYWQgfSBmcm9tICdAbmRsYS9pY29ucy9jb21tb24nO1xuaW1wb3J0IFNhZmVMaW5rIGZyb20gJ0BuZGxhL3NhZmVsaW5rJztcbmltcG9ydCB7IFRleHQgfSBmcm9tICdAbmRsYS90eXBvZ3JhcGh5JztcbmltcG9ydCB7IEZpbGVGb3JtYXQgfSBmcm9tICcuL0ZpbGUnO1xuXG5jb25zdCBTdHlsZWRUZXh0ID0gc3R5bGVkKFRleHQpYFxuICBib3gtc2hhZG93OiBpbnNldCAwIC0xcHg7XG5cbiAgJjpob3ZlcixcbiAgJjpmb2N1cyxcbiAgJjphY3RpdmUge1xuICAgIGJveC1zaGFkb3c6IG5vbmU7XG4gIH1cbmA7XG5cbmNvbnN0IEZpbGVMaW5rID0gc3R5bGVkKFNhZmVMaW5rKWBcbiAgYm94LXNoYWRvdzogbm9uZTtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBjb2xvcjogJHtjb2xvcnMuYnJhbmQucHJpbWFyeX07XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5gO1xuXG5jb25zdCBTdHlsZWREb3dubG9hZCA9IHN0eWxlZChEb3dubG9hZClgXG4gIG1hcmdpbi10b3A6IDNweDtcbiAgZmxleC1zaHJpbms6IDA7XG4gIG1hcmdpbi1yaWdodDogJHtzcGFjaW5nLnNtYWxsfTtcbiAgaGVpZ2h0OiAxOHB4O1xuICB3aWR0aDogMThweDtcbmA7XG5cbmludGVyZmFjZSBGb3JtYXRQcm9wcyB7XG4gIGZvcm1hdDogRmlsZUZvcm1hdDtcbiAgdGl0bGU6IHN0cmluZztcbiAgaXNQcmltYXJ5OiBib29sZWFuO1xuICBpc0RlYWRMaW5rOiBib29sZWFuO1xufVxuXG5jb25zdCBGb3JtYXQgPSAoeyBmb3JtYXQsIHRpdGxlLCBpc1ByaW1hcnksIGlzRGVhZExpbmsgfTogRm9ybWF0UHJvcHMpID0+IHtcbiAgY29uc3QgdGl0bGVXaXRoRm9ybWF0ID0gYCR7dGl0bGV9ICgke2Zvcm1hdC5maWxlVHlwZS50b1VwcGVyQ2FzZSgpfSlgO1xuXG4gIGlmIChpc0RlYWRMaW5rKSB7XG4gICAgcmV0dXJuIChcbiAgICAgIDxzcGFuIGtleT17Zm9ybWF0LnVybH0+XG4gICAgICAgIDxTdHlsZWREb3dubG9hZCAvPlxuICAgICAgICA8VGV4dCBlbGVtZW50PVwic3BhblwiIHRleHRTdHlsZT1cImxhYmVsLXNtYWxsXCIgbWFyZ2luPVwibm9uZVwiPlxuICAgICAgICAgIHtpc1ByaW1hcnkgPyB0aXRsZVdpdGhGb3JtYXQgOiBgKCR7Zm9ybWF0LmZpbGVUeXBlLnRvVXBwZXJDYXNlKCl9KWB9XG4gICAgICAgIDwvVGV4dD5cbiAgICAgIDwvc3Bhbj5cbiAgICApO1xuICB9XG5cbiAgcmV0dXJuIChcbiAgICA8RmlsZUxpbmsga2V5PXtmb3JtYXQudXJsfSB0bz17Zm9ybWF0LnVybH0gdGFyZ2V0PVwiX2JsYW5rXCIgYXJpYS1sYWJlbD17dGl0bGVXaXRoRm9ybWF0fT5cbiAgICAgIDxTdHlsZWREb3dubG9hZCAvPlxuICAgICAgPGRpdiBhcmlhLWxhYmVsPXtmb3JtYXQudG9vbHRpcH0+XG4gICAgICAgIDxTdHlsZWRUZXh0IGVsZW1lbnQ9XCJzcGFuXCIgdGV4dFN0eWxlPVwibGFiZWwtc21hbGxcIiBtYXJnaW49XCJub25lXCI+XG4gICAgICAgICAge2lzUHJpbWFyeSA/IHRpdGxlV2l0aEZvcm1hdCA6IGAoJHtmb3JtYXQuZmlsZVR5cGUudG9VcHBlckNhc2UoKX0pYH1cbiAgICAgICAgPC9TdHlsZWRUZXh0PlxuICAgICAgPC9kaXY+XG4gICAgPC9GaWxlTGluaz5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IEZvcm1hdDtcbiJdfQ== */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+const FileLink = /*#__PURE__*/(0, _base.default)(_safelink.default, {
+  target: "elufxu21",
+  label: "FileLink"
+})("box-shadow:none;position:relative;color:", _core.colors.brand.primary, ";display:flex;align-items:center;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZvcm1hdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBeUJpQyIsImZpbGUiOiJGb3JtYXQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjMtcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjb2xvcnMsIHNwYWNpbmcgfSBmcm9tICdAbmRsYS9jb3JlJztcbmltcG9ydCB7IERvd25sb2FkIH0gZnJvbSAnQG5kbGEvaWNvbnMvY29tbW9uJztcbmltcG9ydCBTYWZlTGluayBmcm9tICdAbmRsYS9zYWZlbGluayc7XG5pbXBvcnQgeyBUZXh0IH0gZnJvbSAnQG5kbGEvdHlwb2dyYXBoeSc7XG5pbXBvcnQgeyBGaWxlRm9ybWF0IH0gZnJvbSAnLi9GaWxlJztcblxuY29uc3QgU3R5bGVkVGV4dCA9IHN0eWxlZChUZXh0KWBcbiAgYm94LXNoYWRvdzogaW5zZXQgMCAtMXB4O1xuXG4gICY6aG92ZXIsXG4gICY6Zm9jdXMsXG4gICY6YWN0aXZlIHtcbiAgICBib3gtc2hhZG93OiBub25lO1xuICB9XG5gO1xuXG5jb25zdCBGaWxlTGluayA9IHN0eWxlZChTYWZlTGluaylgXG4gIGJveC1zaGFkb3c6IG5vbmU7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgY29sb3I6ICR7Y29sb3JzLmJyYW5kLnByaW1hcnl9O1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuYDtcblxuY29uc3QgU3R5bGVkRG93bmxvYWQgPSBzdHlsZWQoRG93bmxvYWQpYFxuICBtYXJnaW4tdG9wOiAzcHg7XG4gIGZsZXgtc2hyaW5rOiAwO1xuICBtYXJnaW4tcmlnaHQ6ICR7c3BhY2luZy5zbWFsbH07XG4gIGhlaWdodDogMThweDtcbiAgd2lkdGg6IDE4cHg7XG5gO1xuXG5pbnRlcmZhY2UgRm9ybWF0UHJvcHMge1xuICBmb3JtYXQ6IEZpbGVGb3JtYXQ7XG4gIHRpdGxlOiBzdHJpbmc7XG4gIGlzUHJpbWFyeTogYm9vbGVhbjtcbiAgaXNEZWFkTGluazogYm9vbGVhbjtcbn1cblxuY29uc3QgRm9ybWF0ID0gKHsgZm9ybWF0LCB0aXRsZSwgaXNQcmltYXJ5LCBpc0RlYWRMaW5rIH06IEZvcm1hdFByb3BzKSA9PiB7XG4gIGNvbnN0IHRpdGxlV2l0aEZvcm1hdCA9IGAke3RpdGxlfSAoJHtmb3JtYXQuZmlsZVR5cGUudG9VcHBlckNhc2UoKX0pYDtcblxuICBpZiAoaXNEZWFkTGluaykge1xuICAgIHJldHVybiAoXG4gICAgICA8c3BhbiBrZXk9e2Zvcm1hdC51cmx9PlxuICAgICAgICA8U3R5bGVkRG93bmxvYWQgLz5cbiAgICAgICAgPFRleHQgZWxlbWVudD1cInNwYW5cIiB0ZXh0U3R5bGU9XCJsYWJlbC1zbWFsbFwiIG1hcmdpbj1cIm5vbmVcIj5cbiAgICAgICAgICB7aXNQcmltYXJ5ID8gdGl0bGVXaXRoRm9ybWF0IDogYCgke2Zvcm1hdC5maWxlVHlwZS50b1VwcGVyQ2FzZSgpfSlgfVxuICAgICAgICA8L1RleHQ+XG4gICAgICA8L3NwYW4+XG4gICAgKTtcbiAgfVxuXG4gIHJldHVybiAoXG4gICAgPEZpbGVMaW5rIGtleT17Zm9ybWF0LnVybH0gdG89e2Zvcm1hdC51cmx9IHRhcmdldD1cIl9ibGFua1wiIGFyaWEtbGFiZWw9e3RpdGxlV2l0aEZvcm1hdH0+XG4gICAgICA8U3R5bGVkRG93bmxvYWQgLz5cbiAgICAgIDxkaXYgYXJpYS1sYWJlbD17Zm9ybWF0LnRvb2x0aXB9PlxuICAgICAgICA8U3R5bGVkVGV4dCBlbGVtZW50PVwic3BhblwiIHRleHRTdHlsZT1cImxhYmVsLXNtYWxsXCIgbWFyZ2luPVwibm9uZVwiPlxuICAgICAgICAgIHtpc1ByaW1hcnkgPyB0aXRsZVdpdGhGb3JtYXQgOiBgKCR7Zm9ybWF0LmZpbGVUeXBlLnRvVXBwZXJDYXNlKCl9KWB9XG4gICAgICAgIDwvU3R5bGVkVGV4dD5cbiAgICAgIDwvZGl2PlxuICAgIDwvRmlsZUxpbms+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBGb3JtYXQ7XG4iXX0= */"));
+const StyledDownload = /*#__PURE__*/(0, _base.default)(_common.Download, {
+  target: "elufxu20",
+  label: "StyledDownload"
+})("margin-top:3px;flex-shrink:0;margin-right:", _core.spacing.small, ";height:18px;width:18px;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZvcm1hdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUN1QyIsImZpbGUiOiJGb3JtYXQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjMtcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjb2xvcnMsIHNwYWNpbmcgfSBmcm9tICdAbmRsYS9jb3JlJztcbmltcG9ydCB7IERvd25sb2FkIH0gZnJvbSAnQG5kbGEvaWNvbnMvY29tbW9uJztcbmltcG9ydCBTYWZlTGluayBmcm9tICdAbmRsYS9zYWZlbGluayc7XG5pbXBvcnQgeyBUZXh0IH0gZnJvbSAnQG5kbGEvdHlwb2dyYXBoeSc7XG5pbXBvcnQgeyBGaWxlRm9ybWF0IH0gZnJvbSAnLi9GaWxlJztcblxuY29uc3QgU3R5bGVkVGV4dCA9IHN0eWxlZChUZXh0KWBcbiAgYm94LXNoYWRvdzogaW5zZXQgMCAtMXB4O1xuXG4gICY6aG92ZXIsXG4gICY6Zm9jdXMsXG4gICY6YWN0aXZlIHtcbiAgICBib3gtc2hhZG93OiBub25lO1xuICB9XG5gO1xuXG5jb25zdCBGaWxlTGluayA9IHN0eWxlZChTYWZlTGluaylgXG4gIGJveC1zaGFkb3c6IG5vbmU7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgY29sb3I6ICR7Y29sb3JzLmJyYW5kLnByaW1hcnl9O1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuYDtcblxuY29uc3QgU3R5bGVkRG93bmxvYWQgPSBzdHlsZWQoRG93bmxvYWQpYFxuICBtYXJnaW4tdG9wOiAzcHg7XG4gIGZsZXgtc2hyaW5rOiAwO1xuICBtYXJnaW4tcmlnaHQ6ICR7c3BhY2luZy5zbWFsbH07XG4gIGhlaWdodDogMThweDtcbiAgd2lkdGg6IDE4cHg7XG5gO1xuXG5pbnRlcmZhY2UgRm9ybWF0UHJvcHMge1xuICBmb3JtYXQ6IEZpbGVGb3JtYXQ7XG4gIHRpdGxlOiBzdHJpbmc7XG4gIGlzUHJpbWFyeTogYm9vbGVhbjtcbiAgaXNEZWFkTGluazogYm9vbGVhbjtcbn1cblxuY29uc3QgRm9ybWF0ID0gKHsgZm9ybWF0LCB0aXRsZSwgaXNQcmltYXJ5LCBpc0RlYWRMaW5rIH06IEZvcm1hdFByb3BzKSA9PiB7XG4gIGNvbnN0IHRpdGxlV2l0aEZvcm1hdCA9IGAke3RpdGxlfSAoJHtmb3JtYXQuZmlsZVR5cGUudG9VcHBlckNhc2UoKX0pYDtcblxuICBpZiAoaXNEZWFkTGluaykge1xuICAgIHJldHVybiAoXG4gICAgICA8c3BhbiBrZXk9e2Zvcm1hdC51cmx9PlxuICAgICAgICA8U3R5bGVkRG93bmxvYWQgLz5cbiAgICAgICAgPFRleHQgZWxlbWVudD1cInNwYW5cIiB0ZXh0U3R5bGU9XCJsYWJlbC1zbWFsbFwiIG1hcmdpbj1cIm5vbmVcIj5cbiAgICAgICAgICB7aXNQcmltYXJ5ID8gdGl0bGVXaXRoRm9ybWF0IDogYCgke2Zvcm1hdC5maWxlVHlwZS50b1VwcGVyQ2FzZSgpfSlgfVxuICAgICAgICA8L1RleHQ+XG4gICAgICA8L3NwYW4+XG4gICAgKTtcbiAgfVxuXG4gIHJldHVybiAoXG4gICAgPEZpbGVMaW5rIGtleT17Zm9ybWF0LnVybH0gdG89e2Zvcm1hdC51cmx9IHRhcmdldD1cIl9ibGFua1wiIGFyaWEtbGFiZWw9e3RpdGxlV2l0aEZvcm1hdH0+XG4gICAgICA8U3R5bGVkRG93bmxvYWQgLz5cbiAgICAgIDxkaXYgYXJpYS1sYWJlbD17Zm9ybWF0LnRvb2x0aXB9PlxuICAgICAgICA8U3R5bGVkVGV4dCBlbGVtZW50PVwic3BhblwiIHRleHRTdHlsZT1cImxhYmVsLXNtYWxsXCIgbWFyZ2luPVwibm9uZVwiPlxuICAgICAgICAgIHtpc1ByaW1hcnkgPyB0aXRsZVdpdGhGb3JtYXQgOiBgKCR7Zm9ybWF0LmZpbGVUeXBlLnRvVXBwZXJDYXNlKCl9KWB9XG4gICAgICAgIDwvU3R5bGVkVGV4dD5cbiAgICAgIDwvZGl2PlxuICAgIDwvRmlsZUxpbms+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBGb3JtYXQ7XG4iXX0= */"));
+const Format = _ref => {
+  let {
+    format,
+    title,
+    isPrimary,
+    isDeadLink
+  } = _ref;
+  const titleWithFormat = `${title} (${format.fileType.toUpperCase()})`;
+  if (isDeadLink) {
+    return (0, _jsxRuntime.jsxs)("span", {
+      children: [(0, _jsxRuntime.jsx)(StyledDownload, {}), (0, _jsxRuntime.jsx)(_typography.Text, {
+        element: "span",
+        textStyle: "label-small",
+        margin: "none",
+        children: isPrimary ? titleWithFormat : `(${format.fileType.toUpperCase()})`
+      })]
+    }, format.url);
+  }
+  return (0, _jsxRuntime.jsxs)(FileLink, {
+    to: format.url,
+    target: "_blank",
+    "aria-label": titleWithFormat,
+    children: [(0, _jsxRuntime.jsx)(StyledDownload, {}), (0, _jsxRuntime.jsx)("div", {
+      "aria-label": format.tooltip,
+      children: (0, _jsxRuntime.jsx)(StyledText, {
+        element: "span",
+        textStyle: "label-small",
+        margin: "none",
+        children: isPrimary ? titleWithFormat : `(${format.fileType.toUpperCase()})`
+      })
+    })]
+  }, format.url);
+};
+var _default = exports.default = Format;

package/lib/FileList/index.d.ts

@@ -8,4 +8,5 @@
 import FileList from './FileList';
 export { default as File } from './File';
 export { default as PdfFile } from './PdfFile';
+export { default as Format } from './Format';
 export default FileList;

package/lib/FileList/index.js

@@ -9,6 +9,12 @@ Object.defineProperty(exports, "File", {
     return _File.default;
   }
 });
+Object.defineProperty(exports, "Format", {
+  enumerable: true,
+  get: function () {
+    return _Format.default;
+  }
+});
 Object.defineProperty(exports, "PdfFile", {
   enumerable: true,
   get: function () {
@@ -19,6 +25,7 @@ exports.default = void 0;
 var _FileList = _interopRequireDefault(require("./FileList"));
 var _File = _interopRequireDefault(require("./File"));
 var _PdfFile = _interopRequireDefault(require("./PdfFile"));
+var _Format = _interopRequireDefault(require("./Format"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 /**
  * Copyright (c) 2018-present, NDLA.