@ndla/ui 48.0.0 → 49.0.0

package/lib/FactBox/FactBox.d.ts

@@ -7,10 +7,7 @@
  */
 import { ReactNode } from 'react';
 interface Props {
-    dangerouslySetInnerHTML?: {
-        __html: string;
-    };
     children?: ReactNode;
 }
-declare const FactBox: ({ children, dangerouslySetInnerHTML }: Props) => import("@emotion/react/jsx-runtime").JSX.Element;
+declare const FactBox: ({ children }: Props) => import("@emotion/react/jsx-runtime").JSX.Element;
 export default FactBox;

package/lib/FactBox/FactBox.js

@@ -1,52 +1,97 @@
 "use strict";
 
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var _base = _interopRequireDefault(require("@emotion/styled/base"));
+var _react = require("react");
 var _reactBemHelper = _interopRequireDefault(require("react-bem-helper"));
-var _button = require("@ndla/button");
 var _reactI18next = require("react-i18next");
+var _button = require("@ndla/button");
+var _common = require("@ndla/icons/common");
 var _jsxRuntime = require("@emotion/react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); } /**
-                                                                                                                                                                                                                                                                                                                                                                                               * Copyright (c) 2016-present, NDLA.
-                                                                                                                                                                                                                                                                                                                                                                                               *
-                                                                                                                                                                                                                                                                                                                                                                                               * This source code is licensed under the GPLv3 license found in the
-                                                                                                                                                                                                                                                                                                                                                                                               * LICENSE file in the root directory of this source tree.
-                                                                                                                                                                                                                                                                                                                                                                                               *
-                                                                                                                                                                                                                                                                                                                                                                                               */
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+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) 2016-present, NDLA.
+                                                                                                                                                                                                                                                                                           *
+                                                                                                                                                                                                                                                                                           * This source code is licensed under the GPLv3 license found in the
+                                                                                                                                                                                                                                                                                           * LICENSE file in the root directory of this source tree.
+                                                                                                                                                                                                                                                                                           *
+                                                                                                                                                                                                                                                                                           */
 var classes = new _reactBemHelper.default({
   name: 'factbox',
   prefix: 'c-'
 });
