@ndla/ui 34.6.2 → 34.6.3

package/lib/Embed/index.d.ts

@@ -0,0 +1,20 @@
+/**
+ * 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.
+ *
+ */
+export { default as ImageEmbed } from './ImageEmbed';
+export { default as AudioEmbed } from './AudioEmbed';
+export { default as H5pEmbed } from './H5pEmbed';
+export { default as ExternalEmbed } from './ExternalEmbed';
+export { default as IframeEmbed } from './IframeEmbed';
+export { default as FootnoteEmbed } from './FootnoteEmbed';
+export { default as BrightcoveEmbed } from './BrightcoveEmbed';
+export { default as ContentLinkEmbed } from './ContentLinkEmbed';
+export { default as RelatedContentEmbed } from './RelatedContentEmbed';
+export { default as ConceptEmbed } from './ConceptEmbed';
+export { ConceptNotionV2 } from './conceptComponents';
+export { default as ConceptListEmbed } from './ConceptListEmbed';
+export { default as UnknownEmbed } from './UnknownEmbed';

package/lib/Embed/index.js

@@ -0,0 +1,97 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "AudioEmbed", {
+  enumerable: true,
+  get: function get() {
+    return _AudioEmbed["default"];
+  }
+});
+Object.defineProperty(exports, "BrightcoveEmbed", {
+  enumerable: true,
+  get: function get() {
+    return _BrightcoveEmbed["default"];
+  }
+});
+Object.defineProperty(exports, "ConceptEmbed", {
+  enumerable: true,
+  get: function get() {
+    return _ConceptEmbed["default"];
+  }
+});
+Object.defineProperty(exports, "ConceptListEmbed", {
+  enumerable: true,
+  get: function get() {
+    return _ConceptListEmbed["default"];
+  }
+});
+Object.defineProperty(exports, "ConceptNotionV2", {
+  enumerable: true,
+  get: function get() {
+    return _conceptComponents.ConceptNotionV2;
+  }
+});
+Object.defineProperty(exports, "ContentLinkEmbed", {
+  enumerable: true,
+  get: function get() {
+    return _ContentLinkEmbed["default"];
+  }
+});
+Object.defineProperty(exports, "ExternalEmbed", {
+  enumerable: true,
+  get: function get() {
+    return _ExternalEmbed["default"];
+  }
+});
+Object.defineProperty(exports, "FootnoteEmbed", {
+  enumerable: true,
+  get: function get() {
+    return _FootnoteEmbed["default"];
+  }
+});
+Object.defineProperty(exports, "H5pEmbed", {
+  enumerable: true,
+  get: function get() {
+    return _H5pEmbed["default"];
+  }
+});
+Object.defineProperty(exports, "IframeEmbed", {
+  enumerable: true,
+  get: function get() {
+    return _IframeEmbed["default"];
+  }
+});
+Object.defineProperty(exports, "ImageEmbed", {
+  enumerable: true,
+  get: function get() {
+    return _ImageEmbed["default"];
+  }
+});
+Object.defineProperty(exports, "RelatedContentEmbed", {
+  enumerable: true,
+  get: function get() {
+    return _RelatedContentEmbed["default"];
+  }
+});
+Object.defineProperty(exports, "UnknownEmbed", {
+  enumerable: true,
+  get: function get() {
+    return _UnknownEmbed["default"];
+  }
+});
+var _ImageEmbed = _interopRequireDefault(require("./ImageEmbed"));
+var _AudioEmbed = _interopRequireDefault(require("./AudioEmbed"));
+var _H5pEmbed = _interopRequireDefault(require("./H5pEmbed"));
+var _ExternalEmbed = _interopRequireDefault(require("./ExternalEmbed"));
+var _IframeEmbed = _interopRequireDefault(require("./IframeEmbed"));
+var _FootnoteEmbed = _interopRequireDefault(require("./FootnoteEmbed"));
+var _BrightcoveEmbed = _interopRequireDefault(require("./BrightcoveEmbed"));
+var _ContentLinkEmbed = _interopRequireDefault(require("./ContentLinkEmbed"));
+var _RelatedContentEmbed = _interopRequireDefault(require("./RelatedContentEmbed"));
+var _ConceptEmbed = _interopRequireDefault(require("./ConceptEmbed"));
+var _conceptComponents = require("./conceptComponents");
+var _ConceptListEmbed = _interopRequireDefault(require("./ConceptListEmbed"));
+var _UnknownEmbed = _interopRequireDefault(require("./UnknownEmbed"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

package/lib/FactBox/FactBoxV2.d.ts

@@ -0,0 +1,13 @@
+/**
+ * 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.
+ *
+ */
+import { ReactNode } from 'react';
+interface Props {
+    children?: ReactNode;
+}
+declare const FactBox: ({ children }: Props) => import("@emotion/react/jsx-runtime").JSX.Element;
+export default FactBox;

package/lib/FactBox/FactBoxV2.js

@@ -0,0 +1,92 @@
+"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 = _interopRequireWildcard(require("react"));
+var _reactBemHelper = _interopRequireDefault(require("react-bem-helper"));
+var _reactI18next = require("react-i18next");
+var _button = require("@ndla/button");
+var _common = require("@ndla/icons/common");
+var _jsxRuntime = require("@emotion/react/jsx-runtime");
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": 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) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+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 = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["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)."; }
+var classes = new _reactBemHelper["default"]({
+  name: 'factbox',
+  prefix: 'c-'
+});
+var StyledAside = /*#__PURE__*/(0, _base["default"])("aside", {
+  target: "e1imrgx42",
+  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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZhY3RCb3hWMi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBd0JnQyIsImZpbGUiOiJGYWN0Qm94VjIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMTYtcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgUmVhY3QsIHsgUmVhY3ROb2RlLCB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBCRU1IZWxwZXIgZnJvbSAncmVhY3QtYmVtLWhlbHBlcic7XG5pbXBvcnQgeyB1c2VUcmFuc2xhdGlvbiB9IGZyb20gJ3JlYWN0LWkxOG5leHQnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgSWNvbkJ1dHRvblYyIH0gZnJvbSAnQG5kbGEvYnV0dG9uJztcbmltcG9ydCB7IENoZXZyb25Eb3duLCBDaGV2cm9uVXAgfSBmcm9tICdAbmRsYS9pY29ucy9jb21tb24nO1xuXG5jb25zdCBjbGFzc2VzID0gbmV3IEJFTUhlbHBlcih7XG4gIG5hbWU6ICdmYWN0Ym94JyxcbiAgcHJlZml4OiAnYy0nLFxufSk7XG5cbmludGVyZmFjZSBQcm9wcyB7XG4gIGNoaWxkcmVuPzogUmVhY3ROb2RlO1xufVxuXG5jb25zdCBTdHlsZWRBc2lkZSA9IHN0eWxlZC5hc2lkZWBcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbmA7XG5cbmNvbnN0IFN0eWxlZERpdiA9IHN0eWxlZC5kaXZgXG4gIHdpZHRoOiAxMDAlO1xuYDtcblxuY29uc3QgU3R5bGVkSWNvbkJ1dHRvbiA9IHN0eWxlZChJY29uQnV0dG9uVjIpYFxuICBtYXJnaW4tdG9wOiAtMjBweDtcbiAgei1pbmRleDogMTtcbmA7XG5cbmNvbnN0IEZhY3RCb3ggPSAoeyBjaGlsZHJlbiB9OiBQcm9wcykgPT4ge1xuICBjb25zdCB7IHQgfSA9IHVzZVRyYW5zbGF0aW9uKCk7XG4gIGNvbnN0IFtpc09wZW4sIHNldElzT3Blbl0gPSB1c2VTdGF0ZShmYWxzZSk7XG5cbiAgY29uc3QgYWRkaXRpb25hbCA9IGlzT3BlbiA/ICdleHBhbmRlZCcgOiAnJztcblxuICByZXR1cm4gKFxuICAgIDxTdHlsZWRBc2lkZSB7Li4uY2xhc3Nlcyh1bmRlZmluZWQsIHVuZGVmaW5lZCwgYWRkaXRpb25hbCl9PlxuICAgICAgPFN0eWxlZERpdiB7Li4uY2xhc3NlcygnY29udGVudCcpfT57Y2hpbGRyZW59PC9TdHlsZWREaXY+XG4gICAgICA8U3R5bGVkSWNvbkJ1dHRvbiBvbkNsaWNrPXsoKSA9PiBzZXRJc09wZW4oKHApID0+ICFwKX0gYXJpYS1sYWJlbD17dChgZmFjdGJveC4ke2lzT3BlbiA/ICdjbG9zZScgOiAnb3Blbid9YCl9PlxuICAgICAgICB7aXNPcGVuID8gPENoZXZyb25VcCAvPiA6IDxDaGV2cm9uRG93biAvPn1cbiAgICAgIDwvU3R5bGVkSWNvbkJ1dHRvbj5cbiAgICA8L1N0eWxlZEFzaWRlPlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgRmFjdEJveDtcbiJdfQ== */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+var StyledDiv = /*#__PURE__*/(0, _base["default"])("div", {
+  target: "e1imrgx41",
+  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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZhY3RCb3hWMi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBOEI0QiIsImZpbGUiOiJGYWN0Qm94VjIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMTYtcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgUmVhY3QsIHsgUmVhY3ROb2RlLCB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBCRU1IZWxwZXIgZnJvbSAncmVhY3QtYmVtLWhlbHBlcic7XG5pbXBvcnQgeyB1c2VUcmFuc2xhdGlvbiB9IGZyb20gJ3JlYWN0LWkxOG5leHQnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgSWNvbkJ1dHRvblYyIH0gZnJvbSAnQG5kbGEvYnV0dG9uJztcbmltcG9ydCB7IENoZXZyb25Eb3duLCBDaGV2cm9uVXAgfSBmcm9tICdAbmRsYS9pY29ucy9jb21tb24nO1xuXG5jb25zdCBjbGFzc2VzID0gbmV3IEJFTUhlbHBlcih7XG4gIG5hbWU6ICdmYWN0Ym94JyxcbiAgcHJlZml4OiAnYy0nLFxufSk7XG5cbmludGVyZmFjZSBQcm9wcyB7XG4gIGNoaWxkcmVuPzogUmVhY3ROb2RlO1xufVxuXG5jb25zdCBTdHlsZWRBc2lkZSA9IHN0eWxlZC5hc2lkZWBcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbmA7XG5cbmNvbnN0IFN0eWxlZERpdiA9IHN0eWxlZC5kaXZgXG4gIHdpZHRoOiAxMDAlO1xuYDtcblxuY29uc3QgU3R5bGVkSWNvbkJ1dHRvbiA9IHN0eWxlZChJY29uQnV0dG9uVjIpYFxuICBtYXJnaW4tdG9wOiAtMjBweDtcbiAgei1pbmRleDogMTtcbmA7XG5cbmNvbnN0IEZhY3RCb3ggPSAoeyBjaGlsZHJlbiB9OiBQcm9wcykgPT4ge1xuICBjb25zdCB7IHQgfSA9IHVzZVRyYW5zbGF0aW9uKCk7XG4gIGNvbnN0IFtpc09wZW4sIHNldElzT3Blbl0gPSB1c2VTdGF0ZShmYWxzZSk7XG5cbiAgY29uc3QgYWRkaXRpb25hbCA9IGlzT3BlbiA/ICdleHBhbmRlZCcgOiAnJztcblxuICByZXR1cm4gKFxuICAgIDxTdHlsZWRBc2lkZSB7Li4uY2xhc3Nlcyh1bmRlZmluZWQsIHVuZGVmaW5lZCwgYWRkaXRpb25hbCl9PlxuICAgICAgPFN0eWxlZERpdiB7Li4uY2xhc3NlcygnY29udGVudCcpfT57Y2hpbGRyZW59PC9TdHlsZWREaXY+XG4gICAgICA8U3R5bGVkSWNvbkJ1dHRvbiBvbkNsaWNrPXsoKSA9PiBzZXRJc09wZW4oKHApID0+ICFwKX0gYXJpYS1sYWJlbD17dChgZmFjdGJveC4ke2lzT3BlbiA/ICdjbG9zZScgOiAnb3Blbid9YCl9PlxuICAgICAgICB7aXNPcGVuID8gPENoZXZyb25VcCAvPiA6IDxDaGV2cm9uRG93biAvPn1cbiAgICAgIDwvU3R5bGVkSWNvbkJ1dHRvbj5cbiAgICA8L1N0eWxlZEFzaWRlPlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgRmFjdEJveDtcbiJdfQ== */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+var StyledIconButton = /*#__PURE__*/(0, _base["default"])(_button.IconButtonV2, {
+  target: "e1imrgx40",
+  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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZhY3RCb3hWMi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0M2QyIsImZpbGUiOiJGYWN0Qm94VjIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMTYtcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgUmVhY3QsIHsgUmVhY3ROb2RlLCB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBCRU1IZWxwZXIgZnJvbSAncmVhY3QtYmVtLWhlbHBlcic7XG5pbXBvcnQgeyB1c2VUcmFuc2xhdGlvbiB9IGZyb20gJ3JlYWN0LWkxOG5leHQnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgSWNvbkJ1dHRvblYyIH0gZnJvbSAnQG5kbGEvYnV0dG9uJztcbmltcG9ydCB7IENoZXZyb25Eb3duLCBDaGV2cm9uVXAgfSBmcm9tICdAbmRsYS9pY29ucy9jb21tb24nO1xuXG5jb25zdCBjbGFzc2VzID0gbmV3IEJFTUhlbHBlcih7XG4gIG5hbWU6ICdmYWN0Ym94JyxcbiAgcHJlZml4OiAnYy0nLFxufSk7XG5cbmludGVyZmFjZSBQcm9wcyB7XG4gIGNoaWxkcmVuPzogUmVhY3ROb2RlO1xufVxuXG5jb25zdCBTdHlsZWRBc2lkZSA9IHN0eWxlZC5hc2lkZWBcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbmA7XG5cbmNvbnN0IFN0eWxlZERpdiA9IHN0eWxlZC5kaXZgXG4gIHdpZHRoOiAxMDAlO1xuYDtcblxuY29uc3QgU3R5bGVkSWNvbkJ1dHRvbiA9IHN0eWxlZChJY29uQnV0dG9uVjIpYFxuICBtYXJnaW4tdG9wOiAtMjBweDtcbiAgei1pbmRleDogMTtcbmA7XG5cbmNvbnN0IEZhY3RCb3ggPSAoeyBjaGlsZHJlbiB9OiBQcm9wcykgPT4ge1xuICBjb25zdCB7IHQgfSA9IHVzZVRyYW5zbGF0aW9uKCk7XG4gIGNvbnN0IFtpc09wZW4sIHNldElzT3Blbl0gPSB1c2VTdGF0ZShmYWxzZSk7XG5cbiAgY29uc3QgYWRkaXRpb25hbCA9IGlzT3BlbiA/ICdleHBhbmRlZCcgOiAnJztcblxuICByZXR1cm4gKFxuICAgIDxTdHlsZWRBc2lkZSB7Li4uY2xhc3Nlcyh1bmRlZmluZWQsIHVuZGVmaW5lZCwgYWRkaXRpb25hbCl9PlxuICAgICAgPFN0eWxlZERpdiB7Li4uY2xhc3NlcygnY29udGVudCcpfT57Y2hpbGRyZW59PC9TdHlsZWREaXY+XG4gICAgICA8U3R5bGVkSWNvbkJ1dHRvbiBvbkNsaWNrPXsoKSA9PiBzZXRJc09wZW4oKHApID0+ICFwKX0gYXJpYS1sYWJlbD17dChgZmFjdGJveC4ke2lzT3BlbiA/ICdjbG9zZScgOiAnb3Blbid9YCl9PlxuICAgICAgICB7aXNPcGVuID8gPENoZXZyb25VcCAvPiA6IDxDaGV2cm9uRG93biAvPn1cbiAgICAgIDwvU3R5bGVkSWNvbkJ1dHRvbj5cbiAgICA8L1N0eWxlZEFzaWRlPlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgRmFjdEJveDtcbiJdfQ== */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+var FactBox = function FactBox(_ref) {
+  var children = _ref.children;
+  var _useTranslation = (0, _reactI18next.useTranslation)(),
+    t = _useTranslation.t;
+  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)(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;
+exports["default"] = _default;

package/lib/FactBox/index.d.ts

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

package/lib/FactBox/index.js

@@ -3,8 +3,15 @@
 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/Figure.d.ts

@@ -6,7 +6,7 @@
  *
  */
 import { ReactNode } from 'react';
-export declare const FigureCaption: ({ figureId, id, children, caption, authors, reuseLabel, licenseRights, locale, link, hideFigcaption, hasLinkedVideo, hideIconsAndAuthors, linkedVideoMessages, }: FigureCaptionProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const FigureCaption: ({ figureId, id, modalButton, children, caption, authors, reuseLabel, licenseRights, locale, link, hideFigcaption, hasLinkedVideo, hideIconsAndAuthors, linkedVideoMessages, linkedVideoButton, className, }: FigureCaptionProps) => import("@emotion/react/jsx-runtime").JSX.Element;
 export interface FigureLicense {
     short: string;
     title: string;
@@ -17,12 +17,15 @@ export interface FigureLicense {
     url?: string;
 }
 interface FigureCaptionProps {
+    className?: string;
     figureId: string;
     id?: string;
     caption?: string;
-    reuseLabel: string;
+    reuseLabel?: string;
     licenseRights: string[];
     children?: ReactNode;
+    modalButton?: ReactNode;
+    linkedVideoButton?: ReactNode;
     authors?: {
         name: string;
     }[];

package/lib/Figure/Figure.js

@@ -27,6 +27,7 @@ var classes = new _reactBemHelper["default"]({
 var FigureCaption = function FigureCaption(_ref) {
   var figureId = _ref.figureId,
     id = _ref.id,
+    modalButton = _ref.modalButton,
     children = _ref.children,
     caption = _ref.caption,
     authors = _ref.authors,
@@ -37,8 +38,10 @@ var FigureCaption = function FigureCaption(_ref) {
     hideFigcaption = _ref.hideFigcaption,
     hasLinkedVideo = _ref.hasLinkedVideo,
     hideIconsAndAuthors = _ref.hideIconsAndAuthors,
-    linkedVideoMessages = _ref.linkedVideoMessages;
-  return (0, _jsxRuntime.jsxs)("figcaption", _objectSpread(_objectSpread({}, classes('caption', hideFigcaption && !_reactDeviceDetect.isMobile ? 'hidden-caption' : undefined)), {}, {
+    linkedVideoMessages = _ref.linkedVideoMessages,
+    linkedVideoButton = _ref.linkedVideoButton,
+    className = _ref.className;
+  return (0, _jsxRuntime.jsxs)("figcaption", _objectSpread(_objectSpread({}, classes('caption', hideFigcaption && !_reactDeviceDetect.isMobile ? 'hidden-caption' : undefined, className)), {}, {
     children: [caption ? (0, _jsxRuntime.jsx)("div", _objectSpread(_objectSpread({}, classes('info')), {}, {
       children: (0, _util.parseMarkdown)(caption)
     })) : null, (0, _jsxRuntime.jsx)("footer", _objectSpread(_objectSpread({}, classes('byline')), {}, {
@@ -53,7 +56,7 @@ var FigureCaption = function FigureCaption(_ref) {
                 return author.name;
               }).join(', ')
             })), (0, _jsxRuntime.jsxs)("div", {
-              children: [(0, _jsxRuntime.jsx)(_button["default"], {
+              children: [modalButton ? modalButton : (0, _jsxRuntime.jsx)(_button["default"], {
                 borderShape: "rounded",
                 outline: true,
                 size: "small",
@@ -61,7 +64,7 @@ var FigureCaption = function FigureCaption(_ref) {
                 "data-dialog-trigger-id": id,
                 "data-dialog-source-id": figureId,
                 children: reuseLabel
-              }), hasLinkedVideo && (0, _jsxRuntime.jsxs)(_button["default"], _objectSpread(_objectSpread({
+              }), hasLinkedVideo && (linkedVideoButton ? linkedVideoButton : (0, _jsxRuntime.jsxs)(_button["default"], _objectSpread(_objectSpread({
                 borderShape: "rounded",
                 outline: true,
                 size: "small",
@@ -74,7 +77,7 @@ var FigureCaption = function FigureCaption(_ref) {
                   className: "alternative hidden",
                   children: linkedVideoMessages === null || linkedVideoMessages === void 0 ? void 0 : linkedVideoMessages.original
                 })]
-              }))]
+              })))]
             }), children]
           }))
         }), link && (0, _jsxRuntime.jsxs)("div", _objectSpread(_objectSpread({}, classes('link-wrapper')), {}, {

package/lib/Figure/FigureLicenseDialogContent.d.ts

@@ -0,0 +1,22 @@
+/**
+ * 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';
+import { Contributor } from '../types';
+import { FigureLicense } from './Figure';
+interface Props {
+    children?: ReactNode;
+    origin?: string;
+    authors?: Contributor[];
+    onClose: () => void;
+    type: 'image' | 'text' | 'audio' | 'podcast' | 'video' | 'h5p' | 'concept' | 'files';
+    title?: string;
+    license: FigureLicense;
+    locale: string;
+}
+export declare const FigureLicenseDialogContent: ({ children, authors, origin, title, locale, license, onClose, type, }: Props) => import("@emotion/react/jsx-runtime").JSX.Element;
+export {};

package/lib/Figure/FigureLicenseDialogContent.js

@@ -0,0 +1,71 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FigureLicenseDialogContent = void 0;
+var _base = _interopRequireDefault(require("@emotion/styled/base"));
+var _reactI18next = require("react-i18next");
+var _core = require("@ndla/core");
+var _button = require("@ndla/button");
+var _modal = require("@ndla/modal");
+var _FigureLicense = require("./FigureLicense");
+var _jsxRuntime = require("@emotion/react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": 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) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+var StyledModalBody = /*#__PURE__*/(0, _base["default"])(_modal.ModalBody, {
+  target: "e1gagts2",
+  label: "StyledModalBody"
+})("background-color:", _core.colors.brand.light, ";flex:1;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZpZ3VyZUxpY2Vuc2VEaWFsb2dDb250ZW50LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE2QnlDIiwiZmlsZSI6IkZpZ3VyZUxpY2Vuc2VEaWFsb2dDb250ZW50LnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDIzLXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuaW1wb3J0IHsgdXNlVHJhbnNsYXRpb24gfSBmcm9tICdyZWFjdC1pMThuZXh0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNvbG9ycywgZm9udHMsIHNwYWNpbmcgfSBmcm9tICdAbmRsYS9jb3JlJztcbmltcG9ydCB7IEJ1dHRvblYyIH0gZnJvbSAnQG5kbGEvYnV0dG9uJztcbmltcG9ydCB7IE1vZGFsQm9keSB9IGZyb20gJ0BuZGxhL21vZGFsJztcbmltcG9ydCB7IFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IENvbnRyaWJ1dG9yIH0gZnJvbSAnLi4vdHlwZXMnO1xuaW1wb3J0IHsgRmlndXJlTGljZW5zZSB9IGZyb20gJy4vRmlndXJlJztcbmltcG9ydCB7IGNsYXNzTGljZW5zZXMsIEZpZ3VyZUxpY2Vuc2VCeWxpbmUsIEZpZ3VyZUxpY2Vuc2VDdGEgfSBmcm9tICcuL0ZpZ3VyZUxpY2Vuc2UnO1xuXG5pbnRlcmZhY2UgUHJvcHMge1xuICBjaGlsZHJlbj86IFJlYWN0Tm9kZTtcbiAgb3JpZ2luPzogc3RyaW5nO1xuICBhdXRob3JzPzogQ29udHJpYnV0b3JbXTtcbiAgb25DbG9zZTogKCkgPT4gdm9pZDtcbiAgdHlwZTogJ2ltYWdlJyB8ICd0ZXh0JyB8ICdhdWRpbycgfCAncG9kY2FzdCcgfCAndmlkZW8nIHwgJ2g1cCcgfCAnY29uY2VwdCcgfCAnZmlsZXMnO1xuICB0aXRsZT86IHN0cmluZztcbiAgbGljZW5zZTogRmlndXJlTGljZW5zZTtcbiAgbG9jYWxlOiBzdHJpbmc7XG59XG5cbmNvbnN0IFN0eWxlZE1vZGFsQm9keSA9IHN0eWxlZChNb2RhbEJvZHkpYFxuICBiYWNrZ3JvdW5kLWNvbG9yOiAke2NvbG9ycy5icmFuZC5saWdodH07XG4gIGZsZXg6IDE7XG5gO1xuXG5jb25zdCBTdHlsZWRIMSA9IHN0eWxlZC5oMWBcbiAgY29sb3I6ICR7Y29sb3JzLmJyYW5kLnByaW1hcnl9O1xuICAke2ZvbnRzLnNpemVzKCcyMnB4JywgJzIycHgnKX07XG4gIG1hcmdpbjogMDtcbiAgZmxleC1ncm93OiAxO1xuYDtcblxuY29uc3QgU3R5bGVkSGVhZGVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBmbGV4LWVuZDtcbiAgcGFkZGluZy1ib3R0b206ICR7c3BhY2luZy5ub3JtYWx9O1xuYDtcblxuZXhwb3J0IGNvbnN0IEZpZ3VyZUxpY2Vuc2VEaWFsb2dDb250ZW50ID0gKHtcbiAgY2hpbGRyZW4sXG4gIGF1dGhvcnMsXG4gIG9yaWdpbixcbiAgdGl0bGUsXG4gIGxvY2FsZSxcbiAgbGljZW5zZSxcbiAgb25DbG9zZSxcbiAgdHlwZSxcbn06IFByb3BzKSA9PiB7XG4gIGNvbnN0IHsgdCB9ID0gdXNlVHJhbnNsYXRpb24oKTtcbiAgY29uc3QgbWVzc2FnZXMgPSB7XG4gICAgdGl0bGU6IHQoJ3RpdGxlJyksXG4gICAgc291cmNlOiB0KCdzb3VyY2UnKSxcbiAgICBsZWFybkFib3V0TGljZW5zZXM6IHQoJ2xpY2Vuc2UubGVhcm5Nb3JlJyksXG4gIH07XG4gIHJldHVybiAoXG4gICAgPFN0eWxlZE1vZGFsQm9keT5cbiAgICAgIDxkaXYgey4uLmNsYXNzTGljZW5zZXMoKX0+XG4gICAgICAgIDxTdHlsZWRIZWFkZXI+XG4gICAgICAgICAgPFN0eWxlZEgxIGlkPVwibGljZW5zZS1kaWFsb2ctcnVsZXMtaGVhZGluZ1wiPnt0KGBsaWNlbnNlLiR7dHlwZX0ucnVsZXNgKX08L1N0eWxlZEgxPlxuICAgICAgICAgIDxCdXR0b25WMiB2YXJpYW50PVwibGlua1wiIG9uQ2xpY2s9e29uQ2xvc2V9PlxuICAgICAgICAgICAge3QoJ2Nsb3NlJyl9XG4gICAgICAgICAgPC9CdXR0b25WMj5cbiAgICAgICAgPC9TdHlsZWRIZWFkZXI+XG4gICAgICAgIDxGaWd1cmVMaWNlbnNlQnlsaW5lIGxpY2Vuc2U9e2xpY2Vuc2V9IG1lc3NhZ2VzPXttZXNzYWdlc30gbG9jYWxlPXtsb2NhbGV9IC8+XG4gICAgICAgIDxGaWd1cmVMaWNlbnNlQ3RhIGF1dGhvcnM9e2F1dGhvcnN9IHRpdGxlPXt0aXRsZX0gb3JpZ2luPXtvcmlnaW59IG1lc3NhZ2VzPXttZXNzYWdlc30+XG4gICAgICAgICAge2NoaWxkcmVufVxuICAgICAgICA8L0ZpZ3VyZUxpY2Vuc2VDdGE+XG4gICAgICA8L2Rpdj5cbiAgICA8L1N0eWxlZE1vZGFsQm9keT5cbiAgKTtcbn07XG4iXX0= */"));
+var StyledH1 = /*#__PURE__*/(0, _base["default"])("h1", {
+  target: "e1gagts1",
+  label: "StyledH1"
+})("color:", _core.colors.brand.primary, ";", _core.fonts.sizes('22px', '22px'), ";margin:0;flex-grow:1;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZpZ3VyZUxpY2Vuc2VEaWFsb2dDb250ZW50LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFrQzBCIiwiZmlsZSI6IkZpZ3VyZUxpY2Vuc2VEaWFsb2dDb250ZW50LnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDIzLXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuaW1wb3J0IHsgdXNlVHJhbnNsYXRpb24gfSBmcm9tICdyZWFjdC1pMThuZXh0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNvbG9ycywgZm9udHMsIHNwYWNpbmcgfSBmcm9tICdAbmRsYS9jb3JlJztcbmltcG9ydCB7IEJ1dHRvblYyIH0gZnJvbSAnQG5kbGEvYnV0dG9uJztcbmltcG9ydCB7IE1vZGFsQm9keSB9IGZyb20gJ0BuZGxhL21vZGFsJztcbmltcG9ydCB7IFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IENvbnRyaWJ1dG9yIH0gZnJvbSAnLi4vdHlwZXMnO1xuaW1wb3J0IHsgRmlndXJlTGljZW5zZSB9IGZyb20gJy4vRmlndXJlJztcbmltcG9ydCB7IGNsYXNzTGljZW5zZXMsIEZpZ3VyZUxpY2Vuc2VCeWxpbmUsIEZpZ3VyZUxpY2Vuc2VDdGEgfSBmcm9tICcuL0ZpZ3VyZUxpY2Vuc2UnO1xuXG5pbnRlcmZhY2UgUHJvcHMge1xuICBjaGlsZHJlbj86IFJlYWN0Tm9kZTtcbiAgb3JpZ2luPzogc3RyaW5nO1xuICBhdXRob3JzPzogQ29udHJpYnV0b3JbXTtcbiAgb25DbG9zZTogKCkgPT4gdm9pZDtcbiAgdHlwZTogJ2ltYWdlJyB8ICd0ZXh0JyB8ICdhdWRpbycgfCAncG9kY2FzdCcgfCAndmlkZW8nIHwgJ2g1cCcgfCAnY29uY2VwdCcgfCAnZmlsZXMnO1xuICB0aXRsZT86IHN0cmluZztcbiAgbGljZW5zZTogRmlndXJlTGljZW5zZTtcbiAgbG9jYWxlOiBzdHJpbmc7XG59XG5cbmNvbnN0IFN0eWxlZE1vZGFsQm9keSA9IHN0eWxlZChNb2RhbEJvZHkpYFxuICBiYWNrZ3JvdW5kLWNvbG9yOiAke2NvbG9ycy5icmFuZC5saWdodH07XG4gIGZsZXg6IDE7XG5gO1xuXG5jb25zdCBTdHlsZWRIMSA9IHN0eWxlZC5oMWBcbiAgY29sb3I6ICR7Y29sb3JzLmJyYW5kLnByaW1hcnl9O1xuICAke2ZvbnRzLnNpemVzKCcyMnB4JywgJzIycHgnKX07XG4gIG1hcmdpbjogMDtcbiAgZmxleC1ncm93OiAxO1xuYDtcblxuY29uc3QgU3R5bGVkSGVhZGVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBmbGV4LWVuZDtcbiAgcGFkZGluZy1ib3R0b206ICR7c3BhY2luZy5ub3JtYWx9O1xuYDtcblxuZXhwb3J0IGNvbnN0IEZpZ3VyZUxpY2Vuc2VEaWFsb2dDb250ZW50ID0gKHtcbiAgY2hpbGRyZW4sXG4gIGF1dGhvcnMsXG4gIG9yaWdpbixcbiAgdGl0bGUsXG4gIGxvY2FsZSxcbiAgbGljZW5zZSxcbiAgb25DbG9zZSxcbiAgdHlwZSxcbn06IFByb3BzKSA9PiB7XG4gIGNvbnN0IHsgdCB9ID0gdXNlVHJhbnNsYXRpb24oKTtcbiAgY29uc3QgbWVzc2FnZXMgPSB7XG4gICAgdGl0bGU6IHQoJ3RpdGxlJyksXG4gICAgc291cmNlOiB0KCdzb3VyY2UnKSxcbiAgICBsZWFybkFib3V0TGljZW5zZXM6IHQoJ2xpY2Vuc2UubGVhcm5Nb3JlJyksXG4gIH07XG4gIHJldHVybiAoXG4gICAgPFN0eWxlZE1vZGFsQm9keT5cbiAgICAgIDxkaXYgey4uLmNsYXNzTGljZW5zZXMoKX0+XG4gICAgICAgIDxTdHlsZWRIZWFkZXI+XG4gICAgICAgICAgPFN0eWxlZEgxIGlkPVwibGljZW5zZS1kaWFsb2ctcnVsZXMtaGVhZGluZ1wiPnt0KGBsaWNlbnNlLiR7dHlwZX0ucnVsZXNgKX08L1N0eWxlZEgxPlxuICAgICAgICAgIDxCdXR0b25WMiB2YXJpYW50PVwibGlua1wiIG9uQ2xpY2s9e29uQ2xvc2V9PlxuICAgICAgICAgICAge3QoJ2Nsb3NlJyl9XG4gICAgICAgICAgPC9CdXR0b25WMj5cbiAgICAgICAgPC9TdHlsZWRIZWFkZXI+XG4gICAgICAgIDxGaWd1cmVMaWNlbnNlQnlsaW5lIGxpY2Vuc2U9e2xpY2Vuc2V9IG1lc3NhZ2VzPXttZXNzYWdlc30gbG9jYWxlPXtsb2NhbGV9IC8+XG4gICAgICAgIDxGaWd1cmVMaWNlbnNlQ3RhIGF1dGhvcnM9e2F1dGhvcnN9IHRpdGxlPXt0aXRsZX0gb3JpZ2luPXtvcmlnaW59IG1lc3NhZ2VzPXttZXNzYWdlc30+XG4gICAgICAgICAge2NoaWxkcmVufVxuICAgICAgICA8L0ZpZ3VyZUxpY2Vuc2VDdGE+XG4gICAgICA8L2Rpdj5cbiAgICA8L1N0eWxlZE1vZGFsQm9keT5cbiAgKTtcbn07XG4iXX0= */"));
+var StyledHeader = /*#__PURE__*/(0, _base["default"])("div", {
+  target: "e1gagts0",
+  label: "StyledHeader"
+})("display:flex;justify-content:flex-end;padding-bottom:", _core.spacing.normal, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZpZ3VyZUxpY2Vuc2VEaWFsb2dDb250ZW50LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF5QytCIiwiZmlsZSI6IkZpZ3VyZUxpY2Vuc2VEaWFsb2dDb250ZW50LnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDIzLXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuaW1wb3J0IHsgdXNlVHJhbnNsYXRpb24gfSBmcm9tICdyZWFjdC1pMThuZXh0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNvbG9ycywgZm9udHMsIHNwYWNpbmcgfSBmcm9tICdAbmRsYS9jb3JlJztcbmltcG9ydCB7IEJ1dHRvblYyIH0gZnJvbSAnQG5kbGEvYnV0dG9uJztcbmltcG9ydCB7IE1vZGFsQm9keSB9IGZyb20gJ0BuZGxhL21vZGFsJztcbmltcG9ydCB7IFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IENvbnRyaWJ1dG9yIH0gZnJvbSAnLi4vdHlwZXMnO1xuaW1wb3J0IHsgRmlndXJlTGljZW5zZSB9IGZyb20gJy4vRmlndXJlJztcbmltcG9ydCB7IGNsYXNzTGljZW5zZXMsIEZpZ3VyZUxpY2Vuc2VCeWxpbmUsIEZpZ3VyZUxpY2Vuc2VDdGEgfSBmcm9tICcuL0ZpZ3VyZUxpY2Vuc2UnO1xuXG5pbnRlcmZhY2UgUHJvcHMge1xuICBjaGlsZHJlbj86IFJlYWN0Tm9kZTtcbiAgb3JpZ2luPzogc3RyaW5nO1xuICBhdXRob3JzPzogQ29udHJpYnV0b3JbXTtcbiAgb25DbG9zZTogKCkgPT4gdm9pZDtcbiAgdHlwZTogJ2ltYWdlJyB8ICd0ZXh0JyB8ICdhdWRpbycgfCAncG9kY2FzdCcgfCAndmlkZW8nIHwgJ2g1cCcgfCAnY29uY2VwdCcgfCAnZmlsZXMnO1xuICB0aXRsZT86IHN0cmluZztcbiAgbGljZW5zZTogRmlndXJlTGljZW5zZTtcbiAgbG9jYWxlOiBzdHJpbmc7XG59XG5cbmNvbnN0IFN0eWxlZE1vZGFsQm9keSA9IHN0eWxlZChNb2RhbEJvZHkpYFxuICBiYWNrZ3JvdW5kLWNvbG9yOiAke2NvbG9ycy5icmFuZC5saWdodH07XG4gIGZsZXg6IDE7XG5gO1xuXG5jb25zdCBTdHlsZWRIMSA9IHN0eWxlZC5oMWBcbiAgY29sb3I6ICR7Y29sb3JzLmJyYW5kLnByaW1hcnl9O1xuICAke2ZvbnRzLnNpemVzKCcyMnB4JywgJzIycHgnKX07XG4gIG1hcmdpbjogMDtcbiAgZmxleC1ncm93OiAxO1xuYDtcblxuY29uc3QgU3R5bGVkSGVhZGVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBmbGV4LWVuZDtcbiAgcGFkZGluZy1ib3R0b206ICR7c3BhY2luZy5ub3JtYWx9O1xuYDtcblxuZXhwb3J0IGNvbnN0IEZpZ3VyZUxpY2Vuc2VEaWFsb2dDb250ZW50ID0gKHtcbiAgY2hpbGRyZW4sXG4gIGF1dGhvcnMsXG4gIG9yaWdpbixcbiAgdGl0bGUsXG4gIGxvY2FsZSxcbiAgbGljZW5zZSxcbiAgb25DbG9zZSxcbiAgdHlwZSxcbn06IFByb3BzKSA9PiB7XG4gIGNvbnN0IHsgdCB9ID0gdXNlVHJhbnNsYXRpb24oKTtcbiAgY29uc3QgbWVzc2FnZXMgPSB7XG4gICAgdGl0bGU6IHQoJ3RpdGxlJyksXG4gICAgc291cmNlOiB0KCdzb3VyY2UnKSxcbiAgICBsZWFybkFib3V0TGljZW5zZXM6IHQoJ2xpY2Vuc2UubGVhcm5Nb3JlJyksXG4gIH07XG4gIHJldHVybiAoXG4gICAgPFN0eWxlZE1vZGFsQm9keT5cbiAgICAgIDxkaXYgey4uLmNsYXNzTGljZW5zZXMoKX0+XG4gICAgICAgIDxTdHlsZWRIZWFkZXI+XG4gICAgICAgICAgPFN0eWxlZEgxIGlkPVwibGljZW5zZS1kaWFsb2ctcnVsZXMtaGVhZGluZ1wiPnt0KGBsaWNlbnNlLiR7dHlwZX0ucnVsZXNgKX08L1N0eWxlZEgxPlxuICAgICAgICAgIDxCdXR0b25WMiB2YXJpYW50PVwibGlua1wiIG9uQ2xpY2s9e29uQ2xvc2V9PlxuICAgICAgICAgICAge3QoJ2Nsb3NlJyl9XG4gICAgICAgICAgPC9CdXR0b25WMj5cbiAgICAgICAgPC9TdHlsZWRIZWFkZXI+XG4gICAgICAgIDxGaWd1cmVMaWNlbnNlQnlsaW5lIGxpY2Vuc2U9e2xpY2Vuc2V9IG1lc3NhZ2VzPXttZXNzYWdlc30gbG9jYWxlPXtsb2NhbGV9IC8+XG4gICAgICAgIDxGaWd1cmVMaWNlbnNlQ3RhIGF1dGhvcnM9e2F1dGhvcnN9IHRpdGxlPXt0aXRsZX0gb3JpZ2luPXtvcmlnaW59IG1lc3NhZ2VzPXttZXNzYWdlc30+XG4gICAgICAgICAge2NoaWxkcmVufVxuICAgICAgICA8L0ZpZ3VyZUxpY2Vuc2VDdGE+XG4gICAgICA8L2Rpdj5cbiAgICA8L1N0eWxlZE1vZGFsQm9keT5cbiAgKTtcbn07XG4iXX0= */"));
+var FigureLicenseDialogContent = function FigureLicenseDialogContent(_ref) {
+  var children = _ref.children,
+    authors = _ref.authors,
+    origin = _ref.origin,
+    title = _ref.title,
+    locale = _ref.locale,
+    license = _ref.license,
+    onClose = _ref.onClose,
+    type = _ref.type;
+  var _useTranslation = (0, _reactI18next.useTranslation)(),
+    t = _useTranslation.t;
+  var messages = {
+    title: t('title'),
+    source: t('source'),
+    learnAboutLicenses: t('license.learnMore')
+  };
+  return (0, _jsxRuntime.jsx)(StyledModalBody, {
+    children: (0, _jsxRuntime.jsxs)("div", _objectSpread(_objectSpread({}, (0, _FigureLicense.classLicenses)()), {}, {
+      children: [(0, _jsxRuntime.jsxs)(StyledHeader, {
+        children: [(0, _jsxRuntime.jsx)(StyledH1, {
+          id: "license-dialog-rules-heading",
+          children: t("license.".concat(type, ".rules"))
+        }), (0, _jsxRuntime.jsx)(_button.ButtonV2, {
+          variant: "link",
+          onClick: onClose,
+          children: t('close')
+        })]
+      }), (0, _jsxRuntime.jsx)(_FigureLicense.FigureLicenseByline, {
+        license: license,
+        messages: messages,
+        locale: locale
+      }), (0, _jsxRuntime.jsx)(_FigureLicense.FigureLicenseCta, {
+        authors: authors,
+        title: title,
+        origin: origin,
+        messages: messages,
+        children: children
+      })]
+    }))
+  });
+};
+exports.FigureLicenseDialogContent = FigureLicenseDialogContent;

package/lib/FileList/FileListV2.d.ts

@@ -0,0 +1,13 @@
+/**
+ * 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 {
+    children: ReactNode;
+}
+declare const FileListV2: ({ children }: Props) => import("@emotion/react/jsx-runtime").JSX.Element;
+export default FileListV2;

package/lib/FileList/FileListV2.js

@@ -0,0 +1,46 @@
+"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 _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)."; }
+var FileListSection = /*#__PURE__*/(0, _base["default"])("section", {
+  target: "e1xwzl982",
+  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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZpbGVMaXN0VjIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlCc0MiLCJmaWxlIjoiRmlsZUxpc3RWMi50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMy1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNvbG9ycywgZm9udHMsIHNwYWNpbmcgfSBmcm9tICdAbmRsYS9jb3JlJztcbmltcG9ydCB7IFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IHVzZVRyYW5zbGF0aW9uIH0gZnJvbSAncmVhY3QtaTE4bmV4dCc7XG5cbmludGVyZmFjZSBQcm9wcyB7XG4gIGNoaWxkcmVuOiBSZWFjdE5vZGU7XG59XG5cbmNvbnN0IEZpbGVMaXN0U2VjdGlvbiA9IHN0eWxlZC5zZWN0aW9uYFxuICBtYXJnaW46ICR7c3BhY2luZy5sYXJnZX0gMDtcbiAgcGFkZGluZzogJHtzcGFjaW5nLnNtYWxsfSAwICR7c3BhY2luZy5ub3JtYWx9ICR7c3BhY2luZy5ub3JtYWx9O1xuICBib3JkZXItbGVmdDogMnB4IHNvbGlkICR7Y29sb3JzLmJyYW5kLmdyZXlMaWdodGVzdH07XG4gIGZvbnQtZmFtaWx5OiAke2ZvbnRzLnNhbnN9O1xuXG4gIC5jLWljb24ge1xuICAgIG1hcmdpbi10b3A6IDNweDtcbiAgICBmbGV4LXNocmluazogMDtcbiAgICBtYXJnaW4tcmlnaHQ6ICR7c3BhY2luZy5zbWFsbH07XG4gICAgaGVpZ2h0OiAxOHB4O1xuICAgIHdpZHRoOiAxOHB4O1xuICB9XG5gO1xuXG5jb25zdCBGaWxlTGlzdEhlYWRpbmcgPSBzdHlsZWQuaDNgXG4gICR7Zm9udHMuc2l6ZXMoJzE2cHgnLCAnMThweCcpfTtcbiAgbGV0dGVyLXNwYWNpbmc6IDAuMDVlbTtcbiAgbWFyZ2luOiAwIDAgJHtzcGFjaW5nLnhzbWFsbH0gMDtcbiAgcGFkZGluZy1ib3R0b206ICR7c3BhY2luZy54c21hbGx9O1xuICBib3JkZXItYm90dG9tOiAycHggc29saWQgJHtjb2xvcnMuYnJhbmQuZ3JleUxpZ2h0fTtcbiAgZm9udC13ZWlnaHQ6ICR7Zm9udHMud2VpZ2h0LmJvbGR9O1xuICB0ZXh0LXRyYW5zZm9ybTogdXBwZXJjYXNlO1xuYDtcblxuY29uc3QgRmlsZXNMaXN0ID0gc3R5bGVkLnVsYFxuICBtYXJnaW46IDA7XG4gIHBhZGRpbmc6IDA7XG5gO1xuXG5jb25zdCBGaWxlTGlzdFYyID0gKHsgY2hpbGRyZW4gfTogUHJvcHMpID0+IHtcbiAgY29uc3QgeyB0IH0gPSB1c2VUcmFuc2xhdGlvbigpO1xuICByZXR1cm4gKFxuICAgIDxGaWxlTGlzdFNlY3Rpb24+XG4gICAgICA8RmlsZUxpc3RIZWFkaW5nPnt0KCdmaWxlcycpfTwvRmlsZUxpc3RIZWFkaW5nPlxuICAgICAgPEZpbGVzTGlzdD57Y2hpbGRyZW59PC9GaWxlc0xpc3Q+XG4gICAgPC9GaWxlTGlzdFNlY3Rpb24+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBGaWxlTGlzdFYyO1xuIl19 */"));
+var FileListHeading = /*#__PURE__*/(0, _base["default"])("h3", {
+  target: "e1xwzl981",
+  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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZpbGVMaXN0VjIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWdDaUMiLCJmaWxlIjoiRmlsZUxpc3RWMi50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMy1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNvbG9ycywgZm9udHMsIHNwYWNpbmcgfSBmcm9tICdAbmRsYS9jb3JlJztcbmltcG9ydCB7IFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IHVzZVRyYW5zbGF0aW9uIH0gZnJvbSAncmVhY3QtaTE4bmV4dCc7XG5cbmludGVyZmFjZSBQcm9wcyB7XG4gIGNoaWxkcmVuOiBSZWFjdE5vZGU7XG59XG5cbmNvbnN0IEZpbGVMaXN0U2VjdGlvbiA9IHN0eWxlZC5zZWN0aW9uYFxuICBtYXJnaW46ICR7c3BhY2luZy5sYXJnZX0gMDtcbiAgcGFkZGluZzogJHtzcGFjaW5nLnNtYWxsfSAwICR7c3BhY2luZy5ub3JtYWx9ICR7c3BhY2luZy5ub3JtYWx9O1xuICBib3JkZXItbGVmdDogMnB4IHNvbGlkICR7Y29sb3JzLmJyYW5kLmdyZXlMaWdodGVzdH07XG4gIGZvbnQtZmFtaWx5OiAke2ZvbnRzLnNhbnN9O1xuXG4gIC5jLWljb24ge1xuICAgIG1hcmdpbi10b3A6IDNweDtcbiAgICBmbGV4LXNocmluazogMDtcbiAgICBtYXJnaW4tcmlnaHQ6ICR7c3BhY2luZy5zbWFsbH07XG4gICAgaGVpZ2h0OiAxOHB4O1xuICAgIHdpZHRoOiAxOHB4O1xuICB9XG5gO1xuXG5jb25zdCBGaWxlTGlzdEhlYWRpbmcgPSBzdHlsZWQuaDNgXG4gICR7Zm9udHMuc2l6ZXMoJzE2cHgnLCAnMThweCcpfTtcbiAgbGV0dGVyLXNwYWNpbmc6IDAuMDVlbTtcbiAgbWFyZ2luOiAwIDAgJHtzcGFjaW5nLnhzbWFsbH0gMDtcbiAgcGFkZGluZy1ib3R0b206ICR7c3BhY2luZy54c21hbGx9O1xuICBib3JkZXItYm90dG9tOiAycHggc29saWQgJHtjb2xvcnMuYnJhbmQuZ3JleUxpZ2h0fTtcbiAgZm9udC13ZWlnaHQ6ICR7Zm9udHMud2VpZ2h0LmJvbGR9O1xuICB0ZXh0LXRyYW5zZm9ybTogdXBwZXJjYXNlO1xuYDtcblxuY29uc3QgRmlsZXNMaXN0ID0gc3R5bGVkLnVsYFxuICBtYXJnaW46IDA7XG4gIHBhZGRpbmc6IDA7XG5gO1xuXG5jb25zdCBGaWxlTGlzdFYyID0gKHsgY2hpbGRyZW4gfTogUHJvcHMpID0+IHtcbiAgY29uc3QgeyB0IH0gPSB1c2VUcmFuc2xhdGlvbigpO1xuICByZXR1cm4gKFxuICAgIDxGaWxlTGlzdFNlY3Rpb24+XG4gICAgICA8RmlsZUxpc3RIZWFkaW5nPnt0KCdmaWxlcycpfTwvRmlsZUxpc3RIZWFkaW5nPlxuICAgICAgPEZpbGVzTGlzdD57Y2hpbGRyZW59PC9GaWxlc0xpc3Q+XG4gICAgPC9GaWxlTGlzdFNlY3Rpb24+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBGaWxlTGlzdFYyO1xuIl19 */"));
+var FilesList = /*#__PURE__*/(0, _base["default"])("ul", {
+  target: "e1xwzl980",
+  label: "FilesList"
+})(process.env.NODE_ENV === "production" ? {
+  name: "1xclg2i",
+  styles: "margin:0;padding:0"
+} : {
+  name: "1xclg2i",
+  styles: "margin:0;padding:0",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZpbGVMaXN0VjIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTBDMkIiLCJmaWxlIjoiRmlsZUxpc3RWMi50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMy1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNvbG9ycywgZm9udHMsIHNwYWNpbmcgfSBmcm9tICdAbmRsYS9jb3JlJztcbmltcG9ydCB7IFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IHVzZVRyYW5zbGF0aW9uIH0gZnJvbSAncmVhY3QtaTE4bmV4dCc7XG5cbmludGVyZmFjZSBQcm9wcyB7XG4gIGNoaWxkcmVuOiBSZWFjdE5vZGU7XG59XG5cbmNvbnN0IEZpbGVMaXN0U2VjdGlvbiA9IHN0eWxlZC5zZWN0aW9uYFxuICBtYXJnaW46ICR7c3BhY2luZy5sYXJnZX0gMDtcbiAgcGFkZGluZzogJHtzcGFjaW5nLnNtYWxsfSAwICR7c3BhY2luZy5ub3JtYWx9ICR7c3BhY2luZy5ub3JtYWx9O1xuICBib3JkZXItbGVmdDogMnB4IHNvbGlkICR7Y29sb3JzLmJyYW5kLmdyZXlMaWdodGVzdH07XG4gIGZvbnQtZmFtaWx5OiAke2ZvbnRzLnNhbnN9O1xuXG4gIC5jLWljb24ge1xuICAgIG1hcmdpbi10b3A6IDNweDtcbiAgICBmbGV4LXNocmluazogMDtcbiAgICBtYXJnaW4tcmlnaHQ6ICR7c3BhY2luZy5zbWFsbH07XG4gICAgaGVpZ2h0OiAxOHB4O1xuICAgIHdpZHRoOiAxOHB4O1xuICB9XG5gO1xuXG5jb25zdCBGaWxlTGlzdEhlYWRpbmcgPSBzdHlsZWQuaDNgXG4gICR7Zm9udHMuc2l6ZXMoJzE2cHgnLCAnMThweCcpfTtcbiAgbGV0dGVyLXNwYWNpbmc6IDAuMDVlbTtcbiAgbWFyZ2luOiAwIDAgJHtzcGFjaW5nLnhzbWFsbH0gMDtcbiAgcGFkZGluZy1ib3R0b206ICR7c3BhY2luZy54c21hbGx9O1xuICBib3JkZXItYm90dG9tOiAycHggc29saWQgJHtjb2xvcnMuYnJhbmQuZ3JleUxpZ2h0fTtcbiAgZm9udC13ZWlnaHQ6ICR7Zm9udHMud2VpZ2h0LmJvbGR9O1xuICB0ZXh0LXRyYW5zZm9ybTogdXBwZXJjYXNlO1xuYDtcblxuY29uc3QgRmlsZXNMaXN0ID0gc3R5bGVkLnVsYFxuICBtYXJnaW46IDA7XG4gIHBhZGRpbmc6IDA7XG5gO1xuXG5jb25zdCBGaWxlTGlzdFYyID0gKHsgY2hpbGRyZW4gfTogUHJvcHMpID0+IHtcbiAgY29uc3QgeyB0IH0gPSB1c2VUcmFuc2xhdGlvbigpO1xuICByZXR1cm4gKFxuICAgIDxGaWxlTGlzdFNlY3Rpb24+XG4gICAgICA8RmlsZUxpc3RIZWFkaW5nPnt0KCdmaWxlcycpfTwvRmlsZUxpc3RIZWFkaW5nPlxuICAgICAgPEZpbGVzTGlzdD57Y2hpbGRyZW59PC9GaWxlc0xpc3Q+XG4gICAgPC9GaWxlTGlzdFNlY3Rpb24+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBGaWxlTGlzdFYyO1xuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+var FileListV2 = function FileListV2(_ref) {
+  var children = _ref.children;
+  var _useTranslation = (0, _reactI18next.useTranslation)(),
+    t = _useTranslation.t;
+  return (0, _jsxRuntime.jsxs)(FileListSection, {
+    children: [(0, _jsxRuntime.jsx)(FileListHeading, {
+      children: t('files')
+    }), (0, _jsxRuntime.jsx)(FilesList, {
+      children: children
+    })]
+  });
+};
+var _default = FileListV2;
+exports["default"] = _default;

package/lib/FileList/FileV2.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.
+ *
+ */
+interface Props {
+    id: string;
+    title: string;
+    url: string;
+    fileExists: boolean;
+    fileType: string;
+}
+declare const FileV2: ({ title, url, id, fileExists, fileType }: Props) => import("@emotion/react/jsx-runtime").JSX.Element;
+export default FileV2;

package/lib/FileList/FileV2.js

@@ -0,0 +1,42 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _reactI18next = require("react-i18next");
+var _File = _interopRequireDefault(require("./File"));
+var _jsxRuntime = require("@emotion/react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+/**
+ * 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 FileV2 = function FileV2(_ref) {
+  var title = _ref.title,
+    url = _ref.url,
+    id = _ref.id,
+    fileExists = _ref.fileExists,
+    fileType = _ref.fileType;
+  var _useTranslation = (0, _reactI18next.useTranslation)(),
+    t = _useTranslation.t;
+  var tooltip = "".concat(t('download'), " ").concat(url.split('/').pop());
+  return (0, _jsxRuntime.jsx)(_File["default"], {
+    id: id,
+    file: {
+      title: title,
+      fileExists: fileExists,
+      formats: [{
+        url: url,
+        fileType: fileType,
+        tooltip: tooltip
+      }]
+    }
+  });
+};
+var _default = FileV2;
+exports["default"] = _default;

package/lib/FileList/PdfFile.d.ts

@@ -0,0 +1,13 @@
+/**
+ * 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 {
+    title: string;
+    url: string;
+}
+declare const PdfFile: ({ title, url }: Props) => import("@emotion/react/jsx-runtime").JSX.Element;
+export default PdfFile;

package/lib/FileList/PdfFile.js

@@ -0,0 +1,31 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _Figure = require("../Figure");
+var _jsxRuntime = require("@emotion/react/jsx-runtime");
+/**
+ * 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 PdfFile = function PdfFile(_ref) {
+  var title = _ref.title,
+    url = _ref.url;
+  return (0, _jsxRuntime.jsxs)(_Figure.Figure, {
+    children: [(0, _jsxRuntime.jsx)("h2", {
+      children: title
+    }), (0, _jsxRuntime.jsx)("iframe", {
+      title: title,
+      height: "1050",
+      src: url
+    })]
+  });
+};
+var _default = PdfFile;
+exports["default"] = _default;

package/lib/FileList/index.d.ts

@@ -1,3 +1,6 @@
 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;