@ndla/ui 47.1.3 → 47.2.1

package/es/Image/Image.js

@@ -18,7 +18,6 @@ function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringif
  */
 
 import { colors } from '@ndla/core';
-import LazyLoadImage from './LazyLoadImage';
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
 import { jsxs as _jsxs } from "@emotion/react/jsx-runtime";
 export var makeSrcQueryString = function makeSrcQueryString(width, crop, focalPoint) {
@@ -39,7 +38,7 @@ var getSrcSet = function getSrcSet(src, crop, focalPoint) {
 var StyledImageWrapper = /*#__PURE__*/_styled("div", {
   target: "ejtxxex1",
   label: "StyledImageWrapper"
-})("position:relative;picture{width:100%;}&[data-svg='true']{display:flex;justify-content:center;}&[data-border='true']{border:1px solid ", colors.brand.tertiary, ";border-bottom:0;border-radius:4px;border-bottom-left-radius:0;border-bottom-right-radius:0;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkltYWdlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF3Q3FDIiwiZmlsZSI6IkltYWdlLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDE3LXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuaW1wb3J0IHsgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgY29sb3JzIH0gZnJvbSAnQG5kbGEvY29yZSc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgTGF6eUxvYWRJbWFnZSBmcm9tICcuL0xhenlMb2FkSW1hZ2UnO1xuXG5leHBvcnQgaW50ZXJmYWNlIEltYWdlQ3JvcCB7XG4gIHN0YXJ0WDogbnVtYmVyO1xuICBzdGFydFk6IG51bWJlcjtcbiAgZW5kWDogbnVtYmVyO1xuICBlbmRZOiBudW1iZXI7XG59XG5cbmV4cG9ydCBpbnRlcmZhY2UgSW1hZ2VGb2NhbFBvaW50IHtcbiAgeDogbnVtYmVyO1xuICB5OiBudW1iZXI7XG59XG5cbmV4cG9ydCBjb25zdCBtYWtlU3JjUXVlcnlTdHJpbmcgPSAod2lkdGg6IG51bWJlciB8IHVuZGVmaW5lZCwgY3JvcD86IEltYWdlQ3JvcCwgZm9jYWxQb2ludD86IEltYWdlRm9jYWxQb2ludCkgPT4ge1xuICBjb25zdCB3aWR0aFBhcmFtcyA9IHdpZHRoICYmIGB3aWR0aD0ke3dpZHRofWA7XG4gIGNvbnN0IGNyb3BQYXJhbXMgPVxuICAgIGNyb3AgJiYgYGNyb3BTdGFydFg9JHtjcm9wLnN0YXJ0WH0mY3JvcEVuZFg9JHtjcm9wLmVuZFh9JmNyb3BTdGFydFk9JHtjcm9wLnN0YXJ0WX0mY3JvcEVuZFk9JHtjcm9wLmVuZFl9YDtcbiAgY29uc3QgZm9jYWxQb2ludFBhcmFtcyA9IGZvY2FsUG9pbnQgJiYgYGZvY2FsWD0ke2ZvY2FsUG9pbnQueH0mZm9jYWxZPSR7Zm9jYWxQb2ludC55fWA7XG4gIGNvbnN0IHBhcmFtcyA9IFt3aWR0aFBhcmFtcywgY3JvcFBhcmFtcywgZm9jYWxQb2ludFBhcmFtc10uZmlsdGVyKChwKSA9PiBwKS5qb2luKCcmJyk7XG5cbiAgcmV0dXJuIHBhcmFtcztcbn07XG5cbmNvbnN0IGdldFNyY1NldCA9IChzcmM6IHN0cmluZywgY3JvcDogSW1hZ2VDcm9wIHwgdW5kZWZpbmVkLCBmb2NhbFBvaW50OiBJbWFnZUZvY2FsUG9pbnQgfCB1bmRlZmluZWQpID0+IHtcbiAgY29uc3Qgd2lkdGhzID0gWzI3MjAsIDIwODAsIDE3NjAsIDE0NDAsIDExMjAsIDEwMDAsIDk2MCwgODAwLCA2NDAsIDQ4MCwgMzIwLCAyNDAsIDE4MF07XG4gIHJldHVybiB3aWR0aHMubWFwKCh3aWR0aCkgPT4gYCR7c3JjfT8ke21ha2VTcmNRdWVyeVN0cmluZyh3aWR0aCwgY3JvcCwgZm9jYWxQb2ludCl9ICR7d2lkdGh9d2ApLmpvaW4oJywgJyk7XG59O1xuXG5jb25zdCBTdHlsZWRJbWFnZVdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBwb3NpdGlvbjogcmVsYXRpdmU7XG5cbiAgcGljdHVyZSB7XG4gICAgd2lkdGg6IDEwMCU7XG4gIH1cblxuICAmW2RhdGEtc3ZnPSd0cnVlJ10ge1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIH1cbiAgJltkYXRhLWJvcmRlcj0ndHJ1ZSddIHtcbiAgICBib3JkZXI6IDFweCBzb2xpZCAke2NvbG9ycy5icmFuZC50ZXJ0aWFyeX07XG4gICAgYm9yZGVyLWJvdHRvbTogMDtcbiAgICBib3JkZXItcmFkaXVzOiA0cHg7XG4gICAgYm9yZGVyLWJvdHRvbS1sZWZ0LXJhZGl1czogMDtcbiAgICBib3JkZXItYm90dG9tLXJpZ2h0LXJhZGl1czogMDtcbiAgfVxuYDtcblxuY29uc3QgU3R5bGVkSW1hZ2UgPSBzdHlsZWQuaW1nYFxuICAmW2RhdGEtYm9yZGVyPSd0cnVlJ10ge1xuICAgIGJvcmRlci1yYWRpdXM6IDNweDtcbiAgICBib3JkZXItYm90dG9tLWxlZnQtcmFkaXVzOiAwO1xuICAgIGJvcmRlci1ib3R0b20tcmlnaHQtcmFkaXVzOiAwO1xuICB9XG5gO1xuXG5pbnRlcmZhY2UgUHJvcHMge1xuICBhbHQ6IHN0cmluZztcbiAgc3JjOiBzdHJpbmc7XG4gIHNpemVzPzogc3RyaW5nO1xuICBmYWxsYmFja1dpZHRoPzogbnVtYmVyO1xuICBjb250ZW50VHlwZT86IHN0cmluZztcbiAgc3JjU2V0Pzogc3RyaW5nO1xuICBsYXp5TG9hZD86IGJvb2xlYW47XG4gIGxhenlMb2FkU3JjPzogc3RyaW5nO1xuICBleHBhbmRCdXR0b24/OiBSZWFjdE5vZGU7XG4gIGNyb3A/OiBJbWFnZUNyb3A7XG4gIGZvY2FsUG9pbnQ/OiBJbWFnZUZvY2FsUG9pbnQ7XG4gIGJvcmRlcj86IHN0cmluZztcbn1cblxuY29uc3QgSW1hZ2UgPSAoe1xuICBhbHQsXG4gIHNyYyxcbiAgbGF6eUxvYWQsXG4gIGxhenlMb2FkU3JjLFxuICBjcm9wLFxuICBmb2NhbFBvaW50LFxuICBjb250ZW50VHlwZSxcbiAgc2l6ZXMgPSAnKG1pbi13aWR0aDogMTAyNHB4KSAxMDI0cHgsIDEwMHZ3JyxcbiAgZXhwYW5kQnV0dG9uLFxuICBmYWxsYmFja1dpZHRoID0gMTAyNCxcbiAgYm9yZGVyLFxuICAuLi5yZXN0XG59OiBQcm9wcykgPT4ge1xuICBjb25zdCBzcmNTZXQgPSByZXN0LnNyY1NldCA/PyBnZXRTcmNTZXQoc3JjLCBjcm9wLCBmb2NhbFBvaW50KTtcbiAgY29uc3QgcXVlcnlTdHJpbmcgPSBtYWtlU3JjUXVlcnlTdHJpbmcoZmFsbGJhY2tXaWR0aCwgY3JvcCwgZm9jYWxQb2ludCk7XG5cbiAgaWYgKGNvbnRlbnRUeXBlICYmIGNvbnRlbnRUeXBlID09PSAnaW1hZ2UvZ2lmJykge1xuICAgIHJldHVybiAoXG4gICAgICA8U3R5bGVkSW1hZ2VXcmFwcGVyIGRhdGEtYm9yZGVyPXtib3JkZXJ9PlxuICAgICAgICA8U3R5bGVkSW1hZ2UgYWx0PXthbHR9IHNyYz17YCR7c3JjfWB9IHsuLi5yZXN0fSBkYXRhLWJvcmRlcj17Ym9yZGVyfSAvPlxuICAgICAgPC9TdHlsZWRJbWFnZVdyYXBwZXI+XG4gICAgKTtcbiAgfVxuXG4gIGlmIChsYXp5TG9hZCkge1xuICAgIHJldHVybiAoXG4gICAgICA8U3R5bGVkSW1hZ2VXcmFwcGVyPlxuICAgICAgICA8TGF6eUxvYWRJbWFnZVxuICAgICAgICAgIGFsdD17YWx0fVxuICAgICAgICAgIHNyYz17YCR7c3JjfT8ke3F1ZXJ5U3RyaW5nfWB9XG4gICAgICAgICAgc3JjU2V0PXtzcmNTZXR9XG4gICAgICAgICAgc2l6ZXM9e3NpemVzfVxuICAgICAgICAgIGxhenlMb2FkU3JjPXtsYXp5TG9hZFNyY31cbiAgICAgICAgLz5cbiAgICAgIDwvU3R5bGVkSW1hZ2VXcmFwcGVyPlxuICAgICk7XG4gIH1cblxuICByZXR1cm4gKFxuICAgIDxTdHlsZWRJbWFnZVdyYXBwZXIgZGF0YS1zdmc9e2NvbnRlbnRUeXBlID09PSAnaW1hZ2Uvc3ZnK3htbCd9IGRhdGEtYm9yZGVyPXtib3JkZXJ9PlxuICAgICAgPHBpY3R1cmU+XG4gICAgICAgIDxzb3VyY2UgdHlwZT17Y29udGVudFR5cGV9IHNyY1NldD17c3JjU2V0fSBzaXplcz17c2l6ZXN9IC8+XG4gICAgICAgIDxTdHlsZWRJbWFnZSBhbHQ9e2FsdH0gc3JjPXtgJHtzcmN9PyR7cXVlcnlTdHJpbmd9YH0gey4uLnJlc3R9IGRhdGEtYm9yZGVyPXtib3JkZXJ9IC8+XG4gICAgICA8L3BpY3R1cmU+XG4gICAgICB7ZXhwYW5kQnV0dG9ufVxuICAgIDwvU3R5bGVkSW1hZ2VXcmFwcGVyPlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgSW1hZ2U7XG4iXX0= */"));
+})("position:relative;picture{width:100%;}&[data-svg='true']{display:flex;justify-content:center;}&[data-border='true']{border:1px solid ", colors.brand.tertiary, ";border-bottom:0;border-radius:4px;border-bottom-left-radius:0;border-bottom-right-radius:0;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkltYWdlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF1Q3FDIiwiZmlsZSI6IkltYWdlLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDE3LXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuaW1wb3J0IHsgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgY29sb3JzIH0gZnJvbSAnQG5kbGEvY29yZSc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgSW1hZ2VDcm9wIHtcbiAgc3RhcnRYOiBudW1iZXI7XG4gIHN0YXJ0WTogbnVtYmVyO1xuICBlbmRYOiBudW1iZXI7XG4gIGVuZFk6IG51bWJlcjtcbn1cblxuZXhwb3J0IGludGVyZmFjZSBJbWFnZUZvY2FsUG9pbnQge1xuICB4OiBudW1iZXI7XG4gIHk6IG51bWJlcjtcbn1cblxuZXhwb3J0IGNvbnN0IG1ha2VTcmNRdWVyeVN0cmluZyA9ICh3aWR0aDogbnVtYmVyIHwgdW5kZWZpbmVkLCBjcm9wPzogSW1hZ2VDcm9wLCBmb2NhbFBvaW50PzogSW1hZ2VGb2NhbFBvaW50KSA9PiB7XG4gIGNvbnN0IHdpZHRoUGFyYW1zID0gd2lkdGggJiYgYHdpZHRoPSR7d2lkdGh9YDtcbiAgY29uc3QgY3JvcFBhcmFtcyA9XG4gICAgY3JvcCAmJiBgY3JvcFN0YXJ0WD0ke2Nyb3Auc3RhcnRYfSZjcm9wRW5kWD0ke2Nyb3AuZW5kWH0mY3JvcFN0YXJ0WT0ke2Nyb3Auc3RhcnRZfSZjcm9wRW5kWT0ke2Nyb3AuZW5kWX1gO1xuICBjb25zdCBmb2NhbFBvaW50UGFyYW1zID0gZm9jYWxQb2ludCAmJiBgZm9jYWxYPSR7Zm9jYWxQb2ludC54fSZmb2NhbFk9JHtmb2NhbFBvaW50Lnl9YDtcbiAgY29uc3QgcGFyYW1zID0gW3dpZHRoUGFyYW1zLCBjcm9wUGFyYW1zLCBmb2NhbFBvaW50UGFyYW1zXS5maWx0ZXIoKHApID0+IHApLmpvaW4oJyYnKTtcblxuICByZXR1cm4gcGFyYW1zO1xufTtcblxuY29uc3QgZ2V0U3JjU2V0ID0gKHNyYzogc3RyaW5nLCBjcm9wOiBJbWFnZUNyb3AgfCB1bmRlZmluZWQsIGZvY2FsUG9pbnQ6IEltYWdlRm9jYWxQb2ludCB8IHVuZGVmaW5lZCkgPT4ge1xuICBjb25zdCB3aWR0aHMgPSBbMjcyMCwgMjA4MCwgMTc2MCwgMTQ0MCwgMTEyMCwgMTAwMCwgOTYwLCA4MDAsIDY0MCwgNDgwLCAzMjAsIDI0MCwgMTgwXTtcbiAgcmV0dXJuIHdpZHRocy5tYXAoKHdpZHRoKSA9PiBgJHtzcmN9PyR7bWFrZVNyY1F1ZXJ5U3RyaW5nKHdpZHRoLCBjcm9wLCBmb2NhbFBvaW50KX0gJHt3aWR0aH13YCkuam9pbignLCAnKTtcbn07XG5cbmNvbnN0IFN0eWxlZEltYWdlV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcblxuICBwaWN0dXJlIHtcbiAgICB3aWR0aDogMTAwJTtcbiAgfVxuXG4gICZbZGF0YS1zdmc9J3RydWUnXSB7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgfVxuICAmW2RhdGEtYm9yZGVyPSd0cnVlJ10ge1xuICAgIGJvcmRlcjogMXB4IHNvbGlkICR7Y29sb3JzLmJyYW5kLnRlcnRpYXJ5fTtcbiAgICBib3JkZXItYm90dG9tOiAwO1xuICAgIGJvcmRlci1yYWRpdXM6IDRweDtcbiAgICBib3JkZXItYm90dG9tLWxlZnQtcmFkaXVzOiAwO1xuICAgIGJvcmRlci1ib3R0b20tcmlnaHQtcmFkaXVzOiAwO1xuICB9XG5gO1xuXG5jb25zdCBTdHlsZWRJbWFnZSA9IHN0eWxlZC5pbWdgXG4gICZbZGF0YS1ib3JkZXI9J3RydWUnXSB7XG4gICAgYm9yZGVyLXJhZGl1czogM3B4O1xuICAgIGJvcmRlci1ib3R0b20tbGVmdC1yYWRpdXM6IDA7XG4gICAgYm9yZGVyLWJvdHRvbS1yaWdodC1yYWRpdXM6IDA7XG4gIH1cbmA7XG5cbmludGVyZmFjZSBQcm9wcyB7XG4gIGFsdDogc3RyaW5nO1xuICBzcmM6IHN0cmluZztcbiAgc2l6ZXM/OiBzdHJpbmc7XG4gIGZhbGxiYWNrV2lkdGg/OiBudW1iZXI7XG4gIGNvbnRlbnRUeXBlPzogc3RyaW5nO1xuICBzcmNTZXQ/OiBzdHJpbmc7XG4gIGxhenlMb2FkPzogYm9vbGVhbjtcbiAgbGF6eUxvYWRTcmM/OiBzdHJpbmc7XG4gIGV4cGFuZEJ1dHRvbj86IFJlYWN0Tm9kZTtcbiAgY3JvcD86IEltYWdlQ3JvcDtcbiAgZm9jYWxQb2ludD86IEltYWdlRm9jYWxQb2ludDtcbiAgYm9yZGVyPzogc3RyaW5nO1xufVxuXG5jb25zdCBJbWFnZSA9ICh7XG4gIGFsdCxcbiAgc3JjLFxuICBsYXp5TG9hZCxcbiAgbGF6eUxvYWRTcmMsXG4gIGNyb3AsXG4gIGZvY2FsUG9pbnQsXG4gIGNvbnRlbnRUeXBlLFxuICBzaXplcyA9ICcobWluLXdpZHRoOiAxMDI0cHgpIDEwMjRweCwgMTAwdncnLFxuICBleHBhbmRCdXR0b24sXG4gIGZhbGxiYWNrV2lkdGggPSAxMDI0LFxuICBib3JkZXIsXG4gIC4uLnJlc3Rcbn06IFByb3BzKSA9PiB7XG4gIGNvbnN0IHNyY1NldCA9IHJlc3Quc3JjU2V0ID8/IGdldFNyY1NldChzcmMsIGNyb3AsIGZvY2FsUG9pbnQpO1xuICBjb25zdCBxdWVyeVN0cmluZyA9IG1ha2VTcmNRdWVyeVN0cmluZyhmYWxsYmFja1dpZHRoLCBjcm9wLCBmb2NhbFBvaW50KTtcbiAgY29uc3QgbG9hZGluZyA9IGxhenlMb2FkID8gJ2xhenknIDogdW5kZWZpbmVkO1xuXG4gIGlmIChjb250ZW50VHlwZSAmJiBjb250ZW50VHlwZSA9PT0gJ2ltYWdlL2dpZicpIHtcbiAgICByZXR1cm4gKFxuICAgICAgPFN0eWxlZEltYWdlV3JhcHBlciBkYXRhLWJvcmRlcj17Ym9yZGVyfT5cbiAgICAgICAgPFN0eWxlZEltYWdlIGFsdD17YWx0fSBsb2FkaW5nPXtsb2FkaW5nfSBzcmM9e2Ake3NyY31gfSB7Li4ucmVzdH0gZGF0YS1ib3JkZXI9e2JvcmRlcn0gLz5cbiAgICAgIDwvU3R5bGVkSW1hZ2VXcmFwcGVyPlxuICAgICk7XG4gIH1cblxuICByZXR1cm4gKFxuICAgIDxTdHlsZWRJbWFnZVdyYXBwZXIgZGF0YS1zdmc9e2NvbnRlbnRUeXBlID09PSAnaW1hZ2Uvc3ZnK3htbCd9IGRhdGEtYm9yZGVyPXtib3JkZXJ9PlxuICAgICAgPHBpY3R1cmU+XG4gICAgICAgIDxzb3VyY2UgdHlwZT17Y29udGVudFR5cGV9IHNyY1NldD17c3JjU2V0fSBzaXplcz17c2l6ZXN9IC8+XG4gICAgICAgIDxTdHlsZWRJbWFnZSBhbHQ9e2FsdH0gbG9hZGluZz17bG9hZGluZ30gc3JjPXtgJHtzcmN9PyR7cXVlcnlTdHJpbmd9YH0gey4uLnJlc3R9IGRhdGEtYm9yZGVyPXtib3JkZXJ9IC8+XG4gICAgICA8L3BpY3R1cmU+XG4gICAgICB7ZXhwYW5kQnV0dG9ufVxuICAgIDwvU3R5bGVkSW1hZ2VXcmFwcGVyPlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgSW1hZ2U7XG4iXX0= */"));
 var StyledImage = /*#__PURE__*/_styled("img", {
   target: "ejtxxex0",
   label: "StyledImage"
@@ -49,7 +48,7 @@ var StyledImage = /*#__PURE__*/_styled("img", {
 } : {
   name: "c7y25p",
   styles: "&[data-border='true']{border-radius:3px;border-bottom-left-radius:0;border-bottom-right-radius:0;}",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkltYWdlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE0RDhCIiwiZmlsZSI6IkltYWdlLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDE3LXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuaW1wb3J0IHsgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgY29sb3JzIH0gZnJvbSAnQG5kbGEvY29yZSc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgTGF6eUxvYWRJbWFnZSBmcm9tICcuL0xhenlMb2FkSW1hZ2UnO1xuXG5leHBvcnQgaW50ZXJmYWNlIEltYWdlQ3JvcCB7XG4gIHN0YXJ0WDogbnVtYmVyO1xuICBzdGFydFk6IG51bWJlcjtcbiAgZW5kWDogbnVtYmVyO1xuICBlbmRZOiBudW1iZXI7XG59XG5cbmV4cG9ydCBpbnRlcmZhY2UgSW1hZ2VGb2NhbFBvaW50IHtcbiAgeDogbnVtYmVyO1xuICB5OiBudW1iZXI7XG59XG5cbmV4cG9ydCBjb25zdCBtYWtlU3JjUXVlcnlTdHJpbmcgPSAod2lkdGg6IG51bWJlciB8IHVuZGVmaW5lZCwgY3JvcD86IEltYWdlQ3JvcCwgZm9jYWxQb2ludD86IEltYWdlRm9jYWxQb2ludCkgPT4ge1xuICBjb25zdCB3aWR0aFBhcmFtcyA9IHdpZHRoICYmIGB3aWR0aD0ke3dpZHRofWA7XG4gIGNvbnN0IGNyb3BQYXJhbXMgPVxuICAgIGNyb3AgJiYgYGNyb3BTdGFydFg9JHtjcm9wLnN0YXJ0WH0mY3JvcEVuZFg9JHtjcm9wLmVuZFh9JmNyb3BTdGFydFk9JHtjcm9wLnN0YXJ0WX0mY3JvcEVuZFk9JHtjcm9wLmVuZFl9YDtcbiAgY29uc3QgZm9jYWxQb2ludFBhcmFtcyA9IGZvY2FsUG9pbnQgJiYgYGZvY2FsWD0ke2ZvY2FsUG9pbnQueH0mZm9jYWxZPSR7Zm9jYWxQb2ludC55fWA7XG4gIGNvbnN0IHBhcmFtcyA9IFt3aWR0aFBhcmFtcywgY3JvcFBhcmFtcywgZm9jYWxQb2ludFBhcmFtc10uZmlsdGVyKChwKSA9PiBwKS5qb2luKCcmJyk7XG5cbiAgcmV0dXJuIHBhcmFtcztcbn07XG5cbmNvbnN0IGdldFNyY1NldCA9IChzcmM6IHN0cmluZywgY3JvcDogSW1hZ2VDcm9wIHwgdW5kZWZpbmVkLCBmb2NhbFBvaW50OiBJbWFnZUZvY2FsUG9pbnQgfCB1bmRlZmluZWQpID0+IHtcbiAgY29uc3Qgd2lkdGhzID0gWzI3MjAsIDIwODAsIDE3NjAsIDE0NDAsIDExMjAsIDEwMDAsIDk2MCwgODAwLCA2NDAsIDQ4MCwgMzIwLCAyNDAsIDE4MF07XG4gIHJldHVybiB3aWR0aHMubWFwKCh3aWR0aCkgPT4gYCR7c3JjfT8ke21ha2VTcmNRdWVyeVN0cmluZyh3aWR0aCwgY3JvcCwgZm9jYWxQb2ludCl9ICR7d2lkdGh9d2ApLmpvaW4oJywgJyk7XG59O1xuXG5jb25zdCBTdHlsZWRJbWFnZVdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBwb3NpdGlvbjogcmVsYXRpdmU7XG5cbiAgcGljdHVyZSB7XG4gICAgd2lkdGg6IDEwMCU7XG4gIH1cblxuICAmW2RhdGEtc3ZnPSd0cnVlJ10ge1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIH1cbiAgJltkYXRhLWJvcmRlcj0ndHJ1ZSddIHtcbiAgICBib3JkZXI6IDFweCBzb2xpZCAke2NvbG9ycy5icmFuZC50ZXJ0aWFyeX07XG4gICAgYm9yZGVyLWJvdHRvbTogMDtcbiAgICBib3JkZXItcmFkaXVzOiA0cHg7XG4gICAgYm9yZGVyLWJvdHRvbS1sZWZ0LXJhZGl1czogMDtcbiAgICBib3JkZXItYm90dG9tLXJpZ2h0LXJhZGl1czogMDtcbiAgfVxuYDtcblxuY29uc3QgU3R5bGVkSW1hZ2UgPSBzdHlsZWQuaW1nYFxuICAmW2RhdGEtYm9yZGVyPSd0cnVlJ10ge1xuICAgIGJvcmRlci1yYWRpdXM6IDNweDtcbiAgICBib3JkZXItYm90dG9tLWxlZnQtcmFkaXVzOiAwO1xuICAgIGJvcmRlci1ib3R0b20tcmlnaHQtcmFkaXVzOiAwO1xuICB9XG5gO1xuXG5pbnRlcmZhY2UgUHJvcHMge1xuICBhbHQ6IHN0cmluZztcbiAgc3JjOiBzdHJpbmc7XG4gIHNpemVzPzogc3RyaW5nO1xuICBmYWxsYmFja1dpZHRoPzogbnVtYmVyO1xuICBjb250ZW50VHlwZT86IHN0cmluZztcbiAgc3JjU2V0Pzogc3RyaW5nO1xuICBsYXp5TG9hZD86IGJvb2xlYW47XG4gIGxhenlMb2FkU3JjPzogc3RyaW5nO1xuICBleHBhbmRCdXR0b24/OiBSZWFjdE5vZGU7XG4gIGNyb3A/OiBJbWFnZUNyb3A7XG4gIGZvY2FsUG9pbnQ/OiBJbWFnZUZvY2FsUG9pbnQ7XG4gIGJvcmRlcj86IHN0cmluZztcbn1cblxuY29uc3QgSW1hZ2UgPSAoe1xuICBhbHQsXG4gIHNyYyxcbiAgbGF6eUxvYWQsXG4gIGxhenlMb2FkU3JjLFxuICBjcm9wLFxuICBmb2NhbFBvaW50LFxuICBjb250ZW50VHlwZSxcbiAgc2l6ZXMgPSAnKG1pbi13aWR0aDogMTAyNHB4KSAxMDI0cHgsIDEwMHZ3JyxcbiAgZXhwYW5kQnV0dG9uLFxuICBmYWxsYmFja1dpZHRoID0gMTAyNCxcbiAgYm9yZGVyLFxuICAuLi5yZXN0XG59OiBQcm9wcykgPT4ge1xuICBjb25zdCBzcmNTZXQgPSByZXN0LnNyY1NldCA/PyBnZXRTcmNTZXQoc3JjLCBjcm9wLCBmb2NhbFBvaW50KTtcbiAgY29uc3QgcXVlcnlTdHJpbmcgPSBtYWtlU3JjUXVlcnlTdHJpbmcoZmFsbGJhY2tXaWR0aCwgY3JvcCwgZm9jYWxQb2ludCk7XG5cbiAgaWYgKGNvbnRlbnRUeXBlICYmIGNvbnRlbnRUeXBlID09PSAnaW1hZ2UvZ2lmJykge1xuICAgIHJldHVybiAoXG4gICAgICA8U3R5bGVkSW1hZ2VXcmFwcGVyIGRhdGEtYm9yZGVyPXtib3JkZXJ9PlxuICAgICAgICA8U3R5bGVkSW1hZ2UgYWx0PXthbHR9IHNyYz17YCR7c3JjfWB9IHsuLi5yZXN0fSBkYXRhLWJvcmRlcj17Ym9yZGVyfSAvPlxuICAgICAgPC9TdHlsZWRJbWFnZVdyYXBwZXI+XG4gICAgKTtcbiAgfVxuXG4gIGlmIChsYXp5TG9hZCkge1xuICAgIHJldHVybiAoXG4gICAgICA8U3R5bGVkSW1hZ2VXcmFwcGVyPlxuICAgICAgICA8TGF6eUxvYWRJbWFnZVxuICAgICAgICAgIGFsdD17YWx0fVxuICAgICAgICAgIHNyYz17YCR7c3JjfT8ke3F1ZXJ5U3RyaW5nfWB9XG4gICAgICAgICAgc3JjU2V0PXtzcmNTZXR9XG4gICAgICAgICAgc2l6ZXM9e3NpemVzfVxuICAgICAgICAgIGxhenlMb2FkU3JjPXtsYXp5TG9hZFNyY31cbiAgICAgICAgLz5cbiAgICAgIDwvU3R5bGVkSW1hZ2VXcmFwcGVyPlxuICAgICk7XG4gIH1cblxuICByZXR1cm4gKFxuICAgIDxTdHlsZWRJbWFnZVdyYXBwZXIgZGF0YS1zdmc9e2NvbnRlbnRUeXBlID09PSAnaW1hZ2Uvc3ZnK3htbCd9IGRhdGEtYm9yZGVyPXtib3JkZXJ9PlxuICAgICAgPHBpY3R1cmU+XG4gICAgICAgIDxzb3VyY2UgdHlwZT17Y29udGVudFR5cGV9IHNyY1NldD17c3JjU2V0fSBzaXplcz17c2l6ZXN9IC8+XG4gICAgICAgIDxTdHlsZWRJbWFnZSBhbHQ9e2FsdH0gc3JjPXtgJHtzcmN9PyR7cXVlcnlTdHJpbmd9YH0gey4uLnJlc3R9IGRhdGEtYm9yZGVyPXtib3JkZXJ9IC8+XG4gICAgICA8L3BpY3R1cmU+XG4gICAgICB7ZXhwYW5kQnV0dG9ufVxuICAgIDwvU3R5bGVkSW1hZ2VXcmFwcGVyPlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgSW1hZ2U7XG4iXX0= */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkltYWdlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEyRDhCIiwiZmlsZSI6IkltYWdlLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDE3LXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuaW1wb3J0IHsgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgY29sb3JzIH0gZnJvbSAnQG5kbGEvY29yZSc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgSW1hZ2VDcm9wIHtcbiAgc3RhcnRYOiBudW1iZXI7XG4gIHN0YXJ0WTogbnVtYmVyO1xuICBlbmRYOiBudW1iZXI7XG4gIGVuZFk6IG51bWJlcjtcbn1cblxuZXhwb3J0IGludGVyZmFjZSBJbWFnZUZvY2FsUG9pbnQge1xuICB4OiBudW1iZXI7XG4gIHk6IG51bWJlcjtcbn1cblxuZXhwb3J0IGNvbnN0IG1ha2VTcmNRdWVyeVN0cmluZyA9ICh3aWR0aDogbnVtYmVyIHwgdW5kZWZpbmVkLCBjcm9wPzogSW1hZ2VDcm9wLCBmb2NhbFBvaW50PzogSW1hZ2VGb2NhbFBvaW50KSA9PiB7XG4gIGNvbnN0IHdpZHRoUGFyYW1zID0gd2lkdGggJiYgYHdpZHRoPSR7d2lkdGh9YDtcbiAgY29uc3QgY3JvcFBhcmFtcyA9XG4gICAgY3JvcCAmJiBgY3JvcFN0YXJ0WD0ke2Nyb3Auc3RhcnRYfSZjcm9wRW5kWD0ke2Nyb3AuZW5kWH0mY3JvcFN0YXJ0WT0ke2Nyb3Auc3RhcnRZfSZjcm9wRW5kWT0ke2Nyb3AuZW5kWX1gO1xuICBjb25zdCBmb2NhbFBvaW50UGFyYW1zID0gZm9jYWxQb2ludCAmJiBgZm9jYWxYPSR7Zm9jYWxQb2ludC54fSZmb2NhbFk9JHtmb2NhbFBvaW50Lnl9YDtcbiAgY29uc3QgcGFyYW1zID0gW3dpZHRoUGFyYW1zLCBjcm9wUGFyYW1zLCBmb2NhbFBvaW50UGFyYW1zXS5maWx0ZXIoKHApID0+IHApLmpvaW4oJyYnKTtcblxuICByZXR1cm4gcGFyYW1zO1xufTtcblxuY29uc3QgZ2V0U3JjU2V0ID0gKHNyYzogc3RyaW5nLCBjcm9wOiBJbWFnZUNyb3AgfCB1bmRlZmluZWQsIGZvY2FsUG9pbnQ6IEltYWdlRm9jYWxQb2ludCB8IHVuZGVmaW5lZCkgPT4ge1xuICBjb25zdCB3aWR0aHMgPSBbMjcyMCwgMjA4MCwgMTc2MCwgMTQ0MCwgMTEyMCwgMTAwMCwgOTYwLCA4MDAsIDY0MCwgNDgwLCAzMjAsIDI0MCwgMTgwXTtcbiAgcmV0dXJuIHdpZHRocy5tYXAoKHdpZHRoKSA9PiBgJHtzcmN9PyR7bWFrZVNyY1F1ZXJ5U3RyaW5nKHdpZHRoLCBjcm9wLCBmb2NhbFBvaW50KX0gJHt3aWR0aH13YCkuam9pbignLCAnKTtcbn07XG5cbmNvbnN0IFN0eWxlZEltYWdlV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcblxuICBwaWN0dXJlIHtcbiAgICB3aWR0aDogMTAwJTtcbiAgfVxuXG4gICZbZGF0YS1zdmc9J3RydWUnXSB7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgfVxuICAmW2RhdGEtYm9yZGVyPSd0cnVlJ10ge1xuICAgIGJvcmRlcjogMXB4IHNvbGlkICR7Y29sb3JzLmJyYW5kLnRlcnRpYXJ5fTtcbiAgICBib3JkZXItYm90dG9tOiAwO1xuICAgIGJvcmRlci1yYWRpdXM6IDRweDtcbiAgICBib3JkZXItYm90dG9tLWxlZnQtcmFkaXVzOiAwO1xuICAgIGJvcmRlci1ib3R0b20tcmlnaHQtcmFkaXVzOiAwO1xuICB9XG5gO1xuXG5jb25zdCBTdHlsZWRJbWFnZSA9IHN0eWxlZC5pbWdgXG4gICZbZGF0YS1ib3JkZXI9J3RydWUnXSB7XG4gICAgYm9yZGVyLXJhZGl1czogM3B4O1xuICAgIGJvcmRlci1ib3R0b20tbGVmdC1yYWRpdXM6IDA7XG4gICAgYm9yZGVyLWJvdHRvbS1yaWdodC1yYWRpdXM6IDA7XG4gIH1cbmA7XG5cbmludGVyZmFjZSBQcm9wcyB7XG4gIGFsdDogc3RyaW5nO1xuICBzcmM6IHN0cmluZztcbiAgc2l6ZXM/OiBzdHJpbmc7XG4gIGZhbGxiYWNrV2lkdGg/OiBudW1iZXI7XG4gIGNvbnRlbnRUeXBlPzogc3RyaW5nO1xuICBzcmNTZXQ/OiBzdHJpbmc7XG4gIGxhenlMb2FkPzogYm9vbGVhbjtcbiAgbGF6eUxvYWRTcmM/OiBzdHJpbmc7XG4gIGV4cGFuZEJ1dHRvbj86IFJlYWN0Tm9kZTtcbiAgY3JvcD86IEltYWdlQ3JvcDtcbiAgZm9jYWxQb2ludD86IEltYWdlRm9jYWxQb2ludDtcbiAgYm9yZGVyPzogc3RyaW5nO1xufVxuXG5jb25zdCBJbWFnZSA9ICh7XG4gIGFsdCxcbiAgc3JjLFxuICBsYXp5TG9hZCxcbiAgbGF6eUxvYWRTcmMsXG4gIGNyb3AsXG4gIGZvY2FsUG9pbnQsXG4gIGNvbnRlbnRUeXBlLFxuICBzaXplcyA9ICcobWluLXdpZHRoOiAxMDI0cHgpIDEwMjRweCwgMTAwdncnLFxuICBleHBhbmRCdXR0b24sXG4gIGZhbGxiYWNrV2lkdGggPSAxMDI0LFxuICBib3JkZXIsXG4gIC4uLnJlc3Rcbn06IFByb3BzKSA9PiB7XG4gIGNvbnN0IHNyY1NldCA9IHJlc3Quc3JjU2V0ID8/IGdldFNyY1NldChzcmMsIGNyb3AsIGZvY2FsUG9pbnQpO1xuICBjb25zdCBxdWVyeVN0cmluZyA9IG1ha2VTcmNRdWVyeVN0cmluZyhmYWxsYmFja1dpZHRoLCBjcm9wLCBmb2NhbFBvaW50KTtcbiAgY29uc3QgbG9hZGluZyA9IGxhenlMb2FkID8gJ2xhenknIDogdW5kZWZpbmVkO1xuXG4gIGlmIChjb250ZW50VHlwZSAmJiBjb250ZW50VHlwZSA9PT0gJ2ltYWdlL2dpZicpIHtcbiAgICByZXR1cm4gKFxuICAgICAgPFN0eWxlZEltYWdlV3JhcHBlciBkYXRhLWJvcmRlcj17Ym9yZGVyfT5cbiAgICAgICAgPFN0eWxlZEltYWdlIGFsdD17YWx0fSBsb2FkaW5nPXtsb2FkaW5nfSBzcmM9e2Ake3NyY31gfSB7Li4ucmVzdH0gZGF0YS1ib3JkZXI9e2JvcmRlcn0gLz5cbiAgICAgIDwvU3R5bGVkSW1hZ2VXcmFwcGVyPlxuICAgICk7XG4gIH1cblxuICByZXR1cm4gKFxuICAgIDxTdHlsZWRJbWFnZVdyYXBwZXIgZGF0YS1zdmc9e2NvbnRlbnRUeXBlID09PSAnaW1hZ2Uvc3ZnK3htbCd9IGRhdGEtYm9yZGVyPXtib3JkZXJ9PlxuICAgICAgPHBpY3R1cmU+XG4gICAgICAgIDxzb3VyY2UgdHlwZT17Y29udGVudFR5cGV9IHNyY1NldD17c3JjU2V0fSBzaXplcz17c2l6ZXN9IC8+XG4gICAgICAgIDxTdHlsZWRJbWFnZSBhbHQ9e2FsdH0gbG9hZGluZz17bG9hZGluZ30gc3JjPXtgJHtzcmN9PyR7cXVlcnlTdHJpbmd9YH0gey4uLnJlc3R9IGRhdGEtYm9yZGVyPXtib3JkZXJ9IC8+XG4gICAgICA8L3BpY3R1cmU+XG4gICAgICB7ZXhwYW5kQnV0dG9ufVxuICAgIDwvU3R5bGVkSW1hZ2VXcmFwcGVyPlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgSW1hZ2U7XG4iXX0= */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
 var Image = function Image(_ref) {
@@ -70,28 +69,19 @@ var Image = function Image(_ref) {
     rest = _objectWithoutProperties(_ref, _excluded);
   var srcSet = (_rest$srcSet = rest.srcSet) !== null && _rest$srcSet !== void 0 ? _rest$srcSet : getSrcSet(src, crop, focalPoint);
   var queryString = makeSrcQueryString(fallbackWidth, crop, focalPoint);
+  var loading = lazyLoad ? 'lazy' : undefined;
   if (contentType && contentType === 'image/gif') {
     return _jsx(StyledImageWrapper, {
       "data-border": border,
       children: _jsx(StyledImage, _objectSpread(_objectSpread({
         alt: alt,
+        loading: loading,
         src: "".concat(src)
       }, rest), {}, {
         "data-border": border
       }))
     });
   }
-  if (lazyLoad) {
-    return _jsx(StyledImageWrapper, {
-      children: _jsx(LazyLoadImage, {
-        alt: alt,
-        src: "".concat(src, "?").concat(queryString),
-        srcSet: srcSet,
-        sizes: sizes,
-        lazyLoadSrc: lazyLoadSrc
-      })
-    });
-  }
   return _jsxs(StyledImageWrapper, {
     "data-svg": contentType === 'image/svg+xml',
     "data-border": border,
@@ -102,6 +92,7 @@ var Image = function Image(_ref) {
         sizes: sizes
       }), _jsx(StyledImage, _objectSpread(_objectSpread({
         alt: alt,
+        loading: loading,
         src: "".concat(src, "?").concat(queryString)
       }, rest), {}, {
         "data-border": border

package/es/Resource/storyComponents.js

@@ -0,0 +1,67 @@
+/**
+ * Copyright (c) 2022-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 { DropdownMenu, DropdownTrigger, DropdownContent, DropdownItem } from '@ndla/dropdown-menu';
+import { IconButtonV2, ButtonV2 } from '@ndla/button';
+import { HorizontalMenu } from '@ndla/icons/contentType';
+import { Pencil } from '@ndla/icons/action';
+import { DeleteForever } from '@ndla/icons/editor';
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+import { jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+export var resourceTypesArr = [{
+  id: 'urn:resourcetype:learningPath',
+  name: 'Læringssti'
+}, {
+  id: 'urn:resourcetype:subjectMaterial',
+  name: 'Fagstoff'
+}, {
+  id: 'urn:resourcetype:tasksAndActivities',
+  name: 'Oppgaver og aktiviteter'
+}, {
+  id: 'urn:resourcetype:reviewResource',
+  name: 'Vurderingsressurs'
+}, {
+  id: 'urn:resourcetype:externalResource',
+  name: 'Ekstern læringsressurs'
+}, {
+  id: 'urn:resourcetype:SourceMaterial',
+  name: 'Kildemateriale'
+}];
+export var StoryResourceMenu = function StoryResourceMenu() {
+  return _jsxs(DropdownMenu, {
+    children: [_jsx(DropdownTrigger, {
+      children: _jsx(IconButtonV2, {
+        "aria-label": "Show more",
+        title: "Show more",
+        variant: "ghost",
+        colorTheme: "light",
+        children: _jsx(HorizontalMenu, {})
+      })
+    }), _jsxs(DropdownContent, {
+      children: [_jsx(DropdownItem, {
+        children: _jsxs(ButtonV2, {
+          variant: "ghost",
+          colorTheme: "light",
+          shape: "sharp",
+          size: "small",
+          fontWeight: "normal",
+          children: [_jsx(Pencil, {}), "Rediger"]
+        })
+      }), _jsx(DropdownItem, {
+        children: _jsxs(ButtonV2, {
+          variant: "ghost",
+          colorTheme: "danger",
+          shape: "sharp",
+          size: "small",
+          fontWeight: "normal",
+          children: [_jsx(DeleteForever, {}), "Slett"]
+        })
+      })]
+    })]
+  });
+};

package/es/index.js

@@ -9,6 +9,7 @@
 // Ignore typescript implicit any warning and export all javascript components
 // Move components to this file when they are migrated to typescript
 
+export { ExpandableBox, ExpandableBoxSummary } from './ExpandableBox';
 export { default as FramedContent } from './FramedContent';
 export { default as SectionHeading } from './SectionHeading';
 export { ConceptNotionV2, ImageEmbed, AudioEmbed, H5pEmbed, ExternalEmbed, IframeEmbed, FootnoteEmbed, BrightcoveEmbed, ContentLinkEmbed, RelatedContentEmbed, ConceptEmbed, ConceptListEmbed, UnknownEmbed, InlineConcept, BlockConcept } from './Embed';

package/es/locale/messages-en.js

@@ -477,6 +477,11 @@ var messages = _objectSpread(_objectSpread({
   subject: {
     associatedTopics: 'Associated topics'
   },
+  subjectFrontPage: {
+    buildsOn: 'Builds on',
+    connectedTo: 'Common programme subject with',
+    leadsTo: 'Leads to'
+  },
   accordion: {
     closeAll: 'Close all',
     openAll: 'Open all'
@@ -1222,8 +1227,14 @@ var messages = _objectSpread(_objectSpread({
     },
     myProfile: {
       title: 'My Profile',
-      disclaimerTitle: 'Where is my picture and name used?',
-      disclaimerText: 'Your picture and name are displayed when you participate in discussions in the arena.',
+      disclaimerTitle: {
+        employee: 'Where is my picture and name used?',
+        student: 'Where is my name used?'
+      },
+      disclaimerText: {
+        employee: 'Your picture and name are displayed when you participate in discussions in the arena.',
+        student: 'Your name is only displayed for you'
+      },
       preferenceTitle: 'Choose whether you want to display name when sharing a folder',
       preferenceText: 'Here you can choose whether you want to display your name when you share a folder. The selected option applies to all your folders and can be changed later. If you later change the option, your name will appear on all your shared folders.',
       editButtonText: 'Change profile picture',
@@ -1287,8 +1298,8 @@ var messages = _objectSpread(_objectSpread({
     help: 'Help'
   },
   programmes: {
-    header: 'View our educational programmes',
-    description: 'We strive to offer the best learning resources within traditional and new media.',
+    header: 'What do you want to learn today?',
+    description: 'Choose a programme to see your subjects',
     grades: 'Grades',
     accordionHeader: 'All educational programmes'
   },

package/es/locale/messages-nb.js

@@ -476,6 +476,11 @@ var messages = _objectSpread(_objectSpread({
   subject: {
     associatedTopics: 'Tilhørende emner'
   },
+  subjectFrontPage: {
+    buildsOn: 'Bygger på',
+    connectedTo: 'Felles programfag sammen med',
+    leadsTo: 'Leder til'
+  },
   accordion: {
     closeAll: 'Lukk alle',
     openAll: 'Åpne alle'
@@ -1221,8 +1226,14 @@ var messages = _objectSpread(_objectSpread({
     },
     myProfile: {
       title: 'Min Profil',
-      disclaimerTitle: 'Hvor brukes bildet og navnet mitt?',
-      disclaimerText: 'Bilde og navn vises når du deltar i diskusjoner i arenaen.',
+      disclaimerTitle: {
+        employee: 'Hvor brukes bildet og navnet mitt?',
+        student: 'Hvor brukes navnet mitt?'
+      },
+      disclaimerText: {
+        employee: 'Bilde og navn vises når du deltar i diskusjoner i arenaen.',
+        student: 'Navnet ditt vises bare for deg selv når du er logget inn.'
+      },
       preferenceTitle: 'Velg om du vil vise navn når du deler en mappe',
       preferenceText: 'Her kan du selv velge om du vil vise navnet ditt når du deler en mappe. Valget gjelder for alle mappene dine og kan endres senere. Dersom du endrer vil navnet ditt vises på alle dine delte mapper.',
       editButtonText: 'Endre profilbilde',
@@ -1286,8 +1297,8 @@ var messages = _objectSpread(_objectSpread({
     help: 'Hjelp'
   },
   programmes: {
-    header: 'Se våre utdanningsprogram',
-    description: 'Vi ønsker å tilby de beste læringsressursene innen tradisjonelle og nye medier.',
+    header: 'Hva vil du lære om i dag?',
+    description: 'Velg utdanningsprogram for å se dine fag',
     grades: 'Trinn',
     accordionHeader: 'Alle utdanningsprogram'
   },

package/es/locale/messages-nn.js

@@ -476,6 +476,11 @@ var messages = _objectSpread(_objectSpread({
   subject: {
     associatedTopics: 'Tilhøyrande emne'
   },
+  subjectFrontPage: {
+    buildsOn: 'Byggjer på',
+    connectedTo: 'Felles programfag saman med',
+    leadsTo: 'Leier til'
+  },
   accordion: {
     closeAll: 'Lukk alle',
     openAll: 'Åpne alle'
@@ -1221,8 +1226,14 @@ var messages = _objectSpread(_objectSpread({
     },
     myProfile: {
       title: 'Min Profil',
-      disclaimerTitle: 'Kvar blir biletet og namnet mitt brukt?',
-      disclaimerText: 'Bilete og namn vert vist når du deltek i diskusjonar i arenaen.',
+      disclaimerTitle: {
+        employee: 'Kvar blir biletet og namnet mitt brukt?',
+        student: 'Kvar blir namnet mitt brukt?'
+      },
+      disclaimerText: {
+        employee: 'Bilete og namn vert vist når du deltek i diskusjonar i arenaen.',
+        student: 'Namnet ditt blir berre vist for deg sjølv når du er logga inn.'
+      },
       preferenceTitle: 'Vel om du vil vise namn når du deler ei mappe',
       preferenceText: 'Her kan du sjølv velje om du vil vise namnet ditt når du deler ei mappe. Valet gjeld for alle mappene dine og kan endrast seinare. Dersom du endrar vil namnet ditt visast på alle dine delte mapper.',
       editButtonText: 'Endre profilbilete',
@@ -1286,8 +1297,8 @@ var messages = _objectSpread(_objectSpread({
     help: 'Hjelp'
   },
   programmes: {
-    header: 'Se våre utdanningsprogram',
-    description: 'Vi ønsker å tilby dei beste læringsressursane innan tradisjonelle og nye media.',
+    header: 'Kva vil du lære om i dag?',
+    description: 'Vel utdanningsprogram for å sjå faga dine',
     grades: 'Trinn',
     accordionHeader: 'Alle utdanningsprogram'
   },

package/es/locale/messages-se.js

@@ -476,6 +476,11 @@ var messages = _objectSpread(_objectSpread({
   subject: {
     associatedTopics: 'Gullevaš fáttát'
   },
+  subjectFrontPage: {
+    buildsOn: 'Duddjo dása',
+    connectedTo: 'Oktasaš prográmmafáddán lea',
+    leadsTo: 'Dát doalvu'
+  },
   accordion: {
     closeAll: 'Govčča buot',
     openAll: 'Raba buot'
@@ -1221,8 +1226,14 @@ var messages = _objectSpread(_objectSpread({
     },
     myProfile: {
       title: 'Mu profiila',
-      disclaimerTitle: 'Gos geavahit mu gova ja mu nama?',
-      disclaimerText: 'Govva ja namma čájehuvvojit go searvat digaštallamii arenain.',
+      disclaimerTitle: {
+        employee: 'Gos geavahit mu gova ja mu nama?',
+        student: 'Gos geavahit mu nama?'
+      },
+      disclaimerText: {
+        employee: 'Govva ja namma čájehuvvojit go searvat digaštallamii arenain.',
+        student: 'Du namma čájehuvvo dušše go leat sisačálihuvvon'
+      },
       preferenceTitle: 'Vállje jos namma čájehuvvo máhpa juohkkedettiin',
       preferenceText: 'Dás válljet jos iežat namma čájehuvvo juohkkedettiin máhpa. Dát molssaeaktu guoská buot máhpaide ja sáhttá rievdaduvvot maŋŋil. Jos rievdadat dán, de čájehuvvo du namma buot juogaduvvon máhpain.',
       editButtonText: 'Rievdat profiilagova',

package/es/locale/messages-sma.js

@@ -476,6 +476,11 @@ var messages = _objectSpread(_objectSpread({
   subject: {
     associatedTopics: 'Teemah mah govlehtuvvieh'
   },
+  subjectFrontPage: {
+    buildsOn: 'Bigkie bæjjese',
+    connectedTo: 'Tjåenghkies programmefaage aalkoealmetjidie',
+    leadsTo: 'Goh ryökneme'
+  },
   accordion: {
     closeAll: 'Dahph gaajhkh',
     openAll: 'Rïhpesth gaajhkh'
@@ -1221,8 +1226,14 @@ var messages = _objectSpread(_objectSpread({
     },
     myProfile: {
       title: 'Mov Profijle',
-      disclaimerTitle: 'Gusnie guvvie jïh nomme åtnasuvvieh?',
-      disclaimerText: 'Guvvie jïh nomme våajnoes sjidtieh gosse meatan digkiedimmesne sijjesne.',
+      disclaimerTitle: {
+        employee: 'Gusnie guvvie jïh nomme åtnasuvvieh?',
+        student: 'Gusnie mov nomme'
+      },
+      disclaimerText: {
+        employee: 'Guvvie jïh nomme våajnoes sjidtieh gosse meatan digkiedimmesne sijjesne.',
+        student: 'Dov nomme ajve tjaalasåvva dutnjien gosse sïjse loggedh'
+      },
       preferenceTitle: 'Sjïehtedh jis edtja nommem vuesiehtidh gosse maabpam juekedh',
       preferenceText: 'Daesnie jïjtje veeljh mejtie sïjhth dov nommem vuesiehtidh gosse maabpam juekedh . Daate veeljeme lea gaajhkine dov maabpojne, jïh maahta dam mænngan jarkelidh. Jis jeatjahdahtah , dov nomme sæjhta våajnoes årrodh gaajhkine dov joekedamme maabpojne.',
       editButtonText: 'Naemhtie profijleguvviem jarkelidh',
@@ -1286,10 +1297,10 @@ var messages = _objectSpread(_objectSpread({
     help: 'Hjelp'
   },
   programmes: {
-    header: 'Se våre utdanningsprogram',
-    description: 'Vi ønsker å tilby de beste læringsressursene innen tradisjonelle og nye medier.',
-    grades: 'Trinn',
-    accordionHeader: 'Alle utdanningsprogram'
+    header: 'Maam sïjhth daan biejjien lïeredh ?',
+    description: 'Veeljh ööhpehtimmieprogrammem juktie dov faagide vuartasjidh',
+    grades: 'Daltesasse',
+    accordionHeader: 'Gaajhkh ööhpehtimmieprogrammh'
   },
   embed: {
     conceptListError: 'Klarte ikkje å vise forklaringsliste',

package/lib/ExpandableBox/ExpandableBox.d.ts

@@ -0,0 +1,15 @@
+/**
+ * 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 { HTMLAttributes } from 'react';
+interface Props extends HTMLAttributes<HTMLDetailsElement> {
+}
+export declare const ExpandableBox: ({ children, ...rest }: Props) => import("@emotion/react/jsx-runtime").JSX.Element;
+interface SummaryProps extends HTMLAttributes<HTMLElement> {
+}
+export declare const ExpandableBoxSummary: ({ children, ...rest }: SummaryProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export {};

package/lib/{Image/LazyLoadImage.js → ExpandableBox/ExpandableBox.js}

@@ -4,9 +4,10 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.ExpandableBoxSummary = exports.ExpandableBox = void 0;
 var _jsxRuntime = require("@emotion/react/jsx-runtime");
-var _excluded = ["alt", "src", "srcSet", "lazyLoadSrc", "sizes"];
+var _excluded = ["children"],
+  _excluded2 = ["children"];
 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; }
@@ -15,41 +16,26 @@ function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input ==
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 /**
- * Copyright (c) 2017-present, NDLA.
+ * 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.
  *
  */
 
-// Lazyload image with lazysizes (https://github.com/aFarkas/lazysizes)
-var LazyLoadImage = function LazyLoadImage(_ref) {
-  var alt = _ref.alt,
-    src = _ref.src,
-    srcSet = _ref.srcSet,
-    lazyLoadSrc = _ref.lazyLoadSrc,
-    sizes = _ref.sizes,
+var ExpandableBox = function ExpandableBox(_ref) {
+  var children = _ref.children,
     rest = _objectWithoutProperties(_ref, _excluded);
-  return (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-    children: [(0, _jsxRuntime.jsx)("noscript", {
-      children: (0, _jsxRuntime.jsx)("img", _objectSpread({
-        alt: alt,
-        src: "".concat(src),
-        srcSet: srcSet,
-        sizes: sizes
-      }, rest))
-    }, "noscript"), (0, _jsxRuntime.jsx)("img", _objectSpread({
-      alt: alt,
-      style: {
-        width: '100%'
-      },
-      className: "lazyload",
-      src: lazyLoadSrc,
-      "data-src": src,
-      "data-src-set": srcSet,
-      "data-sizes": sizes
-    }, rest), "img")]
-  });
+  return (0, _jsxRuntime.jsx)("details", _objectSpread(_objectSpread({}, rest), {}, {
+    children: children
+  }));
 };
-var _default = LazyLoadImage;
-exports.default = _default;
+exports.ExpandableBox = ExpandableBox;
+var ExpandableBoxSummary = function ExpandableBoxSummary(_ref2) {
+  var children = _ref2.children,
+    rest = _objectWithoutProperties(_ref2, _excluded2);
+  return (0, _jsxRuntime.jsx)("summary", _objectSpread(_objectSpread({}, rest), {}, {
+    children: children
+  }));
+};
+exports.ExpandableBoxSummary = ExpandableBoxSummary;

package/lib/ExpandableBox/index.d.ts

@@ -0,0 +1,8 @@
+/**
+ * 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 { ExpandableBox, ExpandableBoxSummary } from './ExpandableBox';

package/lib/ExpandableBox/index.js

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "ExpandableBox", {
+  enumerable: true,
+  get: function get() {
+    return _ExpandableBox.ExpandableBox;
+  }
+});
+Object.defineProperty(exports, "ExpandableBoxSummary", {
+  enumerable: true,
+  get: function get() {
+    return _ExpandableBox.ExpandableBoxSummary;
+  }
+});
+var _ExpandableBox = require("./ExpandableBox");

package/lib/Footer/Footer.d.ts

@@ -10,15 +10,11 @@ import { Locale } from '../types';
 type Props = {
     children: ReactNode;
     lang: Locale;
-    links?: [
-        {
-            to: string;
-            text: string;
-            icon: ReactNode;
-            facebook: string;
-            twitter: string;
-        }
-    ];
+    links?: {
+        to: string;
+        text: string;
+        icon: ReactNode;
+    }[];
     privacyLinks?: {
         url: string;
         label: string;