-var toggleFactBox = function toggleFactBox(event) {
-  var _button$previousSibli, _aside$classList;
-  var button = event.currentTarget;
-  var aside = button === null || button === void 0 ? void 0 : (_button$previousSibli = button.previousSibling) === null || _button$previousSibli === void 0 ? void 0 : _button$previousSibli.parentElement;
-  aside === null || aside === void 0 ? void 0 : (_aside$classList = aside.classList) === null || _aside$classList === void 0 ? void 0 : _aside$classList.toggle('expanded');
-};
+var StyledAside = /*#__PURE__*/(0, _base.default)("aside", {
+  target: "el037bs2",
+  label: "StyledAside"
+})(process.env.NODE_ENV === "production" ? {
+  name: "zigog8",
+  styles: "display:flex;flex-direction:column;align-items:center"
+} : {
+  name: "zigog8",
+  styles: "display:flex;flex-direction:column;align-items:center",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZhY3RCb3gudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXdCZ0MiLCJmaWxlIjoiRmFjdEJveC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAxNi1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCB7IFJlYWN0Tm9kZSwgdXNlU3RhdGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgQkVNSGVscGVyIGZyb20gJ3JlYWN0LWJlbS1oZWxwZXInO1xuaW1wb3J0IHsgdXNlVHJhbnNsYXRpb24gfSBmcm9tICdyZWFjdC1pMThuZXh0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IEljb25CdXR0b25WMiB9IGZyb20gJ0BuZGxhL2J1dHRvbic7XG5pbXBvcnQgeyBDaGV2cm9uRG93biwgQ2hldnJvblVwIH0gZnJvbSAnQG5kbGEvaWNvbnMvY29tbW9uJztcblxuY29uc3QgY2xhc3NlcyA9IG5ldyBCRU1IZWxwZXIoe1xuICBuYW1lOiAnZmFjdGJveCcsXG4gIHByZWZpeDogJ2MtJyxcbn0pO1xuXG5pbnRlcmZhY2UgUHJvcHMge1xuICBjaGlsZHJlbj86IFJlYWN0Tm9kZTtcbn1cblxuY29uc3QgU3R5bGVkQXNpZGUgPSBzdHlsZWQuYXNpZGVgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5gO1xuXG5jb25zdCBTdHlsZWREaXYgPSBzdHlsZWQuZGl2YFxuICB3aWR0aDogMTAwJTtcbmA7XG5cbmNvbnN0IFN0eWxlZEljb25CdXR0b24gPSBzdHlsZWQoSWNvbkJ1dHRvblYyKWBcbiAgbWFyZ2luLXRvcDogLTIwcHg7XG4gIHotaW5kZXg6IDE7XG5gO1xuXG5jb25zdCBGYWN0Qm94ID0gKHsgY2hpbGRyZW4gfTogUHJvcHMpID0+IHtcbiAgY29uc3QgeyB0IH0gPSB1c2VUcmFuc2xhdGlvbigpO1xuICBjb25zdCBbaXNPcGVuLCBzZXRJc09wZW5dID0gdXNlU3RhdGUoZmFsc2UpO1xuXG4gIGNvbnN0IGFkZGl0aW9uYWwgPSBpc09wZW4gPyAnZXhwYW5kZWQnIDogJyc7XG5cbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkQXNpZGUgey4uLmNsYXNzZXModW5kZWZpbmVkLCB1bmRlZmluZWQsIGFkZGl0aW9uYWwpfT5cbiAgICAgIDxTdHlsZWREaXYgey4uLmNsYXNzZXMoJ2NvbnRlbnQnKX0+e2NoaWxkcmVufTwvU3R5bGVkRGl2PlxuICAgICAgPFN0eWxlZEljb25CdXR0b24gb25DbGljaz17KCkgPT4gc2V0SXNPcGVuKChwKSA9PiAhcCl9IGFyaWEtbGFiZWw9e3QoYGZhY3Rib3guJHtpc09wZW4gPyAnY2xvc2UnIDogJ29wZW4nfWApfT5cbiAgICAgICAge2lzT3BlbiA/IDxDaGV2cm9uVXAgLz4gOiA8Q2hldnJvbkRvd24gLz59XG4gICAgICA8L1N0eWxlZEljb25CdXR0b24+XG4gICAgPC9TdHlsZWRBc2lkZT5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IEZhY3RCb3g7XG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+var StyledDiv = /*#__PURE__*/(0, _base.default)("div", {
+  target: "el037bs1",
+  label: "StyledDiv"
+})(process.env.NODE_ENV === "production" ? {
+  name: "1d3w5wq",
+  styles: "width:100%"
+} : {
+  name: "1d3w5wq",
+  styles: "width:100%",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZhY3RCb3gudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQThCNEIiLCJmaWxlIjoiRmFjdEJveC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAxNi1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCB7IFJlYWN0Tm9kZSwgdXNlU3RhdGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgQkVNSGVscGVyIGZyb20gJ3JlYWN0LWJlbS1oZWxwZXInO1xuaW1wb3J0IHsgdXNlVHJhbnNsYXRpb24gfSBmcm9tICdyZWFjdC1pMThuZXh0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IEljb25CdXR0b25WMiB9IGZyb20gJ0BuZGxhL2J1dHRvbic7XG5pbXBvcnQgeyBDaGV2cm9uRG93biwgQ2hldnJvblVwIH0gZnJvbSAnQG5kbGEvaWNvbnMvY29tbW9uJztcblxuY29uc3QgY2xhc3NlcyA9IG5ldyBCRU1IZWxwZXIoe1xuICBuYW1lOiAnZmFjdGJveCcsXG4gIHByZWZpeDogJ2MtJyxcbn0pO1xuXG5pbnRlcmZhY2UgUHJvcHMge1xuICBjaGlsZHJlbj86IFJlYWN0Tm9kZTtcbn1cblxuY29uc3QgU3R5bGVkQXNpZGUgPSBzdHlsZWQuYXNpZGVgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5gO1xuXG5jb25zdCBTdHlsZWREaXYgPSBzdHlsZWQuZGl2YFxuICB3aWR0aDogMTAwJTtcbmA7XG5cbmNvbnN0IFN0eWxlZEljb25CdXR0b24gPSBzdHlsZWQoSWNvbkJ1dHRvblYyKWBcbiAgbWFyZ2luLXRvcDogLTIwcHg7XG4gIHotaW5kZXg6IDE7XG5gO1xuXG5jb25zdCBGYWN0Qm94ID0gKHsgY2hpbGRyZW4gfTogUHJvcHMpID0+IHtcbiAgY29uc3QgeyB0IH0gPSB1c2VUcmFuc2xhdGlvbigpO1xuICBjb25zdCBbaXNPcGVuLCBzZXRJc09wZW5dID0gdXNlU3RhdGUoZmFsc2UpO1xuXG4gIGNvbnN0IGFkZGl0aW9uYWwgPSBpc09wZW4gPyAnZXhwYW5kZWQnIDogJyc7XG5cbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkQXNpZGUgey4uLmNsYXNzZXModW5kZWZpbmVkLCB1bmRlZmluZWQsIGFkZGl0aW9uYWwpfT5cbiAgICAgIDxTdHlsZWREaXYgey4uLmNsYXNzZXMoJ2NvbnRlbnQnKX0+e2NoaWxkcmVufTwvU3R5bGVkRGl2PlxuICAgICAgPFN0eWxlZEljb25CdXR0b24gb25DbGljaz17KCkgPT4gc2V0SXNPcGVuKChwKSA9PiAhcCl9IGFyaWEtbGFiZWw9e3QoYGZhY3Rib3guJHtpc09wZW4gPyAnY2xvc2UnIDogJ29wZW4nfWApfT5cbiAgICAgICAge2lzT3BlbiA/IDxDaGV2cm9uVXAgLz4gOiA8Q2hldnJvbkRvd24gLz59XG4gICAgICA8L1N0eWxlZEljb25CdXR0b24+XG4gICAgPC9TdHlsZWRBc2lkZT5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IEZhY3RCb3g7XG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+var StyledIconButton = /*#__PURE__*/(0, _base.default)(_button.IconButtonV2, {
+  target: "el037bs0",
+  label: "StyledIconButton"
+})(process.env.NODE_ENV === "production" ? {
+  name: "2grj3y",
+  styles: "margin-top:-20px;z-index:1"
+} : {
+  name: "2grj3y",
+  styles: "margin-top:-20px;z-index:1",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZhY3RCb3gudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWtDNkMiLCJmaWxlIjoiRmFjdEJveC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAxNi1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCB7IFJlYWN0Tm9kZSwgdXNlU3RhdGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgQkVNSGVscGVyIGZyb20gJ3JlYWN0LWJlbS1oZWxwZXInO1xuaW1wb3J0IHsgdXNlVHJhbnNsYXRpb24gfSBmcm9tICdyZWFjdC1pMThuZXh0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IEljb25CdXR0b25WMiB9IGZyb20gJ0BuZGxhL2J1dHRvbic7XG5pbXBvcnQgeyBDaGV2cm9uRG93biwgQ2hldnJvblVwIH0gZnJvbSAnQG5kbGEvaWNvbnMvY29tbW9uJztcblxuY29uc3QgY2xhc3NlcyA9IG5ldyBCRU1IZWxwZXIoe1xuICBuYW1lOiAnZmFjdGJveCcsXG4gIHByZWZpeDogJ2MtJyxcbn0pO1xuXG5pbnRlcmZhY2UgUHJvcHMge1xuICBjaGlsZHJlbj86IFJlYWN0Tm9kZTtcbn1cblxuY29uc3QgU3R5bGVkQXNpZGUgPSBzdHlsZWQuYXNpZGVgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5gO1xuXG5jb25zdCBTdHlsZWREaXYgPSBzdHlsZWQuZGl2YFxuICB3aWR0aDogMTAwJTtcbmA7XG5cbmNvbnN0IFN0eWxlZEljb25CdXR0b24gPSBzdHlsZWQoSWNvbkJ1dHRvblYyKWBcbiAgbWFyZ2luLXRvcDogLTIwcHg7XG4gIHotaW5kZXg6IDE7XG5gO1xuXG5jb25zdCBGYWN0Qm94ID0gKHsgY2hpbGRyZW4gfTogUHJvcHMpID0+IHtcbiAgY29uc3QgeyB0IH0gPSB1c2VUcmFuc2xhdGlvbigpO1xuICBjb25zdCBbaXNPcGVuLCBzZXRJc09wZW5dID0gdXNlU3RhdGUoZmFsc2UpO1xuXG4gIGNvbnN0IGFkZGl0aW9uYWwgPSBpc09wZW4gPyAnZXhwYW5kZWQnIDogJyc7XG5cbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkQXNpZGUgey4uLmNsYXNzZXModW5kZWZpbmVkLCB1bmRlZmluZWQsIGFkZGl0aW9uYWwpfT5cbiAgICAgIDxTdHlsZWREaXYgey4uLmNsYXNzZXMoJ2NvbnRlbnQnKX0+e2NoaWxkcmVufTwvU3R5bGVkRGl2PlxuICAgICAgPFN0eWxlZEljb25CdXR0b24gb25DbGljaz17KCkgPT4gc2V0SXNPcGVuKChwKSA9PiAhcCl9IGFyaWEtbGFiZWw9e3QoYGZhY3Rib3guJHtpc09wZW4gPyAnY2xvc2UnIDogJ29wZW4nfWApfT5cbiAgICAgICAge2lzT3BlbiA/IDxDaGV2cm9uVXAgLz4gOiA8Q2hldnJvbkRvd24gLz59XG4gICAgICA8L1N0eWxlZEljb25CdXR0b24+XG4gICAgPC9TdHlsZWRBc2lkZT5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IEZhY3RCb3g7XG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
 var FactBox = function FactBox(_ref) {
-  var children = _ref.children,
-    dangerouslySetInnerHTML = _ref.dangerouslySetInnerHTML;
+  var children = _ref.children;
   var _useTranslation = (0, _reactI18next.useTranslation)(),
     t = _useTranslation.t;
-  return (0, _jsxRuntime.jsxs)("aside", _objectSpread(_objectSpread({}, classes()), {}, {
-    children: [(0, _jsxRuntime.jsx)("div", _objectSpread(_objectSpread({}, classes('content')), {}, {
-      dangerouslySetInnerHTML: dangerouslySetInnerHTML,
+  var _useState = (0, _react.useState)(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    isOpen = _useState2[0],
+    setIsOpen = _useState2[1];
+  var additional = isOpen ? 'expanded' : '';
+  return (0, _jsxRuntime.jsxs)(StyledAside, _objectSpread(_objectSpread({}, classes(undefined, undefined, additional)), {}, {
+    children: [(0, _jsxRuntime.jsx)(StyledDiv, _objectSpread(_objectSpread({}, classes('content')), {}, {
       children: children
-    })), (0, _jsxRuntime.jsx)(_button.ButtonV2, _objectSpread(_objectSpread({}, classes('button', 'collapsed')), {}, {
-      onClick: toggleFactBox,
-      title: t('factbox.open')
-    })), (0, _jsxRuntime.jsx)(_button.ButtonV2, _objectSpread(_objectSpread({}, classes('button', 'open')), {}, {
-      onClick: toggleFactBox,
-      title: t('factbox.close')
-    }))]
+    })), (0, _jsxRuntime.jsx)(StyledIconButton, {
+      onClick: function onClick() {
+        return setIsOpen(function (p) {
+          return !p;
+        });
+      },
+      "aria-label": t("factbox.".concat(isOpen ? 'close' : 'open')),
+      children: isOpen ? (0, _jsxRuntime.jsx)(_common.ChevronUp, {}) : (0, _jsxRuntime.jsx)(_common.ChevronDown, {})
+    })]
   }));
 };
 var _default = FactBox;

package/lib/FactBox/index.d.ts

@@ -1,3 +1,2 @@
 import FactBox from './FactBox';
-export { default as FactBoxV2 } from './FactBoxV2';
 export default FactBox;

package/lib/FactBox/index.js

@@ -3,15 +3,8 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "FactBoxV2", {
-  enumerable: true,
-  get: function get() {
-    return _FactBoxV.default;
-  }
-});
 exports.default = void 0;
 var _FactBox = _interopRequireDefault(require("./FactBox"));
-var _FactBoxV = _interopRequireDefault(require("./FactBoxV2"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 var _default = _FactBox.default;
 exports.default = _default;

package/lib/Figure/index.d.ts

@@ -6,7 +6,5 @@
  *
  */
 export { default as Figure } from './Figure';
-export { FigureExpandButton } from './FigureExpandButton';
-export { FigureBylineExpandButton } from './FigureBylineExpandButton';
 export { FigureOpenDialogButton } from './FigureOpenDialogButton';
 export type { FigureType } from './Figure';

package/lib/Figure/index.js

@@ -9,18 +9,6 @@ Object.defineProperty(exports, "Figure", {
     return _Figure.default;
   }
 });
-Object.defineProperty(exports, "FigureBylineExpandButton", {
-  enumerable: true,
-  get: function get() {
-    return _FigureBylineExpandButton.FigureBylineExpandButton;
-  }
-});
-Object.defineProperty(exports, "FigureExpandButton", {
-  enumerable: true,
-  get: function get() {
-    return _FigureExpandButton.FigureExpandButton;
-  }
-});
 Object.defineProperty(exports, "FigureOpenDialogButton", {
   enumerable: true,
   get: function get() {
@@ -28,7 +16,5 @@ Object.defineProperty(exports, "FigureOpenDialogButton", {
   }
 });
 var _Figure = _interopRequireDefault(require("./Figure"));
-var _FigureExpandButton = require("./FigureExpandButton");
-var _FigureBylineExpandButton = require("./FigureBylineExpandButton");
 var _FigureOpenDialogButton = require("./FigureOpenDialogButton");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/lib/FileList/File.d.ts

@@ -1,6 +1,25 @@
-import { FileType } from './FileList';
+/**
+ * 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.
+ *
+ */
 interface Props {
-    file: FileType;
+    title: string;
+    url: string;
+    fileExists: boolean;
+    fileType: string;
 }
-declare const File: ({ file }: Props) => import("@emotion/react/jsx-runtime").JSX.Element;
+export interface FileType {
+    title: string;
+    formats: FileFormat[];
+    fileExists?: boolean;
+}
+export interface FileFormat {
+    url: string;
+    fileType: string;
+    tooltip: string;
+}
+declare const File: ({ title, url, fileExists, fileType }: Props) => import("@emotion/react/jsx-runtime").JSX.Element;
 export default File;

package/lib/FileList/File.js

@@ -5,13 +5,19 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _base = _interopRequireDefault(require("@emotion/styled/base"));
+var _reactI18next = require("react-i18next");
+var _safelink = _interopRequireDefault(require("@ndla/safelink"));
 var _core = require("@ndla/core");
 var _common = require("@ndla/icons/common");
-var _safelink = _interopRequireDefault(require("@ndla/safelink"));
-var _tooltip = _interopRequireDefault(require("@ndla/tooltip"));
 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)."; }
+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.
+                                                                                                                                                                                                                                                                                           *
+                                                                                                                                                                                                                                                                                           */
 var LinkTextWrapper = /*#__PURE__*/(0, _base.default)("div", {
   target: "ei1p2nz2",
   label: "LinkTextWrapper"
@@ -21,14 +27,24 @@ var LinkTextWrapper = /*#__PURE__*/(0, _base.default)("div", {
 } : {
   name: "bb2k8i",
   styles: "&>span{box-shadow:inset 0 -1px;}",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZpbGUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQU9rQyIsImZpbGUiOiJGaWxlLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGJyZWFrcG9pbnRzLCBjb2xvcnMsIGZvbnRzLCBtcSwgc3BhY2luZyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuaW1wb3J0IHsgRG93bmxvYWQgfSBmcm9tICdAbmRsYS9pY29ucy9jb21tb24nO1xuaW1wb3J0IFNhZmVMaW5rIGZyb20gJ0BuZGxhL3NhZmVsaW5rJztcbmltcG9ydCBUb29sdGlwIGZyb20gJ0BuZGxhL3Rvb2x0aXAnO1xuaW1wb3J0IHsgRmlsZUZvcm1hdCwgRmlsZVR5cGUgfSBmcm9tICcuL0ZpbGVMaXN0JztcblxuY29uc3QgTGlua1RleHRXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgJiA+IHNwYW4ge1xuICAgIGJveC1zaGFkb3c6IGluc2V0IDAgLTFweDtcbiAgfVxuYDtcbmNvbnN0IEZpbGVMaW5rID0gc3R5bGVkKFNhZmVMaW5rKWBcbiAgYm94LXNoYWRvdzogbm9uZTtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBjb2xvcjogJHtjb2xvcnMuYnJhbmQucHJpbWFyeX07XG4gIG1hcmdpbi1yaWdodDogJHtzcGFjaW5nLm5vcm1hbH07XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cbiAgJjpsYXN0LWNoaWxkIHtcbiAgICBtYXJnaW4tcmlnaHQ6IDA7XG4gIH1cblxuICAmOmhvdmVyLFxuICAmOmZvY3VzLFxuICAmOmFjdGl2ZSB7XG4gICAgJHtMaW5rVGV4dFdyYXBwZXJ9IHtcbiAgICAgIGJveC1zaGFkb3c6IG5vbmU7XG4gICAgfVxuICB9XG5gO1xuXG5jb25zdCByZW5kZXJGb3JtYXQgPSAoZm9ybWF0OiBGaWxlRm9ybWF0LCB0aXRsZTogc3RyaW5nLCBpc1ByaW1hcnk6IGJvb2xlYW4sIGlzRGVhZExpbms6IGJvb2xlYW4pID0+IHtcbiAgY29uc3QgdGl0bGVXaXRoRm9ybWF0ID0gYCR7dGl0bGV9ICgke2Zvcm1hdC5maWxlVHlwZS50b1VwcGVyQ2FzZSgpfSlgO1xuXG4gIGlmIChpc0RlYWRMaW5rKSB7XG4gICAgcmV0dXJuIChcbiAgICAgIDxzcGFuIGtleT17Zm9ybWF0LnVybH0+XG4gICAgICAgIDxEb3dubG9hZCAvPlxuICAgICAgICA8c3Bhbj57aXNQcmltYXJ5ID8gdGl0bGVXaXRoRm9ybWF0IDogYCgke2Zvcm1hdC5maWxlVHlwZS50b1VwcGVyQ2FzZSgpfSlgfTwvc3Bhbj5cbiAgICAgIDwvc3Bhbj5cbiAgICApO1xuICB9XG5cbiAgcmV0dXJuIChcbiAgICA8RmlsZUxpbmsga2V5PXtmb3JtYXQudXJsfSB0bz17Zm9ybWF0LnVybH0gdGFyZ2V0PVwiX2JsYW5rXCIgYXJpYS1sYWJlbD17dGl0bGVXaXRoRm9ybWF0fT5cbiAgICAgIDxEb3dubG9hZCAvPlxuICAgICAgPFRvb2x0aXAgdG9vbHRpcD17Zm9ybWF0LnRvb2x0aXB9PlxuICAgICAgICA8TGlua1RleHRXcmFwcGVyPlxuICAgICAgICAgIDxzcGFuPntpc1ByaW1hcnkgPyB0aXRsZVdpdGhGb3JtYXQgOiBgKCR7Zm9ybWF0LmZpbGVUeXBlLnRvVXBwZXJDYXNlKCl9KWB9PC9zcGFuPlxuICAgICAgICA8L0xpbmtUZXh0V3JhcHBlcj5cbiAgICAgIDwvVG9vbHRpcD5cbiAgICA8L0ZpbGVMaW5rPlxuICApO1xufTtcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgZmlsZTogRmlsZVR5cGU7XG59XG5cbmNvbnN0IEZpbGVMaXN0SXRlbSA9IHN0eWxlZC5saWBcbiAgJHtmb250cy5zaXplcygnMThweCcsICcyNnB4Jyl9O1xuICBmb250LXdlaWdodDogJHtmb250cy53ZWlnaHQuc2VtaWJvbGR9O1xuICBtaW4taGVpZ2h0OiA2MHB4O1xuICBiYWNrZ3JvdW5kOiAke2NvbG9ycy5icmFuZC5ncmV5TGlnaHRlcn07XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGZsZXgtd3JhcDogd3JhcDtcbiAgbWFyZ2luLWJvdHRvbTogJHtzcGFjaW5nLnhzbWFsbH07XG4gIHBhZGRpbmc6ICR7c3BhY2luZy5zbWFsbH07XG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy50YWJsZXQgfSl9IHtcbiAgICBwYWRkaW5nOiAke3NwYWNpbmcuc21hbGx9ICR7c3BhY2luZy5ub3JtYWx9O1xuICB9XG5gO1xuXG5jb25zdCBGaWxlID0gKHsgZmlsZSB9OiBQcm9wcykgPT4ge1xuICBjb25zdCBmb3JtYXRMaW5rcyA9IGZpbGUuZm9ybWF0cy5tYXAoKGZvcm1hdCwgaW5kZXgpID0+XG4gICAgcmVuZGVyRm9ybWF0KGZvcm1hdCwgZmlsZS50aXRsZSwgaW5kZXggPT09IDAsICFmaWxlLmZpbGVFeGlzdHMpLFxuICApO1xuXG4gIHJldHVybiA8RmlsZUxpc3RJdGVtIGtleT17ZmlsZS50aXRsZX0+e2Zvcm1hdExpbmtzfTwvRmlsZUxpc3RJdGVtPjtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IEZpbGU7XG4iXX0= */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZpbGUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlDa0MiLCJmaWxlIjoiRmlsZS50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMy1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IHVzZVRyYW5zbGF0aW9uIH0gZnJvbSAncmVhY3QtaTE4bmV4dCc7XG5pbXBvcnQgU2FmZUxpbmsgZnJvbSAnQG5kbGEvc2FmZWxpbmsnO1xuaW1wb3J0IHsgYnJlYWtwb2ludHMsIGNvbG9ycywgZm9udHMsIG1xLCBzcGFjaW5nIH0gZnJvbSAnQG5kbGEvY29yZSc7XG5pbXBvcnQgeyBEb3dubG9hZCB9IGZyb20gJ0BuZGxhL2ljb25zL2NvbW1vbic7XG5cbmludGVyZmFjZSBQcm9wcyB7XG4gIHRpdGxlOiBzdHJpbmc7XG4gIHVybDogc3RyaW5nO1xuICBmaWxlRXhpc3RzOiBib29sZWFuO1xuICBmaWxlVHlwZTogc3RyaW5nO1xufVxuXG5leHBvcnQgaW50ZXJmYWNlIEZpbGVUeXBlIHtcbiAgdGl0bGU6IHN0cmluZztcbiAgZm9ybWF0czogRmlsZUZvcm1hdFtdO1xuICBmaWxlRXhpc3RzPzogYm9vbGVhbjtcbn1cblxuZXhwb3J0IGludGVyZmFjZSBGaWxlRm9ybWF0IHtcbiAgdXJsOiBzdHJpbmc7XG4gIGZpbGVUeXBlOiBzdHJpbmc7XG4gIHRvb2x0aXA6IHN0cmluZztcbn1cblxuY29uc3QgTGlua1RleHRXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgJiA+IHNwYW4ge1xuICAgIGJveC1zaGFkb3c6IGluc2V0IDAgLTFweDtcbiAgfVxuYDtcbmNvbnN0IEZpbGVMaW5rID0gc3R5bGVkKFNhZmVMaW5rKWBcbiAgYm94LXNoYWRvdzogbm9uZTtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBjb2xvcjogJHtjb2xvcnMuYnJhbmQucHJpbWFyeX07XG4gIG1hcmdpbi1yaWdodDogJHtzcGFjaW5nLm5vcm1hbH07XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cbiAgJjpsYXN0LWNoaWxkIHtcbiAgICBtYXJnaW4tcmlnaHQ6IDA7XG4gIH1cblxuICAmOmhvdmVyLFxuICAmOmZvY3VzLFxuICAmOmFjdGl2ZSB7XG4gICAgJHtMaW5rVGV4dFdyYXBwZXJ9IHtcbiAgICAgIGJveC1zaGFkb3c6IG5vbmU7XG4gICAgfVxuICB9XG5gO1xuXG5jb25zdCBGaWxlTGlzdEl0ZW0gPSBzdHlsZWQubGlgXG4gICR7Zm9udHMuc2l6ZXMoJzE4cHgnLCAnMjZweCcpfTtcbiAgZm9udC13ZWlnaHQ6ICR7Zm9udHMud2VpZ2h0LnNlbWlib2xkfTtcbiAgbWluLWhlaWdodDogNjBweDtcbiAgYmFja2dyb3VuZDogJHtjb2xvcnMuYnJhbmQuZ3JleUxpZ2h0ZXJ9O1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBmbGV4LXdyYXA6IHdyYXA7XG4gIG1hcmdpbi1ib3R0b206ICR7c3BhY2luZy54c21hbGx9O1xuICBwYWRkaW5nOiAke3NwYWNpbmcuc21hbGx9O1xuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0IH0pfSB7XG4gICAgcGFkZGluZzogJHtzcGFjaW5nLnNtYWxsfSAke3NwYWNpbmcubm9ybWFsfTtcbiAgfVxuYDtcblxuaW50ZXJmYWNlIEZvcm1hdFByb3BzIHtcbiAgZm9ybWF0OiBGaWxlRm9ybWF0O1xuICB0aXRsZTogc3RyaW5nO1xuICBpc1ByaW1hcnk6IGJvb2xlYW47XG4gIGlzRGVhZExpbms6IGJvb2xlYW47XG59XG5cbmNvbnN0IEZvcm1hdCA9ICh7IGZvcm1hdCwgdGl0bGUsIGlzUHJpbWFyeSwgaXNEZWFkTGluayB9OiBGb3JtYXRQcm9wcykgPT4ge1xuICBjb25zdCB0aXRsZVdpdGhGb3JtYXQgPSBgJHt0aXRsZX0gKCR7Zm9ybWF0LmZpbGVUeXBlLnRvVXBwZXJDYXNlKCl9KWA7XG5cbiAgaWYgKGlzRGVhZExpbmspIHtcbiAgICByZXR1cm4gKFxuICAgICAgPHNwYW4ga2V5PXtmb3JtYXQudXJsfT5cbiAgICAgICAgPERvd25sb2FkIC8+XG4gICAgICAgIDxzcGFuPntpc1ByaW1hcnkgPyB0aXRsZVdpdGhGb3JtYXQgOiBgKCR7Zm9ybWF0LmZpbGVUeXBlLnRvVXBwZXJDYXNlKCl9KWB9PC9zcGFuPlxuICAgICAgPC9zcGFuPlxuICAgICk7XG4gIH1cblxuICByZXR1cm4gKFxuICAgIDxGaWxlTGluayBrZXk9e2Zvcm1hdC51cmx9IHRvPXtmb3JtYXQudXJsfSB0YXJnZXQ9XCJfYmxhbmtcIiBhcmlhLWxhYmVsPXt0aXRsZVdpdGhGb3JtYXR9PlxuICAgICAgPERvd25sb2FkIC8+XG4gICAgICA8TGlua1RleHRXcmFwcGVyIGFyaWEtbGFiZWw9e2Zvcm1hdC50b29sdGlwfT5cbiAgICAgICAgPHNwYW4+e2lzUHJpbWFyeSA/IHRpdGxlV2l0aEZvcm1hdCA6IGAoJHtmb3JtYXQuZmlsZVR5cGUudG9VcHBlckNhc2UoKX0pYH08L3NwYW4+XG4gICAgICA8L0xpbmtUZXh0V3JhcHBlcj5cbiAgICA8L0ZpbGVMaW5rPlxuICApO1xufTtcblxuY29uc3QgRmlsZSA9ICh7IHRpdGxlLCB1cmwsIGZpbGVFeGlzdHMsIGZpbGVUeXBlIH06IFByb3BzKSA9PiB7XG4gIGNvbnN0IHsgdCB9ID0gdXNlVHJhbnNsYXRpb24oKTtcbiAgY29uc3QgdG9vbHRpcCA9IGAke3QoJ2Rvd25sb2FkJyl9ICR7dXJsLnNwbGl0KCcvJykucG9wKCl9YDtcblxuICByZXR1cm4gKFxuICAgIDxGaWxlTGlzdEl0ZW0+XG4gICAgICA8Rm9ybWF0IGZvcm1hdD17eyB1cmwsIGZpbGVUeXBlLCB0b29sdGlwIH19IGlzUHJpbWFyeSB0aXRsZT17dGl0bGV9IGlzRGVhZExpbms9eyFmaWxlRXhpc3RzfSAvPlxuICAgIDwvRmlsZUxpc3RJdGVtPlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgRmlsZTtcbiJdfQ== */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
 var 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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZpbGUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVlpQyIsImZpbGUiOiJGaWxlLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGJyZWFrcG9pbnRzLCBjb2xvcnMsIGZvbnRzLCBtcSwgc3BhY2luZyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuaW1wb3J0IHsgRG93bmxvYWQgfSBmcm9tICdAbmRsYS9pY29ucy9jb21tb24nO1xuaW1wb3J0IFNhZmVMaW5rIGZyb20gJ0BuZGxhL3NhZmVsaW5rJztcbmltcG9ydCBUb29sdGlwIGZyb20gJ0BuZGxhL3Rvb2x0aXAnO1xuaW1wb3J0IHsgRmlsZUZvcm1hdCwgRmlsZVR5cGUgfSBmcm9tICcuL0ZpbGVMaXN0JztcblxuY29uc3QgTGlua1RleHRXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgJiA+IHNwYW4ge1xuICAgIGJveC1zaGFkb3c6IGluc2V0IDAgLTFweDtcbiAgfVxuYDtcbmNvbnN0IEZpbGVMaW5rID0gc3R5bGVkKFNhZmVMaW5rKWBcbiAgYm94LXNoYWRvdzogbm9uZTtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBjb2xvcjogJHtjb2xvcnMuYnJhbmQucHJpbWFyeX07XG4gIG1hcmdpbi1yaWdodDogJHtzcGFjaW5nLm5vcm1hbH07XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cbiAgJjpsYXN0LWNoaWxkIHtcbiAgICBtYXJnaW4tcmlnaHQ6IDA7XG4gIH1cblxuICAmOmhvdmVyLFxuICAmOmZvY3VzLFxuICAmOmFjdGl2ZSB7XG4gICAgJHtMaW5rVGV4dFdyYXBwZXJ9IHtcbiAgICAgIGJveC1zaGFkb3c6IG5vbmU7XG4gICAgfVxuICB9XG5gO1xuXG5jb25zdCByZW5kZXJGb3JtYXQgPSAoZm9ybWF0OiBGaWxlRm9ybWF0LCB0aXRsZTogc3RyaW5nLCBpc1ByaW1hcnk6IGJvb2xlYW4sIGlzRGVhZExpbms6IGJvb2xlYW4pID0+IHtcbiAgY29uc3QgdGl0bGVXaXRoRm9ybWF0ID0gYCR7dGl0bGV9ICgke2Zvcm1hdC5maWxlVHlwZS50b1VwcGVyQ2FzZSgpfSlgO1xuXG4gIGlmIChpc0RlYWRMaW5rKSB7XG4gICAgcmV0dXJuIChcbiAgICAgIDxzcGFuIGtleT17Zm9ybWF0LnVybH0+XG4gICAgICAgIDxEb3dubG9hZCAvPlxuICAgICAgICA8c3Bhbj57aXNQcmltYXJ5ID8gdGl0bGVXaXRoRm9ybWF0IDogYCgke2Zvcm1hdC5maWxlVHlwZS50b1VwcGVyQ2FzZSgpfSlgfTwvc3Bhbj5cbiAgICAgIDwvc3Bhbj5cbiAgICApO1xuICB9XG5cbiAgcmV0dXJuIChcbiAgICA8RmlsZUxpbmsga2V5PXtmb3JtYXQudXJsfSB0bz17Zm9ybWF0LnVybH0gdGFyZ2V0PVwiX2JsYW5rXCIgYXJpYS1sYWJlbD17dGl0bGVXaXRoRm9ybWF0fT5cbiAgICAgIDxEb3dubG9hZCAvPlxuICAgICAgPFRvb2x0aXAgdG9vbHRpcD17Zm9ybWF0LnRvb2x0aXB9PlxuICAgICAgICA8TGlua1RleHRXcmFwcGVyPlxuICAgICAgICAgIDxzcGFuPntpc1ByaW1hcnkgPyB0aXRsZVdpdGhGb3JtYXQgOiBgKCR7Zm9ybWF0LmZpbGVUeXBlLnRvVXBwZXJDYXNlKCl9KWB9PC9zcGFuPlxuICAgICAgICA8L0xpbmtUZXh0V3JhcHBlcj5cbiAgICAgIDwvVG9vbHRpcD5cbiAgICA8L0ZpbGVMaW5rPlxuICApO1xufTtcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgZmlsZTogRmlsZVR5cGU7XG59XG5cbmNvbnN0IEZpbGVMaXN0SXRlbSA9IHN0eWxlZC5saWBcbiAgJHtmb250cy5zaXplcygnMThweCcsICcyNnB4Jyl9O1xuICBmb250LXdlaWdodDogJHtmb250cy53ZWlnaHQuc2VtaWJvbGR9O1xuICBtaW4taGVpZ2h0OiA2MHB4O1xuICBiYWNrZ3JvdW5kOiAke2NvbG9ycy5icmFuZC5ncmV5TGlnaHRlcn07XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGZsZXgtd3JhcDogd3JhcDtcbiAgbWFyZ2luLWJvdHRvbTogJHtzcGFjaW5nLnhzbWFsbH07XG4gIHBhZGRpbmc6ICR7c3BhY2luZy5zbWFsbH07XG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy50YWJsZXQgfSl9IHtcbiAgICBwYWRkaW5nOiAke3NwYWNpbmcuc21hbGx9ICR7c3BhY2luZy5ub3JtYWx9O1xuICB9XG5gO1xuXG5jb25zdCBGaWxlID0gKHsgZmlsZSB9OiBQcm9wcykgPT4ge1xuICBjb25zdCBmb3JtYXRMaW5rcyA9IGZpbGUuZm9ybWF0cy5tYXAoKGZvcm1hdCwgaW5kZXgpID0+XG4gICAgcmVuZGVyRm9ybWF0KGZvcm1hdCwgZmlsZS50aXRsZSwgaW5kZXggPT09IDAsICFmaWxlLmZpbGVFeGlzdHMpLFxuICApO1xuXG4gIHJldHVybiA8RmlsZUxpc3RJdGVtIGtleT17ZmlsZS50aXRsZX0+e2Zvcm1hdExpbmtzfTwvRmlsZUxpc3RJdGVtPjtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IEZpbGU7XG4iXX0= */"));
-var renderFormat = function renderFormat(format, title, isPrimary, isDeadLink) {
+})("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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZpbGUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXNDaUMiLCJmaWxlIjoiRmlsZS50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMy1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IHVzZVRyYW5zbGF0aW9uIH0gZnJvbSAncmVhY3QtaTE4bmV4dCc7XG5pbXBvcnQgU2FmZUxpbmsgZnJvbSAnQG5kbGEvc2FmZWxpbmsnO1xuaW1wb3J0IHsgYnJlYWtwb2ludHMsIGNvbG9ycywgZm9udHMsIG1xLCBzcGFjaW5nIH0gZnJvbSAnQG5kbGEvY29yZSc7XG5pbXBvcnQgeyBEb3dubG9hZCB9IGZyb20gJ0BuZGxhL2ljb25zL2NvbW1vbic7XG5cbmludGVyZmFjZSBQcm9wcyB7XG4gIHRpdGxlOiBzdHJpbmc7XG4gIHVybDogc3RyaW5nO1xuICBmaWxlRXhpc3RzOiBib29sZWFuO1xuICBmaWxlVHlwZTogc3RyaW5nO1xufVxuXG5leHBvcnQgaW50ZXJmYWNlIEZpbGVUeXBlIHtcbiAgdGl0bGU6IHN0cmluZztcbiAgZm9ybWF0czogRmlsZUZvcm1hdFtdO1xuICBmaWxlRXhpc3RzPzogYm9vbGVhbjtcbn1cblxuZXhwb3J0IGludGVyZmFjZSBGaWxlRm9ybWF0IHtcbiAgdXJsOiBzdHJpbmc7XG4gIGZpbGVUeXBlOiBzdHJpbmc7XG4gIHRvb2x0aXA6IHN0cmluZztcbn1cblxuY29uc3QgTGlua1RleHRXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgJiA+IHNwYW4ge1xuICAgIGJveC1zaGFkb3c6IGluc2V0IDAgLTFweDtcbiAgfVxuYDtcbmNvbnN0IEZpbGVMaW5rID0gc3R5bGVkKFNhZmVMaW5rKWBcbiAgYm94LXNoYWRvdzogbm9uZTtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBjb2xvcjogJHtjb2xvcnMuYnJhbmQucHJpbWFyeX07XG4gIG1hcmdpbi1yaWdodDogJHtzcGFjaW5nLm5vcm1hbH07XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cbiAgJjpsYXN0LWNoaWxkIHtcbiAgICBtYXJnaW4tcmlnaHQ6IDA7XG4gIH1cblxuICAmOmhvdmVyLFxuICAmOmZvY3VzLFxuICAmOmFjdGl2ZSB7XG4gICAgJHtMaW5rVGV4dFdyYXBwZXJ9IHtcbiAgICAgIGJveC1zaGFkb3c6IG5vbmU7XG4gICAgfVxuICB9XG5gO1xuXG5jb25zdCBGaWxlTGlzdEl0ZW0gPSBzdHlsZWQubGlgXG4gICR7Zm9udHMuc2l6ZXMoJzE4cHgnLCAnMjZweCcpfTtcbiAgZm9udC13ZWlnaHQ6ICR7Zm9udHMud2VpZ2h0LnNlbWlib2xkfTtcbiAgbWluLWhlaWdodDogNjBweDtcbiAgYmFja2dyb3VuZDogJHtjb2xvcnMuYnJhbmQuZ3JleUxpZ2h0ZXJ9O1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBmbGV4LXdyYXA6IHdyYXA7XG4gIG1hcmdpbi1ib3R0b206ICR7c3BhY2luZy54c21hbGx9O1xuICBwYWRkaW5nOiAke3NwYWNpbmcuc21hbGx9O1xuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0IH0pfSB7XG4gICAgcGFkZGluZzogJHtzcGFjaW5nLnNtYWxsfSAke3NwYWNpbmcubm9ybWFsfTtcbiAgfVxuYDtcblxuaW50ZXJmYWNlIEZvcm1hdFByb3BzIHtcbiAgZm9ybWF0OiBGaWxlRm9ybWF0O1xuICB0aXRsZTogc3RyaW5nO1xuICBpc1ByaW1hcnk6IGJvb2xlYW47XG4gIGlzRGVhZExpbms6IGJvb2xlYW47XG59XG5cbmNvbnN0IEZvcm1hdCA9ICh7IGZvcm1hdCwgdGl0bGUsIGlzUHJpbWFyeSwgaXNEZWFkTGluayB9OiBGb3JtYXRQcm9wcykgPT4ge1xuICBjb25zdCB0aXRsZVdpdGhGb3JtYXQgPSBgJHt0aXRsZX0gKCR7Zm9ybWF0LmZpbGVUeXBlLnRvVXBwZXJDYXNlKCl9KWA7XG5cbiAgaWYgKGlzRGVhZExpbmspIHtcbiAgICByZXR1cm4gKFxuICAgICAgPHNwYW4ga2V5PXtmb3JtYXQudXJsfT5cbiAgICAgICAgPERvd25sb2FkIC8+XG4gICAgICAgIDxzcGFuPntpc1ByaW1hcnkgPyB0aXRsZVdpdGhGb3JtYXQgOiBgKCR7Zm9ybWF0LmZpbGVUeXBlLnRvVXBwZXJDYXNlKCl9KWB9PC9zcGFuPlxuICAgICAgPC9zcGFuPlxuICAgICk7XG4gIH1cblxuICByZXR1cm4gKFxuICAgIDxGaWxlTGluayBrZXk9e2Zvcm1hdC51cmx9IHRvPXtmb3JtYXQudXJsfSB0YXJnZXQ9XCJfYmxhbmtcIiBhcmlhLWxhYmVsPXt0aXRsZVdpdGhGb3JtYXR9PlxuICAgICAgPERvd25sb2FkIC8+XG4gICAgICA8TGlua1RleHRXcmFwcGVyIGFyaWEtbGFiZWw9e2Zvcm1hdC50b29sdGlwfT5cbiAgICAgICAgPHNwYW4+e2lzUHJpbWFyeSA/IHRpdGxlV2l0aEZvcm1hdCA6IGAoJHtmb3JtYXQuZmlsZVR5cGUudG9VcHBlckNhc2UoKX0pYH08L3NwYW4+XG4gICAgICA8L0xpbmtUZXh0V3JhcHBlcj5cbiAgICA8L0ZpbGVMaW5rPlxuICApO1xufTtcblxuY29uc3QgRmlsZSA9ICh7IHRpdGxlLCB1cmwsIGZpbGVFeGlzdHMsIGZpbGVUeXBlIH06IFByb3BzKSA9PiB7XG4gIGNvbnN0IHsgdCB9ID0gdXNlVHJhbnNsYXRpb24oKTtcbiAgY29uc3QgdG9vbHRpcCA9IGAke3QoJ2Rvd25sb2FkJyl9ICR7dXJsLnNwbGl0KCcvJykucG9wKCl9YDtcblxuICByZXR1cm4gKFxuICAgIDxGaWxlTGlzdEl0ZW0+XG4gICAgICA8Rm9ybWF0IGZvcm1hdD17eyB1cmwsIGZpbGVUeXBlLCB0b29sdGlwIH19IGlzUHJpbWFyeSB0aXRsZT17dGl0bGV9IGlzRGVhZExpbms9eyFmaWxlRXhpc3RzfSAvPlxuICAgIDwvRmlsZUxpc3RJdGVtPlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgRmlsZTtcbiJdfQ== */"));
+var FileListItem = /*#__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({
+  from: _core.breakpoints.tablet
+}), "{padding:", _core.spacing.small, " ", _core.spacing.normal, ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZpbGUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTJEOEIiLCJmaWxlIjoiRmlsZS50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMy1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IHVzZVRyYW5zbGF0aW9uIH0gZnJvbSAncmVhY3QtaTE4bmV4dCc7XG5pbXBvcnQgU2FmZUxpbmsgZnJvbSAnQG5kbGEvc2FmZWxpbmsnO1xuaW1wb3J0IHsgYnJlYWtwb2ludHMsIGNvbG9ycywgZm9udHMsIG1xLCBzcGFjaW5nIH0gZnJvbSAnQG5kbGEvY29yZSc7XG5pbXBvcnQgeyBEb3dubG9hZCB9IGZyb20gJ0BuZGxhL2ljb25zL2NvbW1vbic7XG5cbmludGVyZmFjZSBQcm9wcyB7XG4gIHRpdGxlOiBzdHJpbmc7XG4gIHVybDogc3RyaW5nO1xuICBmaWxlRXhpc3RzOiBib29sZWFuO1xuICBmaWxlVHlwZTogc3RyaW5nO1xufVxuXG5leHBvcnQgaW50ZXJmYWNlIEZpbGVUeXBlIHtcbiAgdGl0bGU6IHN0cmluZztcbiAgZm9ybWF0czogRmlsZUZvcm1hdFtdO1xuICBmaWxlRXhpc3RzPzogYm9vbGVhbjtcbn1cblxuZXhwb3J0IGludGVyZmFjZSBGaWxlRm9ybWF0IHtcbiAgdXJsOiBzdHJpbmc7XG4gIGZpbGVUeXBlOiBzdHJpbmc7XG4gIHRvb2x0aXA6IHN0cmluZztcbn1cblxuY29uc3QgTGlua1RleHRXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgJiA+IHNwYW4ge1xuICAgIGJveC1zaGFkb3c6IGluc2V0IDAgLTFweDtcbiAgfVxuYDtcbmNvbnN0IEZpbGVMaW5rID0gc3R5bGVkKFNhZmVMaW5rKWBcbiAgYm94LXNoYWRvdzogbm9uZTtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBjb2xvcjogJHtjb2xvcnMuYnJhbmQucHJpbWFyeX07XG4gIG1hcmdpbi1yaWdodDogJHtzcGFjaW5nLm5vcm1hbH07XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cbiAgJjpsYXN0LWNoaWxkIHtcbiAgICBtYXJnaW4tcmlnaHQ6IDA7XG4gIH1cblxuICAmOmhvdmVyLFxuICAmOmZvY3VzLFxuICAmOmFjdGl2ZSB7XG4gICAgJHtMaW5rVGV4dFdyYXBwZXJ9IHtcbiAgICAgIGJveC1zaGFkb3c6IG5vbmU7XG4gICAgfVxuICB9XG5gO1xuXG5jb25zdCBGaWxlTGlzdEl0ZW0gPSBzdHlsZWQubGlgXG4gICR7Zm9udHMuc2l6ZXMoJzE4cHgnLCAnMjZweCcpfTtcbiAgZm9udC13ZWlnaHQ6ICR7Zm9udHMud2VpZ2h0LnNlbWlib2xkfTtcbiAgbWluLWhlaWdodDogNjBweDtcbiAgYmFja2dyb3VuZDogJHtjb2xvcnMuYnJhbmQuZ3JleUxpZ2h0ZXJ9O1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBmbGV4LXdyYXA6IHdyYXA7XG4gIG1hcmdpbi1ib3R0b206ICR7c3BhY2luZy54c21hbGx9O1xuICBwYWRkaW5nOiAke3NwYWNpbmcuc21hbGx9O1xuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0IH0pfSB7XG4gICAgcGFkZGluZzogJHtzcGFjaW5nLnNtYWxsfSAke3NwYWNpbmcubm9ybWFsfTtcbiAgfVxuYDtcblxuaW50ZXJmYWNlIEZvcm1hdFByb3BzIHtcbiAgZm9ybWF0OiBGaWxlRm9ybWF0O1xuICB0aXRsZTogc3RyaW5nO1xuICBpc1ByaW1hcnk6IGJvb2xlYW47XG4gIGlzRGVhZExpbms6IGJvb2xlYW47XG59XG5cbmNvbnN0IEZvcm1hdCA9ICh7IGZvcm1hdCwgdGl0bGUsIGlzUHJpbWFyeSwgaXNEZWFkTGluayB9OiBGb3JtYXRQcm9wcykgPT4ge1xuICBjb25zdCB0aXRsZVdpdGhGb3JtYXQgPSBgJHt0aXRsZX0gKCR7Zm9ybWF0LmZpbGVUeXBlLnRvVXBwZXJDYXNlKCl9KWA7XG5cbiAgaWYgKGlzRGVhZExpbmspIHtcbiAgICByZXR1cm4gKFxuICAgICAgPHNwYW4ga2V5PXtmb3JtYXQudXJsfT5cbiAgICAgICAgPERvd25sb2FkIC8+XG4gICAgICAgIDxzcGFuPntpc1ByaW1hcnkgPyB0aXRsZVdpdGhGb3JtYXQgOiBgKCR7Zm9ybWF0LmZpbGVUeXBlLnRvVXBwZXJDYXNlKCl9KWB9PC9zcGFuPlxuICAgICAgPC9zcGFuPlxuICAgICk7XG4gIH1cblxuICByZXR1cm4gKFxuICAgIDxGaWxlTGluayBrZXk9e2Zvcm1hdC51cmx9IHRvPXtmb3JtYXQudXJsfSB0YXJnZXQ9XCJfYmxhbmtcIiBhcmlhLWxhYmVsPXt0aXRsZVdpdGhGb3JtYXR9PlxuICAgICAgPERvd25sb2FkIC8+XG4gICAgICA8TGlua1RleHRXcmFwcGVyIGFyaWEtbGFiZWw9e2Zvcm1hdC50b29sdGlwfT5cbiAgICAgICAgPHNwYW4+e2lzUHJpbWFyeSA/IHRpdGxlV2l0aEZvcm1hdCA6IGAoJHtmb3JtYXQuZmlsZVR5cGUudG9VcHBlckNhc2UoKX0pYH08L3NwYW4+XG4gICAgICA8L0xpbmtUZXh0V3JhcHBlcj5cbiAgICA8L0ZpbGVMaW5rPlxuICApO1xufTtcblxuY29uc3QgRmlsZSA9ICh7IHRpdGxlLCB1cmwsIGZpbGVFeGlzdHMsIGZpbGVUeXBlIH06IFByb3BzKSA9PiB7XG4gIGNvbnN0IHsgdCB9ID0gdXNlVHJhbnNsYXRpb24oKTtcbiAgY29uc3QgdG9vbHRpcCA9IGAke3QoJ2Rvd25sb2FkJyl9ICR7dXJsLnNwbGl0KCcvJykucG9wKCl9YDtcblxuICByZXR1cm4gKFxuICAgIDxGaWxlTGlzdEl0ZW0+XG4gICAgICA8Rm9ybWF0IGZvcm1hdD17eyB1cmwsIGZpbGVUeXBlLCB0b29sdGlwIH19IGlzUHJpbWFyeSB0aXRsZT17dGl0bGV9IGlzRGVhZExpbms9eyFmaWxlRXhpc3RzfSAvPlxuICAgIDwvRmlsZUxpc3RJdGVtPlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgRmlsZTtcbiJdfQ== */"));
+var Format = function Format(_ref) {
+  var format = _ref.format,
+    title = _ref.title,
+    isPrimary = _ref.isPrimary,
+    isDeadLink = _ref.isDeadLink;
   var titleWithFormat = "".concat(title, " (").concat(format.fileType.toUpperCase(), ")");
   if (isDeadLink) {
     return (0, _jsxRuntime.jsxs)("span", {
@@ -41,30 +57,34 @@ var renderFormat = function renderFormat(format, title, isPrimary, isDeadLink) {
     to: format.url,
     target: "_blank",
     "aria-label": titleWithFormat,
-    children: [(0, _jsxRuntime.jsx)(_common.Download, {}), (0, _jsxRuntime.jsx)(_tooltip.default, {
-      tooltip: format.tooltip,
-      children: (0, _jsxRuntime.jsx)(LinkTextWrapper, {
-        children: (0, _jsxRuntime.jsx)("span", {
-          children: isPrimary ? titleWithFormat : "(".concat(format.fileType.toUpperCase(), ")")
-        })
+    children: [(0, _jsxRuntime.jsx)(_common.Download, {}), (0, _jsxRuntime.jsx)(LinkTextWrapper, {
+      "aria-label": format.tooltip,
+      children: (0, _jsxRuntime.jsx)("span", {
+        children: isPrimary ? titleWithFormat : "(".concat(format.fileType.toUpperCase(), ")")
       })
     })]
   }, format.url);
 };
-var FileListItem = /*#__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({
-  from: _core.breakpoints.tablet
-}), "{padding:", _core.spacing.small, " ", _core.spacing.normal, ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZpbGUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTZEOEIiLCJmaWxlIjoiRmlsZS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBicmVha3BvaW50cywgY29sb3JzLCBmb250cywgbXEsIHNwYWNpbmcgfSBmcm9tICdAbmRsYS9jb3JlJztcbmltcG9ydCB7IERvd25sb2FkIH0gZnJvbSAnQG5kbGEvaWNvbnMvY29tbW9uJztcbmltcG9ydCBTYWZlTGluayBmcm9tICdAbmRsYS9zYWZlbGluayc7XG5pbXBvcnQgVG9vbHRpcCBmcm9tICdAbmRsYS90b29sdGlwJztcbmltcG9ydCB7IEZpbGVGb3JtYXQsIEZpbGVUeXBlIH0gZnJvbSAnLi9GaWxlTGlzdCc7XG5cbmNvbnN0IExpbmtUZXh0V3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gICYgPiBzcGFuIHtcbiAgICBib3gtc2hhZG93OiBpbnNldCAwIC0xcHg7XG4gIH1cbmA7XG5jb25zdCBGaWxlTGluayA9IHN0eWxlZChTYWZlTGluaylgXG4gIGJveC1zaGFkb3c6IG5vbmU7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgY29sb3I6ICR7Y29sb3JzLmJyYW5kLnByaW1hcnl9O1xuICBtYXJnaW4tcmlnaHQ6ICR7c3BhY2luZy5ub3JtYWx9O1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuXG4gICY6bGFzdC1jaGlsZCB7XG4gICAgbWFyZ2luLXJpZ2h0OiAwO1xuICB9XG5cbiAgJjpob3ZlcixcbiAgJjpmb2N1cyxcbiAgJjphY3RpdmUge1xuICAgICR7TGlua1RleHRXcmFwcGVyfSB7XG4gICAgICBib3gtc2hhZG93OiBub25lO1xuICAgIH1cbiAgfVxuYDtcblxuY29uc3QgcmVuZGVyRm9ybWF0ID0gKGZvcm1hdDogRmlsZUZvcm1hdCwgdGl0bGU6IHN0cmluZywgaXNQcmltYXJ5OiBib29sZWFuLCBpc0RlYWRMaW5rOiBib29sZWFuKSA9PiB7XG4gIGNvbnN0IHRpdGxlV2l0aEZvcm1hdCA9IGAke3RpdGxlfSAoJHtmb3JtYXQuZmlsZVR5cGUudG9VcHBlckNhc2UoKX0pYDtcblxuICBpZiAoaXNEZWFkTGluaykge1xuICAgIHJldHVybiAoXG4gICAgICA8c3BhbiBrZXk9e2Zvcm1hdC51cmx9PlxuICAgICAgICA8RG93bmxvYWQgLz5cbiAgICAgICAgPHNwYW4+e2lzUHJpbWFyeSA/IHRpdGxlV2l0aEZvcm1hdCA6IGAoJHtmb3JtYXQuZmlsZVR5cGUudG9VcHBlckNhc2UoKX0pYH08L3NwYW4+XG4gICAgICA8L3NwYW4+XG4gICAgKTtcbiAgfVxuXG4gIHJldHVybiAoXG4gICAgPEZpbGVMaW5rIGtleT17Zm9ybWF0LnVybH0gdG89e2Zvcm1hdC51cmx9IHRhcmdldD1cIl9ibGFua1wiIGFyaWEtbGFiZWw9e3RpdGxlV2l0aEZvcm1hdH0+XG4gICAgICA8RG93bmxvYWQgLz5cbiAgICAgIDxUb29sdGlwIHRvb2x0aXA9e2Zvcm1hdC50b29sdGlwfT5cbiAgICAgICAgPExpbmtUZXh0V3JhcHBlcj5cbiAgICAgICAgICA8c3Bhbj57aXNQcmltYXJ5ID8gdGl0bGVXaXRoRm9ybWF0IDogYCgke2Zvcm1hdC5maWxlVHlwZS50b1VwcGVyQ2FzZSgpfSlgfTwvc3Bhbj5cbiAgICAgICAgPC9MaW5rVGV4dFdyYXBwZXI+XG4gICAgICA8L1Rvb2x0aXA+XG4gICAgPC9GaWxlTGluaz5cbiAgKTtcbn07XG5cbmludGVyZmFjZSBQcm9wcyB7XG4gIGZpbGU6IEZpbGVUeXBlO1xufVxuXG5jb25zdCBGaWxlTGlzdEl0ZW0gPSBzdHlsZWQubGlgXG4gICR7Zm9udHMuc2l6ZXMoJzE4cHgnLCAnMjZweCcpfTtcbiAgZm9udC13ZWlnaHQ6ICR7Zm9udHMud2VpZ2h0LnNlbWlib2xkfTtcbiAgbWluLWhlaWdodDogNjBweDtcbiAgYmFja2dyb3VuZDogJHtjb2xvcnMuYnJhbmQuZ3JleUxpZ2h0ZXJ9O1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBmbGV4LXdyYXA6IHdyYXA7XG4gIG1hcmdpbi1ib3R0b206ICR7c3BhY2luZy54c21hbGx9O1xuICBwYWRkaW5nOiAke3NwYWNpbmcuc21hbGx9O1xuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0IH0pfSB7XG4gICAgcGFkZGluZzogJHtzcGFjaW5nLnNtYWxsfSAke3NwYWNpbmcubm9ybWFsfTtcbiAgfVxuYDtcblxuY29uc3QgRmlsZSA9ICh7IGZpbGUgfTogUHJvcHMpID0+IHtcbiAgY29uc3QgZm9ybWF0TGlua3MgPSBmaWxlLmZvcm1hdHMubWFwKChmb3JtYXQsIGluZGV4KSA9PlxuICAgIHJlbmRlckZvcm1hdChmb3JtYXQsIGZpbGUudGl0bGUsIGluZGV4ID09PSAwLCAhZmlsZS5maWxlRXhpc3RzKSxcbiAgKTtcblxuICByZXR1cm4gPEZpbGVMaXN0SXRlbSBrZXk9e2ZpbGUudGl0bGV9Pntmb3JtYXRMaW5rc308L0ZpbGVMaXN0SXRlbT47XG59O1xuXG5leHBvcnQgZGVmYXVsdCBGaWxlO1xuIl19 */"));
-var File = function File(_ref) {
-  var file = _ref.file;
-  var formatLinks = file.formats.map(function (format, index) {
-    return renderFormat(format, file.title, index === 0, !file.fileExists);
-  });
+var File = function File(_ref2) {
+  var title = _ref2.title,
+    url = _ref2.url,
+    fileExists = _ref2.fileExists,
+    fileType = _ref2.fileType;
+  var _useTranslation = (0, _reactI18next.useTranslation)(),
+    t = _useTranslation.t;
+  var tooltip = "".concat(t('download'), " ").concat(url.split('/').pop());
   return (0, _jsxRuntime.jsx)(FileListItem, {
-    children: formatLinks
-  }, file.title);
+    children: (0, _jsxRuntime.jsx)(Format, {
+      format: {
+        url: url,
+        fileType: fileType,
+        tooltip: tooltip
+      },
+      isPrimary: true,
+      title: title,
+      isDeadLink: !fileExists
+    })
+  });
 };
 var _default = File;
 exports.default = _default;

package/lib/FileList/FileList.d.ts

@@ -1,17 +1,13 @@
-export interface FileType {
-    title: string;
-    formats: FileFormat[];
-    fileExists?: boolean;
-}
-export interface FileFormat {
-    url: string;
-    fileType: string;
-    tooltip: string;
-}
+/**
+ * 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 { ReactNode } from 'react';
 interface Props {
-    id: string;
-    heading: string;
-    files: FileType[];
+    children: ReactNode;
 }
-declare const FileList: ({ files, heading, id }: Props) => import("@emotion/react/jsx-runtime").JSX.Element;
+declare const FileList: ({ children }: Props) => import("@emotion/react/jsx-runtime").JSX.Element;
 export default FileList;

package/lib/FileList/FileList.js

@@ -6,18 +6,24 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _base = _interopRequireDefault(require("@emotion/styled/base"));
 var _core = require("@ndla/core");
-var _File = _interopRequireDefault(require("./File"));
+var _reactI18next = require("react-i18next");
 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)."; }
+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.
+                                                                                                                                                                                                                                                                                           *
+                                                                                                                                                                                                                                                                                           */
 var 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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZpbGVMaXN0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFzQnNDIiwiZmlsZSI6IkZpbGVMaXN0LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNvbG9ycywgZm9udHMsIHNwYWNpbmcgfSBmcm9tICdAbmRsYS9jb3JlJztcbmltcG9ydCBGaWxlIGZyb20gJy4vRmlsZSc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgRmlsZVR5cGUge1xuICB0aXRsZTogc3RyaW5nO1xuICBmb3JtYXRzOiBGaWxlRm9ybWF0W107XG4gIGZpbGVFeGlzdHM/OiBib29sZWFuO1xufVxuXG5leHBvcnQgaW50ZXJmYWNlIEZpbGVGb3JtYXQge1xuICB1cmw6IHN0cmluZztcbiAgZmlsZVR5cGU6IHN0cmluZztcbiAgdG9vbHRpcDogc3RyaW5nO1xufVxuXG5pbnRlcmZhY2UgUHJvcHMge1xuICBpZDogc3RyaW5nO1xuICBoZWFkaW5nOiBzdHJpbmc7XG4gIGZpbGVzOiBGaWxlVHlwZVtdO1xufVxuXG5jb25zdCBGaWxlTGlzdFNlY3Rpb24gPSBzdHlsZWQuc2VjdGlvbmBcbiAgbWFyZ2luOiAke3NwYWNpbmcubGFyZ2V9IDA7XG4gIHBhZGRpbmc6ICR7c3BhY2luZy5zbWFsbH0gMCAke3NwYWNpbmcubm9ybWFsfSAke3NwYWNpbmcubm9ybWFsfTtcbiAgYm9yZGVyLWxlZnQ6IDJweCBzb2xpZCAke2NvbG9ycy5icmFuZC5ncmV5TGlnaHRlc3R9O1xuICBmb250LWZhbWlseTogJHtmb250cy5zYW5zfTtcblxuICAuYy1pY29uIHtcbiAgICBtYXJnaW4tdG9wOiAzcHg7XG4gICAgZmxleC1zaHJpbms6IDA7XG4gICAgbWFyZ2luLXJpZ2h0OiAke3NwYWNpbmcuc21hbGx9O1xuICAgIGhlaWdodDogMThweDtcbiAgICB3aWR0aDogMThweDtcbiAgfVxuYDtcblxuY29uc3QgRmlsZUxpc3RIZWFkaW5nID0gc3R5bGVkLmgxYFxuICAke2ZvbnRzLnNpemVzKCcxNnB4JywgJzE4cHgnKX07XG4gIGxldHRlci1zcGFjaW5nOiAwLjA1ZW07XG4gIG1hcmdpbjogMCAwICR7c3BhY2luZy54c21hbGx9IDA7XG4gIHBhZGRpbmctYm90dG9tOiAke3NwYWNpbmcueHNtYWxsfTtcbiAgYm9yZGVyLWJvdHRvbTogMnB4IHNvbGlkICR7Y29sb3JzLmJyYW5kLmdyZXlMaWdodH07XG4gIGZvbnQtd2VpZ2h0OiAke2ZvbnRzLndlaWdodC5ib2xkfTtcbiAgdGV4dC10cmFuc2Zvcm06IHVwcGVyY2FzZTtcbmA7XG5cbmNvbnN0IEZpbGVzTGlzdCA9IHN0eWxlZC51bGBcbiAgbWFyZ2luOiAwO1xuICBwYWRkaW5nOiAwO1xuYDtcblxuY29uc3QgRmlsZUxpc3QgPSAoeyBmaWxlcywgaGVhZGluZywgaWQgfTogUHJvcHMpID0+IChcbiAgPEZpbGVMaXN0U2VjdGlvbj5cbiAgICA8RmlsZUxpc3RIZWFkaW5nPntoZWFkaW5nfTwvRmlsZUxpc3RIZWFkaW5nPlxuICAgIDxGaWxlc0xpc3Q+XG4gICAgICB7ZmlsZXMubWFwKChmaWxlKSA9PiAoXG4gICAgICAgIDxGaWxlIGtleT17YGZpbGUtJHtpZH0tJHtmaWxlLnRpdGxlfWB9IGZpbGU9e2ZpbGV9IC8+XG4gICAgICApKX1cbiAgICA8L0ZpbGVzTGlzdD5cbiAgPC9GaWxlTGlzdFNlY3Rpb24+XG4pO1xuXG5leHBvcnQgZGVmYXVsdCBGaWxlTGlzdDtcbiJdfQ== */"));
-var FileListHeading = /*#__PURE__*/(0, _base.default)("h1", {
+})("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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZpbGVMaXN0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpQnNDIiwiZmlsZSI6IkZpbGVMaXN0LnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDIzLXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgY29sb3JzLCBmb250cywgc3BhY2luZyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuaW1wb3J0IHsgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgdXNlVHJhbnNsYXRpb24gfSBmcm9tICdyZWFjdC1pMThuZXh0JztcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgY2hpbGRyZW46IFJlYWN0Tm9kZTtcbn1cblxuY29uc3QgRmlsZUxpc3RTZWN0aW9uID0gc3R5bGVkLnNlY3Rpb25gXG4gIG1hcmdpbjogJHtzcGFjaW5nLmxhcmdlfSAwO1xuICBwYWRkaW5nOiAke3NwYWNpbmcuc21hbGx9IDAgJHtzcGFjaW5nLm5vcm1hbH0gJHtzcGFjaW5nLm5vcm1hbH07XG4gIGJvcmRlci1sZWZ0OiAycHggc29saWQgJHtjb2xvcnMuYnJhbmQuZ3JleUxpZ2h0ZXN0fTtcbiAgZm9udC1mYW1pbHk6ICR7Zm9udHMuc2Fuc307XG5cbiAgLmMtaWNvbiB7XG4gICAgbWFyZ2luLXRvcDogM3B4O1xuICAgIGZsZXgtc2hyaW5rOiAwO1xuICAgIG1hcmdpbi1yaWdodDogJHtzcGFjaW5nLnNtYWxsfTtcbiAgICBoZWlnaHQ6IDE4cHg7XG4gICAgd2lkdGg6IDE4cHg7XG4gIH1cbmA7XG5cbmNvbnN0IEZpbGVMaXN0SGVhZGluZyA9IHN0eWxlZC5oM2BcbiAgJHtmb250cy5zaXplcygnMTZweCcsICcxOHB4Jyl9O1xuICBsZXR0ZXItc3BhY2luZzogMC4wNWVtO1xuICBtYXJnaW46IDAgMCAke3NwYWNpbmcueHNtYWxsfSAwO1xuICBwYWRkaW5nLWJvdHRvbTogJHtzcGFjaW5nLnhzbWFsbH07XG4gIGJvcmRlci1ib3R0b206IDJweCBzb2xpZCAke2NvbG9ycy5icmFuZC5ncmV5TGlnaHR9O1xuICBmb250LXdlaWdodDogJHtmb250cy53ZWlnaHQuYm9sZH07XG4gIHRleHQtdHJhbnNmb3JtOiB1cHBlcmNhc2U7XG5gO1xuXG5jb25zdCBGaWxlc0xpc3QgPSBzdHlsZWQudWxgXG4gIG1hcmdpbjogMDtcbiAgcGFkZGluZzogMDtcbmA7XG5cbmNvbnN0IEZpbGVMaXN0ID0gKHsgY2hpbGRyZW4gfTogUHJvcHMpID0+IHtcbiAgY29uc3QgeyB0IH0gPSB1c2VUcmFuc2xhdGlvbigpO1xuICByZXR1cm4gKFxuICAgIDxGaWxlTGlzdFNlY3Rpb24+XG4gICAgICA8RmlsZUxpc3RIZWFkaW5nPnt0KCdmaWxlcycpfTwvRmlsZUxpc3RIZWFkaW5nPlxuICAgICAgPEZpbGVzTGlzdD57Y2hpbGRyZW59PC9GaWxlc0xpc3Q+XG4gICAgPC9GaWxlTGlzdFNlY3Rpb24+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBGaWxlTGlzdDtcbiJdfQ== */"));
+var FileListHeading = /*#__PURE__*/(0, _base.default)("h3", {
   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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZpbGVMaXN0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFxQ2lDIiwiZmlsZSI6IkZpbGVMaXN0LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNvbG9ycywgZm9udHMsIHNwYWNpbmcgfSBmcm9tICdAbmRsYS9jb3JlJztcbmltcG9ydCBGaWxlIGZyb20gJy4vRmlsZSc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgRmlsZVR5cGUge1xuICB0aXRsZTogc3RyaW5nO1xuICBmb3JtYXRzOiBGaWxlRm9ybWF0W107XG4gIGZpbGVFeGlzdHM/OiBib29sZWFuO1xufVxuXG5leHBvcnQgaW50ZXJmYWNlIEZpbGVGb3JtYXQge1xuICB1cmw6IHN0cmluZztcbiAgZmlsZVR5cGU6IHN0cmluZztcbiAgdG9vbHRpcDogc3RyaW5nO1xufVxuXG5pbnRlcmZhY2UgUHJvcHMge1xuICBpZDogc3RyaW5nO1xuICBoZWFkaW5nOiBzdHJpbmc7XG4gIGZpbGVzOiBGaWxlVHlwZVtdO1xufVxuXG5jb25zdCBGaWxlTGlzdFNlY3Rpb24gPSBzdHlsZWQuc2VjdGlvbmBcbiAgbWFyZ2luOiAke3NwYWNpbmcubGFyZ2V9IDA7XG4gIHBhZGRpbmc6ICR7c3BhY2luZy5zbWFsbH0gMCAke3NwYWNpbmcubm9ybWFsfSAke3NwYWNpbmcubm9ybWFsfTtcbiAgYm9yZGVyLWxlZnQ6IDJweCBzb2xpZCAke2NvbG9ycy5icmFuZC5ncmV5TGlnaHRlc3R9O1xuICBmb250LWZhbWlseTogJHtmb250cy5zYW5zfTtcblxuICAuYy1pY29uIHtcbiAgICBtYXJnaW4tdG9wOiAzcHg7XG4gICAgZmxleC1zaHJpbms6IDA7XG4gICAgbWFyZ2luLXJpZ2h0OiAke3NwYWNpbmcuc21hbGx9O1xuICAgIGhlaWdodDogMThweDtcbiAgICB3aWR0aDogMThweDtcbiAgfVxuYDtcblxuY29uc3QgRmlsZUxpc3RIZWFkaW5nID0gc3R5bGVkLmgxYFxuICAke2ZvbnRzLnNpemVzKCcxNnB4JywgJzE4cHgnKX07XG4gIGxldHRlci1zcGFjaW5nOiAwLjA1ZW07XG4gIG1hcmdpbjogMCAwICR7c3BhY2luZy54c21hbGx9IDA7XG4gIHBhZGRpbmctYm90dG9tOiAke3NwYWNpbmcueHNtYWxsfTtcbiAgYm9yZGVyLWJvdHRvbTogMnB4IHNvbGlkICR7Y29sb3JzLmJyYW5kLmdyZXlMaWdodH07XG4gIGZvbnQtd2VpZ2h0OiAke2ZvbnRzLndlaWdodC5ib2xkfTtcbiAgdGV4dC10cmFuc2Zvcm06IHVwcGVyY2FzZTtcbmA7XG5cbmNvbnN0IEZpbGVzTGlzdCA9IHN0eWxlZC51bGBcbiAgbWFyZ2luOiAwO1xuICBwYWRkaW5nOiAwO1xuYDtcblxuY29uc3QgRmlsZUxpc3QgPSAoeyBmaWxlcywgaGVhZGluZywgaWQgfTogUHJvcHMpID0+IChcbiAgPEZpbGVMaXN0U2VjdGlvbj5cbiAgICA8RmlsZUxpc3RIZWFkaW5nPntoZWFkaW5nfTwvRmlsZUxpc3RIZWFkaW5nPlxuICAgIDxGaWxlc0xpc3Q+XG4gICAgICB7ZmlsZXMubWFwKChmaWxlKSA9PiAoXG4gICAgICAgIDxGaWxlIGtleT17YGZpbGUtJHtpZH0tJHtmaWxlLnRpdGxlfWB9IGZpbGU9e2ZpbGV9IC8+XG4gICAgICApKX1cbiAgICA8L0ZpbGVzTGlzdD5cbiAgPC9GaWxlTGlzdFNlY3Rpb24+XG4pO1xuXG5leHBvcnQgZGVmYXVsdCBGaWxlTGlzdDtcbiJdfQ== */"));
+})(_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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZpbGVMaXN0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnQ2lDIiwiZmlsZSI6IkZpbGVMaXN0LnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDIzLXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgY29sb3JzLCBmb250cywgc3BhY2luZyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuaW1wb3J0IHsgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgdXNlVHJhbnNsYXRpb24gfSBmcm9tICdyZWFjdC1pMThuZXh0JztcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgY2hpbGRyZW46IFJlYWN0Tm9kZTtcbn1cblxuY29uc3QgRmlsZUxpc3RTZWN0aW9uID0gc3R5bGVkLnNlY3Rpb25gXG4gIG1hcmdpbjogJHtzcGFjaW5nLmxhcmdlfSAwO1xuICBwYWRkaW5nOiAke3NwYWNpbmcuc21hbGx9IDAgJHtzcGFjaW5nLm5vcm1hbH0gJHtzcGFjaW5nLm5vcm1hbH07XG4gIGJvcmRlci1sZWZ0OiAycHggc29saWQgJHtjb2xvcnMuYnJhbmQuZ3JleUxpZ2h0ZXN0fTtcbiAgZm9udC1mYW1pbHk6ICR7Zm9udHMuc2Fuc307XG5cbiAgLmMtaWNvbiB7XG4gICAgbWFyZ2luLXRvcDogM3B4O1xuICAgIGZsZXgtc2hyaW5rOiAwO1xuICAgIG1hcmdpbi1yaWdodDogJHtzcGFjaW5nLnNtYWxsfTtcbiAgICBoZWlnaHQ6IDE4cHg7XG4gICAgd2lkdGg6IDE4cHg7XG4gIH1cbmA7XG5cbmNvbnN0IEZpbGVMaXN0SGVhZGluZyA9IHN0eWxlZC5oM2BcbiAgJHtmb250cy5zaXplcygnMTZweCcsICcxOHB4Jyl9O1xuICBsZXR0ZXItc3BhY2luZzogMC4wNWVtO1xuICBtYXJnaW46IDAgMCAke3NwYWNpbmcueHNtYWxsfSAwO1xuICBwYWRkaW5nLWJvdHRvbTogJHtzcGFjaW5nLnhzbWFsbH07XG4gIGJvcmRlci1ib3R0b206IDJweCBzb2xpZCAke2NvbG9ycy5icmFuZC5ncmV5TGlnaHR9O1xuICBmb250LXdlaWdodDogJHtmb250cy53ZWlnaHQuYm9sZH07XG4gIHRleHQtdHJhbnNmb3JtOiB1cHBlcmNhc2U7XG5gO1xuXG5jb25zdCBGaWxlc0xpc3QgPSBzdHlsZWQudWxgXG4gIG1hcmdpbjogMDtcbiAgcGFkZGluZzogMDtcbmA7XG5cbmNvbnN0IEZpbGVMaXN0ID0gKHsgY2hpbGRyZW4gfTogUHJvcHMpID0+IHtcbiAgY29uc3QgeyB0IH0gPSB1c2VUcmFuc2xhdGlvbigpO1xuICByZXR1cm4gKFxuICAgIDxGaWxlTGlzdFNlY3Rpb24+XG4gICAgICA8RmlsZUxpc3RIZWFkaW5nPnt0KCdmaWxlcycpfTwvRmlsZUxpc3RIZWFkaW5nPlxuICAgICAgPEZpbGVzTGlzdD57Y2hpbGRyZW59PC9GaWxlc0xpc3Q+XG4gICAgPC9GaWxlTGlzdFNlY3Rpb24+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBGaWxlTGlzdDtcbiJdfQ== */"));
 var FilesList = /*#__PURE__*/(0, _base.default)("ul", {
   target: "e1o67ylf0",
   label: "FilesList"
@@ -27,22 +33,18 @@ var FilesList = /*#__PURE__*/(0, _base.default)("ul", {
 } : {
   name: "1xclg2i",
   styles: "margin:0;padding:0",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZpbGVMaXN0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUErQzJCIiwiZmlsZSI6IkZpbGVMaXN0LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNvbG9ycywgZm9udHMsIHNwYWNpbmcgfSBmcm9tICdAbmRsYS9jb3JlJztcbmltcG9ydCBGaWxlIGZyb20gJy4vRmlsZSc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgRmlsZVR5cGUge1xuICB0aXRsZTogc3RyaW5nO1xuICBmb3JtYXRzOiBGaWxlRm9ybWF0W107XG4gIGZpbGVFeGlzdHM/OiBib29sZWFuO1xufVxuXG5leHBvcnQgaW50ZXJmYWNlIEZpbGVGb3JtYXQge1xuICB1cmw6IHN0cmluZztcbiAgZmlsZVR5cGU6IHN0cmluZztcbiAgdG9vbHRpcDogc3RyaW5nO1xufVxuXG5pbnRlcmZhY2UgUHJvcHMge1xuICBpZDogc3RyaW5nO1xuICBoZWFkaW5nOiBzdHJpbmc7XG4gIGZpbGVzOiBGaWxlVHlwZVtdO1xufVxuXG5jb25zdCBGaWxlTGlzdFNlY3Rpb24gPSBzdHlsZWQuc2VjdGlvbmBcbiAgbWFyZ2luOiAke3NwYWNpbmcubGFyZ2V9IDA7XG4gIHBhZGRpbmc6ICR7c3BhY2luZy5zbWFsbH0gMCAke3NwYWNpbmcubm9ybWFsfSAke3NwYWNpbmcubm9ybWFsfTtcbiAgYm9yZGVyLWxlZnQ6IDJweCBzb2xpZCAke2NvbG9ycy5icmFuZC5ncmV5TGlnaHRlc3R9O1xuICBmb250LWZhbWlseTogJHtmb250cy5zYW5zfTtcblxuICAuYy1pY29uIHtcbiAgICBtYXJnaW4tdG9wOiAzcHg7XG4gICAgZmxleC1zaHJpbms6IDA7XG4gICAgbWFyZ2luLXJpZ2h0OiAke3NwYWNpbmcuc21hbGx9O1xuICAgIGhlaWdodDogMThweDtcbiAgICB3aWR0aDogMThweDtcbiAgfVxuYDtcblxuY29uc3QgRmlsZUxpc3RIZWFkaW5nID0gc3R5bGVkLmgxYFxuICAke2ZvbnRzLnNpemVzKCcxNnB4JywgJzE4cHgnKX07XG4gIGxldHRlci1zcGFjaW5nOiAwLjA1ZW07XG4gIG1hcmdpbjogMCAwICR7c3BhY2luZy54c21hbGx9IDA7XG4gIHBhZGRpbmctYm90dG9tOiAke3NwYWNpbmcueHNtYWxsfTtcbiAgYm9yZGVyLWJvdHRvbTogMnB4IHNvbGlkICR7Y29sb3JzLmJyYW5kLmdyZXlMaWdodH07XG4gIGZvbnQtd2VpZ2h0OiAke2ZvbnRzLndlaWdodC5ib2xkfTtcbiAgdGV4dC10cmFuc2Zvcm06IHVwcGVyY2FzZTtcbmA7XG5cbmNvbnN0IEZpbGVzTGlzdCA9IHN0eWxlZC51bGBcbiAgbWFyZ2luOiAwO1xuICBwYWRkaW5nOiAwO1xuYDtcblxuY29uc3QgRmlsZUxpc3QgPSAoeyBmaWxlcywgaGVhZGluZywgaWQgfTogUHJvcHMpID0+IChcbiAgPEZpbGVMaXN0U2VjdGlvbj5cbiAgICA8RmlsZUxpc3RIZWFkaW5nPntoZWFkaW5nfTwvRmlsZUxpc3RIZWFkaW5nPlxuICAgIDxGaWxlc0xpc3Q+XG4gICAgICB7ZmlsZXMubWFwKChmaWxlKSA9PiAoXG4gICAgICAgIDxGaWxlIGtleT17YGZpbGUtJHtpZH0tJHtmaWxlLnRpdGxlfWB9IGZpbGU9e2ZpbGV9IC8+XG4gICAgICApKX1cbiAgICA8L0ZpbGVzTGlzdD5cbiAgPC9GaWxlTGlzdFNlY3Rpb24+XG4pO1xuXG5leHBvcnQgZGVmYXVsdCBGaWxlTGlzdDtcbiJdfQ== */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZpbGVMaXN0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEwQzJCIiwiZmlsZSI6IkZpbGVMaXN0LnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDIzLXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgY29sb3JzLCBmb250cywgc3BhY2luZyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuaW1wb3J0IHsgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgdXNlVHJhbnNsYXRpb24gfSBmcm9tICdyZWFjdC1pMThuZXh0JztcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgY2hpbGRyZW46IFJlYWN0Tm9kZTtcbn1cblxuY29uc3QgRmlsZUxpc3RTZWN0aW9uID0gc3R5bGVkLnNlY3Rpb25gXG4gIG1hcmdpbjogJHtzcGFjaW5nLmxhcmdlfSAwO1xuICBwYWRkaW5nOiAke3NwYWNpbmcuc21hbGx9IDAgJHtzcGFjaW5nLm5vcm1hbH0gJHtzcGFjaW5nLm5vcm1hbH07XG4gIGJvcmRlci1sZWZ0OiAycHggc29saWQgJHtjb2xvcnMuYnJhbmQuZ3JleUxpZ2h0ZXN0fTtcbiAgZm9udC1mYW1pbHk6ICR7Zm9udHMuc2Fuc307XG5cbiAgLmMtaWNvbiB7XG4gICAgbWFyZ2luLXRvcDogM3B4O1xuICAgIGZsZXgtc2hyaW5rOiAwO1xuICAgIG1hcmdpbi1yaWdodDogJHtzcGFjaW5nLnNtYWxsfTtcbiAgICBoZWlnaHQ6IDE4cHg7XG4gICAgd2lkdGg6IDE4cHg7XG4gIH1cbmA7XG5cbmNvbnN0IEZpbGVMaXN0SGVhZGluZyA9IHN0eWxlZC5oM2BcbiAgJHtmb250cy5zaXplcygnMTZweCcsICcxOHB4Jyl9O1xuICBsZXR0ZXItc3BhY2luZzogMC4wNWVtO1xuICBtYXJnaW46IDAgMCAke3NwYWNpbmcueHNtYWxsfSAwO1xuICBwYWRkaW5nLWJvdHRvbTogJHtzcGFjaW5nLnhzbWFsbH07XG4gIGJvcmRlci1ib3R0b206IDJweCBzb2xpZCAke2NvbG9ycy5icmFuZC5ncmV5TGlnaHR9O1xuICBmb250LXdlaWdodDogJHtmb250cy53ZWlnaHQuYm9sZH07XG4gIHRleHQtdHJhbnNmb3JtOiB1cHBlcmNhc2U7XG5gO1xuXG5jb25zdCBGaWxlc0xpc3QgPSBzdHlsZWQudWxgXG4gIG1hcmdpbjogMDtcbiAgcGFkZGluZzogMDtcbmA7XG5cbmNvbnN0IEZpbGVMaXN0ID0gKHsgY2hpbGRyZW4gfTogUHJvcHMpID0+IHtcbiAgY29uc3QgeyB0IH0gPSB1c2VUcmFuc2xhdGlvbigpO1xuICByZXR1cm4gKFxuICAgIDxGaWxlTGlzdFNlY3Rpb24+XG4gICAgICA8RmlsZUxpc3RIZWFkaW5nPnt0KCdmaWxlcycpfTwvRmlsZUxpc3RIZWFkaW5nPlxuICAgICAgPEZpbGVzTGlzdD57Y2hpbGRyZW59PC9GaWxlc0xpc3Q+XG4gICAgPC9GaWxlTGlzdFNlY3Rpb24+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBGaWxlTGlzdDtcbiJdfQ== */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
 var FileList = function FileList(_ref) {
-  var files = _ref.files,
-    heading = _ref.heading,
-    id = _ref.id;
+  var children = _ref.children;
+  var _useTranslation = (0, _reactI18next.useTranslation)(),
+    t = _useTranslation.t;
   return (0, _jsxRuntime.jsxs)(FileListSection, {
     children: [(0, _jsxRuntime.jsx)(FileListHeading, {
-      children: heading
+      children: t('files')
     }), (0, _jsxRuntime.jsx)(FilesList, {
-      children: files.map(function (file) {
-        return (0, _jsxRuntime.jsx)(_File.default, {
-          file: file
-        }, "file-".concat(id, "-").concat(file.title));
-      })
+      children: children
     })]
   });
 };

package/lib/FileList/index.d.ts

@@ -1,6 +1,4 @@
 import FileList from './FileList';
 export { default as File } from './File';
-export { default as FileListV2 } from './FileListV2';
 export { default as PdfFile } from './PdfFile';
-export { default as FileV2 } from './FileV2';
 export default FileList;

package/lib/FileList/index.js

@@ -9,18 +9,6 @@ Object.defineProperty(exports, "File", {
     return _File.default;
   }
 });
-Object.defineProperty(exports, "FileListV2", {
-  enumerable: true,
-  get: function get() {
-    return _FileListV.default;
-  }
-});
-Object.defineProperty(exports, "FileV2", {
-  enumerable: true,
-  get: function get() {
-    return _FileV.default;
-  }
-});
 Object.defineProperty(exports, "PdfFile", {
   enumerable: true,
   get: function get() {
@@ -30,9 +18,7 @@ Object.defineProperty(exports, "PdfFile", {
 exports.default = void 0;
 var _FileList = _interopRequireDefault(require("./FileList"));
 var _File = _interopRequireDefault(require("./File"));
-var _FileListV = _interopRequireDefault(require("./FileListV2"));
 var _PdfFile = _interopRequireDefault(require("./PdfFile"));
-var _FileV = _interopRequireDefault(require("./FileV2"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 var _default = _FileList.default;
 exports.default = _default;