@ndla/ui 50.1.0 → 50.1.2

package/es/Image/Image.js

@@ -1,13 +1,4 @@
-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); }
 import _styled from "@emotion/styled/base";
-var _excluded = ["alt", "src", "lazyLoad", "lazyLoadSrc", "crop", "focalPoint", "contentType", "sizes", "expandButton", "fallbackWidth", "border", "lang"];
-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); }
-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; }
 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) 2017-present, NDLA.
@@ -20,26 +11,22 @@ function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringif
 import { colors } from '@ndla/core';
 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) {
-  var widthParams = width && "width=".concat(width);
-  var cropParams = crop && "cropStartX=".concat(crop.startX, "&cropEndX=").concat(crop.endX, "&cropStartY=").concat(crop.startY, "&cropEndY=").concat(crop.endY);
-  var focalPointParams = focalPoint && "focalX=".concat(focalPoint.x, "&focalY=").concat(focalPoint.y);
-  var params = [widthParams, cropParams, focalPointParams].filter(function (p) {
-    return p;
-  }).join('&');
+export const makeSrcQueryString = (width, crop, focalPoint) => {
+  const widthParams = width && `width=${width}`;
+  const cropParams = crop && `cropStartX=${crop.startX}&cropEndX=${crop.endX}&cropStartY=${crop.startY}&cropEndY=${crop.endY}`;
+  const focalPointParams = focalPoint && `focalX=${focalPoint.x}&focalY=${focalPoint.y}`;
+  const params = [widthParams, cropParams, focalPointParams].filter(p => p).join('&');
   return params;
 };
-var getSrcSet = function getSrcSet(src, crop, focalPoint) {
-  var widths = [2720, 2080, 1760, 1440, 1120, 1000, 960, 800, 640, 480, 320, 240, 180];
-  return widths.map(function (width) {
-    return "".concat(src, "?").concat(makeSrcQueryString(width, crop, focalPoint), " ").concat(width, "w");
-  }).join(', ');
+const getSrcSet = (src, crop, focalPoint) => {
+  const widths = [2720, 2080, 1760, 1440, 1120, 1000, 960, 800, 640, 480, 320, 240, 180];
+  return widths.map(width => `${src}?${makeSrcQueryString(width, crop, focalPoint)} ${width}w`).join(', ');
 };
-var StyledImageWrapper = /*#__PURE__*/_styled("div", {
+const 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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkltYWdlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF1Q3FDIiwiZmlsZSI6IkltYWdlLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDE3LXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuaW1wb3J0IHsgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgY29sb3JzIH0gZnJvbSAnQG5kbGEvY29yZSc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgSW1hZ2VDcm9wIHtcbiAgc3RhcnRYOiBudW1iZXI7XG4gIHN0YXJ0WTogbnVtYmVyO1xuICBlbmRYOiBudW1iZXI7XG4gIGVuZFk6IG51bWJlcjtcbn1cblxuZXhwb3J0IGludGVyZmFjZSBJbWFnZUZvY2FsUG9pbnQge1xuICB4OiBudW1iZXI7XG4gIHk6IG51bWJlcjtcbn1cblxuZXhwb3J0IGNvbnN0IG1ha2VTcmNRdWVyeVN0cmluZyA9ICh3aWR0aDogbnVtYmVyIHwgdW5kZWZpbmVkLCBjcm9wPzogSW1hZ2VDcm9wLCBmb2NhbFBvaW50PzogSW1hZ2VGb2NhbFBvaW50KSA9PiB7XG4gIGNvbnN0IHdpZHRoUGFyYW1zID0gd2lkdGggJiYgYHdpZHRoPSR7d2lkdGh9YDtcbiAgY29uc3QgY3JvcFBhcmFtcyA9XG4gICAgY3JvcCAmJiBgY3JvcFN0YXJ0WD0ke2Nyb3Auc3RhcnRYfSZjcm9wRW5kWD0ke2Nyb3AuZW5kWH0mY3JvcFN0YXJ0WT0ke2Nyb3Auc3RhcnRZfSZjcm9wRW5kWT0ke2Nyb3AuZW5kWX1gO1xuICBjb25zdCBmb2NhbFBvaW50UGFyYW1zID0gZm9jYWxQb2ludCAmJiBgZm9jYWxYPSR7Zm9jYWxQb2ludC54fSZmb2NhbFk9JHtmb2NhbFBvaW50Lnl9YDtcbiAgY29uc3QgcGFyYW1zID0gW3dpZHRoUGFyYW1zLCBjcm9wUGFyYW1zLCBmb2NhbFBvaW50UGFyYW1zXS5maWx0ZXIoKHApID0+IHApLmpvaW4oJyYnKTtcblxuICByZXR1cm4gcGFyYW1zO1xufTtcblxuY29uc3QgZ2V0U3JjU2V0ID0gKHNyYzogc3RyaW5nLCBjcm9wOiBJbWFnZUNyb3AgfCB1bmRlZmluZWQsIGZvY2FsUG9pbnQ6IEltYWdlRm9jYWxQb2ludCB8IHVuZGVmaW5lZCkgPT4ge1xuICBjb25zdCB3aWR0aHMgPSBbMjcyMCwgMjA4MCwgMTc2MCwgMTQ0MCwgMTEyMCwgMTAwMCwgOTYwLCA4MDAsIDY0MCwgNDgwLCAzMjAsIDI0MCwgMTgwXTtcbiAgcmV0dXJuIHdpZHRocy5tYXAoKHdpZHRoKSA9PiBgJHtzcmN9PyR7bWFrZVNyY1F1ZXJ5U3RyaW5nKHdpZHRoLCBjcm9wLCBmb2NhbFBvaW50KX0gJHt3aWR0aH13YCkuam9pbignLCAnKTtcbn07XG5cbmNvbnN0IFN0eWxlZEltYWdlV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcblxuICBwaWN0dXJlIHtcbiAgICB3aWR0aDogMTAwJTtcbiAgfVxuXG4gICZbZGF0YS1zdmc9J3RydWUnXSB7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgfVxuICAmW2RhdGEtYm9yZGVyPSd0cnVlJ10ge1xuICAgIGJvcmRlcjogMXB4IHNvbGlkICR7Y29sb3JzLmJyYW5kLnRlcnRpYXJ5fTtcbiAgICBib3JkZXItYm90dG9tOiAwO1xuICAgIGJvcmRlci1yYWRpdXM6IDRweDtcbiAgICBib3JkZXItYm90dG9tLWxlZnQtcmFkaXVzOiAwO1xuICAgIGJvcmRlci1ib3R0b20tcmlnaHQtcmFkaXVzOiAwO1xuICB9XG5gO1xuXG5jb25zdCBTdHlsZWRJbWFnZSA9IHN0eWxlZC5pbWdgXG4gICZbZGF0YS1ib3JkZXI9J3RydWUnXSB7XG4gICAgYm9yZGVyLXJhZGl1czogM3B4O1xuICAgIGJvcmRlci1ib3R0b20tbGVmdC1yYWRpdXM6IDA7XG4gICAgYm9yZGVyLWJvdHRvbS1yaWdodC1yYWRpdXM6IDA7XG4gIH1cbmA7XG5cbmludGVyZmFjZSBQcm9wcyB7XG4gIGFsdDogc3RyaW5nO1xuICBzcmM6IHN0cmluZztcbiAgc2l6ZXM/OiBzdHJpbmc7XG4gIGZhbGxiYWNrV2lkdGg/OiBudW1iZXI7XG4gIGNvbnRlbnRUeXBlPzogc3RyaW5nO1xuICBzcmNTZXQ/OiBzdHJpbmc7XG4gIGxhenlMb2FkPzogYm9vbGVhbjtcbiAgbGF6eUxvYWRTcmM/OiBzdHJpbmc7XG4gIGV4cGFuZEJ1dHRvbj86IFJlYWN0Tm9kZTtcbiAgY3JvcD86IEltYWdlQ3JvcDtcbiAgZm9jYWxQb2ludD86IEltYWdlRm9jYWxQb2ludDtcbiAgYm9yZGVyPzogc3RyaW5nO1xuICBsYW5nPzogc3RyaW5nO1xufVxuXG5jb25zdCBJbWFnZSA9ICh7XG4gIGFsdCxcbiAgc3JjLFxuICBsYXp5TG9hZCxcbiAgbGF6eUxvYWRTcmMsXG4gIGNyb3AsXG4gIGZvY2FsUG9pbnQsXG4gIGNvbnRlbnRUeXBlLFxuICBzaXplcyA9ICcobWluLXdpZHRoOiAxMDI0cHgpIDEwMjRweCwgMTAwdncnLFxuICBleHBhbmRCdXR0b24sXG4gIGZhbGxiYWNrV2lkdGggPSAxMDI0LFxuICBib3JkZXIsXG4gIGxhbmcsXG4gIC4uLnJlc3Rcbn06IFByb3BzKSA9PiB7XG4gIGNvbnN0IHNyY1NldCA9IHJlc3Quc3JjU2V0ID8/IGdldFNyY1NldChzcmMsIGNyb3AsIGZvY2FsUG9pbnQpO1xuICBjb25zdCBxdWVyeVN0cmluZyA9IG1ha2VTcmNRdWVyeVN0cmluZyhmYWxsYmFja1dpZHRoLCBjcm9wLCBmb2NhbFBvaW50KTtcbiAgY29uc3QgbG9hZGluZyA9IGxhenlMb2FkID8gJ2xhenknIDogdW5kZWZpbmVkO1xuXG4gIGlmIChjb250ZW50VHlwZSAmJiBjb250ZW50VHlwZSA9PT0gJ2ltYWdlL2dpZicpIHtcbiAgICByZXR1cm4gKFxuICAgICAgPFN0eWxlZEltYWdlV3JhcHBlciBkYXRhLWJvcmRlcj17Ym9yZGVyfT5cbiAgICAgICAgPFN0eWxlZEltYWdlIGFsdD17YWx0fSBsb2FkaW5nPXtsb2FkaW5nfSBzcmM9e2Ake3NyY31gfSB7Li4ucmVzdH0gZGF0YS1ib3JkZXI9e2JvcmRlcn0gbGFuZz17bGFuZ30gLz5cbiAgICAgIDwvU3R5bGVkSW1hZ2VXcmFwcGVyPlxuICAgICk7XG4gIH1cblxuICByZXR1cm4gKFxuICAgIDxTdHlsZWRJbWFnZVdyYXBwZXIgZGF0YS1zdmc9e2NvbnRlbnRUeXBlID09PSAnaW1hZ2Uvc3ZnK3htbCd9IGRhdGEtYm9yZGVyPXtib3JkZXJ9PlxuICAgICAgPHBpY3R1cmU+XG4gICAgICAgIDxzb3VyY2UgdHlwZT17Y29udGVudFR5cGV9IHNyY1NldD17c3JjU2V0fSBzaXplcz17c2l6ZXN9IC8+XG4gICAgICAgIDxTdHlsZWRJbWFnZVxuICAgICAgICAgIGFsdD17YWx0fVxuICAgICAgICAgIGxvYWRpbmc9e2xvYWRpbmd9XG4gICAgICAgICAgc3JjPXtgJHtzcmN9PyR7cXVlcnlTdHJpbmd9YH1cbiAgICAgICAgICB7Li4ucmVzdH1cbiAgICAgICAgICBkYXRhLWJvcmRlcj17Ym9yZGVyfVxuICAgICAgICAgIGxhbmc9e2xhbmd9XG4gICAgICAgIC8+XG4gICAgICA8L3BpY3R1cmU+XG4gICAgICB7ZXhwYW5kQnV0dG9ufVxuICAgIDwvU3R5bGVkSW1hZ2VXcmFwcGVyPlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgSW1hZ2U7XG4iXX0= */"));
-var StyledImage = /*#__PURE__*/_styled("img", {
+const StyledImage = /*#__PURE__*/_styled("img", {
   target: "ejtxxex0",
   label: "StyledImage"
 })(process.env.NODE_ENV === "production" ? {
@@ -51,37 +38,36 @@ var StyledImage = /*#__PURE__*/_styled("img", {
   map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkltYWdlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEyRDhCIiwiZmlsZSI6IkltYWdlLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDE3LXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuaW1wb3J0IHsgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgY29sb3JzIH0gZnJvbSAnQG5kbGEvY29yZSc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgSW1hZ2VDcm9wIHtcbiAgc3RhcnRYOiBudW1iZXI7XG4gIHN0YXJ0WTogbnVtYmVyO1xuICBlbmRYOiBudW1iZXI7XG4gIGVuZFk6IG51bWJlcjtcbn1cblxuZXhwb3J0IGludGVyZmFjZSBJbWFnZUZvY2FsUG9pbnQge1xuICB4OiBudW1iZXI7XG4gIHk6IG51bWJlcjtcbn1cblxuZXhwb3J0IGNvbnN0IG1ha2VTcmNRdWVyeVN0cmluZyA9ICh3aWR0aDogbnVtYmVyIHwgdW5kZWZpbmVkLCBjcm9wPzogSW1hZ2VDcm9wLCBmb2NhbFBvaW50PzogSW1hZ2VGb2NhbFBvaW50KSA9PiB7XG4gIGNvbnN0IHdpZHRoUGFyYW1zID0gd2lkdGggJiYgYHdpZHRoPSR7d2lkdGh9YDtcbiAgY29uc3QgY3JvcFBhcmFtcyA9XG4gICAgY3JvcCAmJiBgY3JvcFN0YXJ0WD0ke2Nyb3Auc3RhcnRYfSZjcm9wRW5kWD0ke2Nyb3AuZW5kWH0mY3JvcFN0YXJ0WT0ke2Nyb3Auc3RhcnRZfSZjcm9wRW5kWT0ke2Nyb3AuZW5kWX1gO1xuICBjb25zdCBmb2NhbFBvaW50UGFyYW1zID0gZm9jYWxQb2ludCAmJiBgZm9jYWxYPSR7Zm9jYWxQb2ludC54fSZmb2NhbFk9JHtmb2NhbFBvaW50Lnl9YDtcbiAgY29uc3QgcGFyYW1zID0gW3dpZHRoUGFyYW1zLCBjcm9wUGFyYW1zLCBmb2NhbFBvaW50UGFyYW1zXS5maWx0ZXIoKHApID0+IHApLmpvaW4oJyYnKTtcblxuICByZXR1cm4gcGFyYW1zO1xufTtcblxuY29uc3QgZ2V0U3JjU2V0ID0gKHNyYzogc3RyaW5nLCBjcm9wOiBJbWFnZUNyb3AgfCB1bmRlZmluZWQsIGZvY2FsUG9pbnQ6IEltYWdlRm9jYWxQb2ludCB8IHVuZGVmaW5lZCkgPT4ge1xuICBjb25zdCB3aWR0aHMgPSBbMjcyMCwgMjA4MCwgMTc2MCwgMTQ0MCwgMTEyMCwgMTAwMCwgOTYwLCA4MDAsIDY0MCwgNDgwLCAzMjAsIDI0MCwgMTgwXTtcbiAgcmV0dXJuIHdpZHRocy5tYXAoKHdpZHRoKSA9PiBgJHtzcmN9PyR7bWFrZVNyY1F1ZXJ5U3RyaW5nKHdpZHRoLCBjcm9wLCBmb2NhbFBvaW50KX0gJHt3aWR0aH13YCkuam9pbignLCAnKTtcbn07XG5cbmNvbnN0IFN0eWxlZEltYWdlV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcblxuICBwaWN0dXJlIHtcbiAgICB3aWR0aDogMTAwJTtcbiAgfVxuXG4gICZbZGF0YS1zdmc9J3RydWUnXSB7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgfVxuICAmW2RhdGEtYm9yZGVyPSd0cnVlJ10ge1xuICAgIGJvcmRlcjogMXB4IHNvbGlkICR7Y29sb3JzLmJyYW5kLnRlcnRpYXJ5fTtcbiAgICBib3JkZXItYm90dG9tOiAwO1xuICAgIGJvcmRlci1yYWRpdXM6IDRweDtcbiAgICBib3JkZXItYm90dG9tLWxlZnQtcmFkaXVzOiAwO1xuICAgIGJvcmRlci1ib3R0b20tcmlnaHQtcmFkaXVzOiAwO1xuICB9XG5gO1xuXG5jb25zdCBTdHlsZWRJbWFnZSA9IHN0eWxlZC5pbWdgXG4gICZbZGF0YS1ib3JkZXI9J3RydWUnXSB7XG4gICAgYm9yZGVyLXJhZGl1czogM3B4O1xuICAgIGJvcmRlci1ib3R0b20tbGVmdC1yYWRpdXM6IDA7XG4gICAgYm9yZGVyLWJvdHRvbS1yaWdodC1yYWRpdXM6IDA7XG4gIH1cbmA7XG5cbmludGVyZmFjZSBQcm9wcyB7XG4gIGFsdDogc3RyaW5nO1xuICBzcmM6IHN0cmluZztcbiAgc2l6ZXM/OiBzdHJpbmc7XG4gIGZhbGxiYWNrV2lkdGg/OiBudW1iZXI7XG4gIGNvbnRlbnRUeXBlPzogc3RyaW5nO1xuICBzcmNTZXQ/OiBzdHJpbmc7XG4gIGxhenlMb2FkPzogYm9vbGVhbjtcbiAgbGF6eUxvYWRTcmM/OiBzdHJpbmc7XG4gIGV4cGFuZEJ1dHRvbj86IFJlYWN0Tm9kZTtcbiAgY3JvcD86IEltYWdlQ3JvcDtcbiAgZm9jYWxQb2ludD86IEltYWdlRm9jYWxQb2ludDtcbiAgYm9yZGVyPzogc3RyaW5nO1xuICBsYW5nPzogc3RyaW5nO1xufVxuXG5jb25zdCBJbWFnZSA9ICh7XG4gIGFsdCxcbiAgc3JjLFxuICBsYXp5TG9hZCxcbiAgbGF6eUxvYWRTcmMsXG4gIGNyb3AsXG4gIGZvY2FsUG9pbnQsXG4gIGNvbnRlbnRUeXBlLFxuICBzaXplcyA9ICcobWluLXdpZHRoOiAxMDI0cHgpIDEwMjRweCwgMTAwdncnLFxuICBleHBhbmRCdXR0b24sXG4gIGZhbGxiYWNrV2lkdGggPSAxMDI0LFxuICBib3JkZXIsXG4gIGxhbmcsXG4gIC4uLnJlc3Rcbn06IFByb3BzKSA9PiB7XG4gIGNvbnN0IHNyY1NldCA9IHJlc3Quc3JjU2V0ID8/IGdldFNyY1NldChzcmMsIGNyb3AsIGZvY2FsUG9pbnQpO1xuICBjb25zdCBxdWVyeVN0cmluZyA9IG1ha2VTcmNRdWVyeVN0cmluZyhmYWxsYmFja1dpZHRoLCBjcm9wLCBmb2NhbFBvaW50KTtcbiAgY29uc3QgbG9hZGluZyA9IGxhenlMb2FkID8gJ2xhenknIDogdW5kZWZpbmVkO1xuXG4gIGlmIChjb250ZW50VHlwZSAmJiBjb250ZW50VHlwZSA9PT0gJ2ltYWdlL2dpZicpIHtcbiAgICByZXR1cm4gKFxuICAgICAgPFN0eWxlZEltYWdlV3JhcHBlciBkYXRhLWJvcmRlcj17Ym9yZGVyfT5cbiAgICAgICAgPFN0eWxlZEltYWdlIGFsdD17YWx0fSBsb2FkaW5nPXtsb2FkaW5nfSBzcmM9e2Ake3NyY31gfSB7Li4ucmVzdH0gZGF0YS1ib3JkZXI9e2JvcmRlcn0gbGFuZz17bGFuZ30gLz5cbiAgICAgIDwvU3R5bGVkSW1hZ2VXcmFwcGVyPlxuICAgICk7XG4gIH1cblxuICByZXR1cm4gKFxuICAgIDxTdHlsZWRJbWFnZVdyYXBwZXIgZGF0YS1zdmc9e2NvbnRlbnRUeXBlID09PSAnaW1hZ2Uvc3ZnK3htbCd9IGRhdGEtYm9yZGVyPXtib3JkZXJ9PlxuICAgICAgPHBpY3R1cmU+XG4gICAgICAgIDxzb3VyY2UgdHlwZT17Y29udGVudFR5cGV9IHNyY1NldD17c3JjU2V0fSBzaXplcz17c2l6ZXN9IC8+XG4gICAgICAgIDxTdHlsZWRJbWFnZVxuICAgICAgICAgIGFsdD17YWx0fVxuICAgICAgICAgIGxvYWRpbmc9e2xvYWRpbmd9XG4gICAgICAgICAgc3JjPXtgJHtzcmN9PyR7cXVlcnlTdHJpbmd9YH1cbiAgICAgICAgICB7Li4ucmVzdH1cbiAgICAgICAgICBkYXRhLWJvcmRlcj17Ym9yZGVyfVxuICAgICAgICAgIGxhbmc9e2xhbmd9XG4gICAgICAgIC8+XG4gICAgICA8L3BpY3R1cmU+XG4gICAgICB7ZXhwYW5kQnV0dG9ufVxuICAgIDwvU3R5bGVkSW1hZ2VXcmFwcGVyPlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgSW1hZ2U7XG4iXX0= */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
-var Image = function Image(_ref) {
-  var _rest$srcSet;
-  var alt = _ref.alt,
-    src = _ref.src,
-    lazyLoad = _ref.lazyLoad,
-    lazyLoadSrc = _ref.lazyLoadSrc,
-    crop = _ref.crop,
-    focalPoint = _ref.focalPoint,
-    contentType = _ref.contentType,
-    _ref$sizes = _ref.sizes,
-    sizes = _ref$sizes === void 0 ? '(min-width: 1024px) 1024px, 100vw' : _ref$sizes,
-    expandButton = _ref.expandButton,
-    _ref$fallbackWidth = _ref.fallbackWidth,
-    fallbackWidth = _ref$fallbackWidth === void 0 ? 1024 : _ref$fallbackWidth,
-    border = _ref.border,
-    lang = _ref.lang,
-    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;
+const Image = _ref => {
+  let {
+    alt,
+    src,
+    lazyLoad,
+    lazyLoadSrc,
+    crop,
+    focalPoint,
+    contentType,
+    sizes = '(min-width: 1024px) 1024px, 100vw',
+    expandButton,
+    fallbackWidth = 1024,
+    border,
+    lang,
+    ...rest
+  } = _ref;
+  const srcSet = rest.srcSet ?? getSrcSet(src, crop, focalPoint);
+  const queryString = makeSrcQueryString(fallbackWidth, crop, focalPoint);
+  const loading = lazyLoad ? 'lazy' : undefined;
   if (contentType && contentType === 'image/gif') {
     return _jsx(StyledImageWrapper, {
       "data-border": border,
-      children: _jsx(StyledImage, _objectSpread(_objectSpread({
+      children: _jsx(StyledImage, {
         alt: alt,
         loading: loading,
-        src: "".concat(src)
-      }, rest), {}, {
+        src: `${src}`,
+        ...rest,
         "data-border": border,
         lang: lang
-      }))
+      })
     });
   }
   return _jsxs(StyledImageWrapper, {
@@ -92,14 +78,14 @@ var Image = function Image(_ref) {
         type: contentType,
         srcSet: srcSet,
         sizes: sizes
-      }), _jsx(StyledImage, _objectSpread(_objectSpread({
+      }), _jsx(StyledImage, {
         alt: alt,
         loading: loading,
-        src: "".concat(src, "?").concat(queryString)
-      }, rest), {}, {
+        src: `${src}?${queryString}`,
+        ...rest,
         "data-border": border,
         lang: lang
-      }))]
+      })]
     }), expandButton]
   });
 };

package/es/Image/ImageLink.js

@@ -1,13 +1,4 @@
-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); }
 import _styled from "@emotion/styled/base";
-var _excluded = ["src", "crop", "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; }
-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); }
-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; }
 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) 2019-present, NDLA.
@@ -19,7 +10,7 @@ function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringif
 
 import { makeSrcQueryString } from './Image';
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-var StyledLink = /*#__PURE__*/_styled("a", {
+const StyledLink = /*#__PURE__*/_styled("a", {
   target: "eo3pjlm0",
   label: "StyledLink"
 })(process.env.NODE_ENV === "production" ? {
@@ -32,15 +23,17 @@ var StyledLink = /*#__PURE__*/_styled("a", {
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
 export function ImageLink(_ref) {
-  var src = _ref.src,
-    crop = _ref.crop,
-    children = _ref.children,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  return _jsx(StyledLink, _objectSpread(_objectSpread({
+  let {
+    src,
+    crop,
+    children,
+    ...rest
+  } = _ref;
+  return _jsx(StyledLink, {
     target: "_blank",
-    href: "".concat(src, "?").concat(makeSrcQueryString(undefined, crop)),
-    rel: "noopener noreferrer"
-  }, rest), {}, {
+    href: `${src}?${makeSrcQueryString(undefined, crop)}`,
+    rel: "noopener noreferrer",
+    ...rest,
     children: children
-  }));
+  });
 }

package/es/KeyFigure/KeyFigure.js

@@ -11,13 +11,13 @@ function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringif
 import { breakpoints, colors, fonts, mq, spacing } from '@ndla/core';
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
 import { jsxs as _jsxs } from "@emotion/react/jsx-runtime";
-var ContentWrapper = /*#__PURE__*/_styled("div", {
+const ContentWrapper = /*#__PURE__*/_styled("div", {
   target: "e14we9tj3",
   label: "ContentWrapper"
 })("display:flex;flex-direction:column;justify-content:center;align-items:center;padding:", spacing.small, ";align-items:center;", mq.range({
   from: breakpoints.tabletWide
 }), "{padding:", spacing.medium, " ", spacing.large, ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIktleUZpZ3VyZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBV2lDIiwiZmlsZSI6IktleUZpZ3VyZS50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKlxuICogQ29weXJpZ2h0IChjKSAyMDIzLXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgYnJlYWtwb2ludHMsIGNvbG9ycywgZm9udHMsIG1xLCBzcGFjaW5nIH0gZnJvbSAnQG5kbGEvY29yZSc7XG5cbmNvbnN0IENvbnRlbnRXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIHBhZGRpbmc6ICR7c3BhY2luZy5zbWFsbH07XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy50YWJsZXRXaWRlIH0pfSB7XG4gICAgcGFkZGluZzogJHtzcGFjaW5nLm1lZGl1bX0gJHtzcGFjaW5nLmxhcmdlfTtcbiAgfVxuYDtcblxuY29uc3QgU3R5bGVkSW1hZ2UgPSBzdHlsZWQuaW1nYFxuICBoZWlnaHQ6IDE1MHB4O1xuICB3aWR0aDogMTUwcHg7XG5gO1xuXG5jb25zdCBUaXRsZVdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBjb2xvcjogJHtjb2xvcnMudGV4dC5wcmltYXJ5fTtcbiAgZm9udC1mYW1pbHk6ICR7Zm9udHMuc2Fuc307XG4gIGZvbnQtd2VpZ2h0OiAke2ZvbnRzLndlaWdodC5ib2xkfTtcbiAgb3ZlcmZsb3ctd3JhcDogYnJlYWstd29yZDtcbiAgJHtmb250cy5zaXplcygnMzhweCcsICc0OHB4Jyl9O1xuICB0ZXh0LWFsaWduOiBjZW50ZXI7XG5cbiAgJHttcS5yYW5nZSh7IHVudGlsOiBicmVha3BvaW50cy50YWJsZXRXaWRlIH0pfSB7XG4gICAgJHtmb250cy5zaXplcygnMzBweCcsICczNnB4Jyl9O1xuICB9XG5gO1xuXG5jb25zdCBTdWJUaXRsZVdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBvdmVyZmxvdy13cmFwOiAnYnJlYWstd29yZCc7XG4gIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgJHtmb250cy5zaXplcygnMThweCcsICcyOXB4Jyl9O1xuICBjb2xvcjogJHtjb2xvcnMudGV4dC5wcmltYXJ5fTtcbiAgZm9udC13ZWlnaHQ6ICR7Zm9udHMud2VpZ2h0Lm5vcm1hbH07XG4gIGZvbnQtZmFtaWx5OiAke2ZvbnRzLnNhbnN9O1xuXG4gICR7bXEucmFuZ2UoeyB1bnRpbDogYnJlYWtwb2ludHMudGFibGV0V2lkZSB9KX0ge1xuICAgIHBhZGRpbmctdG9wOiAke3NwYWNpbmcueHhzbWFsbH07XG4gIH1cbmA7XG5cbmludGVyZmFjZSBQcm9wcyB7XG4gIGltYWdlPzoge1xuICAgIHNyYz86IHN0cmluZztcbiAgICBhbHQ/OiBzdHJpbmc7XG4gIH07XG4gIHRpdGxlOiBzdHJpbmc7XG4gIHN1YnRpdGxlOiBzdHJpbmc7XG4gIGxhbmc/OiBzdHJpbmc7XG59XG5cbmNvbnN0IEtleUZpZ3VyZSA9ICh7IGltYWdlLCB0aXRsZSwgc3VidGl0bGUsIGxhbmcgfTogUHJvcHMpID0+IHtcbiAgcmV0dXJuIChcbiAgICA8Q29udGVudFdyYXBwZXI+XG4gICAgICA8U3R5bGVkSW1hZ2Ugc3JjPXtpbWFnZT8uc3JjfSB3aWR0aD17MTUwfSBoZWlnaHQ9ezE1MH0gYWx0PXtpbWFnZT8uYWx0fSAvPlxuICAgICAgPFRpdGxlV3JhcHBlciBsYW5nPXtsYW5nfT57dGl0bGV9PC9UaXRsZVdyYXBwZXI+XG4gICAgICA8U3ViVGl0bGVXcmFwcGVyIGxhbmc9e2xhbmd9PntzdWJ0aXRsZX08L1N1YlRpdGxlV3JhcHBlcj5cbiAgICA8L0NvbnRlbnRXcmFwcGVyPlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgS2V5RmlndXJlO1xuIl19 */"));
-var StyledImage = /*#__PURE__*/_styled("img", {
+const StyledImage = /*#__PURE__*/_styled("img", {
   target: "e14we9tj2",
   label: "StyledImage"
 })(process.env.NODE_ENV === "production" ? {
@@ -29,29 +29,31 @@ var StyledImage = /*#__PURE__*/_styled("img", {
   map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIktleUZpZ3VyZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBdUI4QiIsImZpbGUiOiJLZXlGaWd1cmUudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLypcbiAqIENvcHlyaWdodCAoYykgMjAyMy1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGJyZWFrcG9pbnRzLCBjb2xvcnMsIGZvbnRzLCBtcSwgc3BhY2luZyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuXG5jb25zdCBDb250ZW50V3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBwYWRkaW5nOiAke3NwYWNpbmcuc21hbGx9O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0V2lkZSB9KX0ge1xuICAgIHBhZGRpbmc6ICR7c3BhY2luZy5tZWRpdW19ICR7c3BhY2luZy5sYXJnZX07XG4gIH1cbmA7XG5cbmNvbnN0IFN0eWxlZEltYWdlID0gc3R5bGVkLmltZ2BcbiAgaGVpZ2h0OiAxNTBweDtcbiAgd2lkdGg6IDE1MHB4O1xuYDtcblxuY29uc3QgVGl0bGVXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgY29sb3I6ICR7Y29sb3JzLnRleHQucHJpbWFyeX07XG4gIGZvbnQtZmFtaWx5OiAke2ZvbnRzLnNhbnN9O1xuICBmb250LXdlaWdodDogJHtmb250cy53ZWlnaHQuYm9sZH07XG4gIG92ZXJmbG93LXdyYXA6IGJyZWFrLXdvcmQ7XG4gICR7Zm9udHMuc2l6ZXMoJzM4cHgnLCAnNDhweCcpfTtcbiAgdGV4dC1hbGlnbjogY2VudGVyO1xuXG4gICR7bXEucmFuZ2UoeyB1bnRpbDogYnJlYWtwb2ludHMudGFibGV0V2lkZSB9KX0ge1xuICAgICR7Zm9udHMuc2l6ZXMoJzMwcHgnLCAnMzZweCcpfTtcbiAgfVxuYDtcblxuY29uc3QgU3ViVGl0bGVXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgb3ZlcmZsb3ctd3JhcDogJ2JyZWFrLXdvcmQnO1xuICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gICR7Zm9udHMuc2l6ZXMoJzE4cHgnLCAnMjlweCcpfTtcbiAgY29sb3I6ICR7Y29sb3JzLnRleHQucHJpbWFyeX07XG4gIGZvbnQtd2VpZ2h0OiAke2ZvbnRzLndlaWdodC5ub3JtYWx9O1xuICBmb250LWZhbWlseTogJHtmb250cy5zYW5zfTtcblxuICAke21xLnJhbmdlKHsgdW50aWw6IGJyZWFrcG9pbnRzLnRhYmxldFdpZGUgfSl9IHtcbiAgICBwYWRkaW5nLXRvcDogJHtzcGFjaW5nLnh4c21hbGx9O1xuICB9XG5gO1xuXG5pbnRlcmZhY2UgUHJvcHMge1xuICBpbWFnZT86IHtcbiAgICBzcmM/OiBzdHJpbmc7XG4gICAgYWx0Pzogc3RyaW5nO1xuICB9O1xuICB0aXRsZTogc3RyaW5nO1xuICBzdWJ0aXRsZTogc3RyaW5nO1xuICBsYW5nPzogc3RyaW5nO1xufVxuXG5jb25zdCBLZXlGaWd1cmUgPSAoeyBpbWFnZSwgdGl0bGUsIHN1YnRpdGxlLCBsYW5nIH06IFByb3BzKSA9PiB7XG4gIHJldHVybiAoXG4gICAgPENvbnRlbnRXcmFwcGVyPlxuICAgICAgPFN0eWxlZEltYWdlIHNyYz17aW1hZ2U/LnNyY30gd2lkdGg9ezE1MH0gaGVpZ2h0PXsxNTB9IGFsdD17aW1hZ2U/LmFsdH0gLz5cbiAgICAgIDxUaXRsZVdyYXBwZXIgbGFuZz17bGFuZ30+e3RpdGxlfTwvVGl0bGVXcmFwcGVyPlxuICAgICAgPFN1YlRpdGxlV3JhcHBlciBsYW5nPXtsYW5nfT57c3VidGl0bGV9PC9TdWJUaXRsZVdyYXBwZXI+XG4gICAgPC9Db250ZW50V3JhcHBlcj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IEtleUZpZ3VyZTtcbiJdfQ== */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
-var TitleWrapper = /*#__PURE__*/_styled("div", {
+const TitleWrapper = /*#__PURE__*/_styled("div", {
   target: "e14we9tj1",
   label: "TitleWrapper"
 })("color:", colors.text.primary, ";font-family:", fonts.sans, ";font-weight:", fonts.weight.bold, ";overflow-wrap:break-word;", fonts.sizes('38px', '48px'), ";text-align:center;", mq.range({
   until: breakpoints.tabletWide
 }), "{", fonts.sizes('30px', '36px'), ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIktleUZpZ3VyZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNEIrQiIsImZpbGUiOiJLZXlGaWd1cmUudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLypcbiAqIENvcHlyaWdodCAoYykgMjAyMy1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGJyZWFrcG9pbnRzLCBjb2xvcnMsIGZvbnRzLCBtcSwgc3BhY2luZyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuXG5jb25zdCBDb250ZW50V3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBwYWRkaW5nOiAke3NwYWNpbmcuc21hbGx9O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0V2lkZSB9KX0ge1xuICAgIHBhZGRpbmc6ICR7c3BhY2luZy5tZWRpdW19ICR7c3BhY2luZy5sYXJnZX07XG4gIH1cbmA7XG5cbmNvbnN0IFN0eWxlZEltYWdlID0gc3R5bGVkLmltZ2BcbiAgaGVpZ2h0OiAxNTBweDtcbiAgd2lkdGg6IDE1MHB4O1xuYDtcblxuY29uc3QgVGl0bGVXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgY29sb3I6ICR7Y29sb3JzLnRleHQucHJpbWFyeX07XG4gIGZvbnQtZmFtaWx5OiAke2ZvbnRzLnNhbnN9O1xuICBmb250LXdlaWdodDogJHtmb250cy53ZWlnaHQuYm9sZH07XG4gIG92ZXJmbG93LXdyYXA6IGJyZWFrLXdvcmQ7XG4gICR7Zm9udHMuc2l6ZXMoJzM4cHgnLCAnNDhweCcpfTtcbiAgdGV4dC1hbGlnbjogY2VudGVyO1xuXG4gICR7bXEucmFuZ2UoeyB1bnRpbDogYnJlYWtwb2ludHMudGFibGV0V2lkZSB9KX0ge1xuICAgICR7Zm9udHMuc2l6ZXMoJzMwcHgnLCAnMzZweCcpfTtcbiAgfVxuYDtcblxuY29uc3QgU3ViVGl0bGVXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgb3ZlcmZsb3ctd3JhcDogJ2JyZWFrLXdvcmQnO1xuICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gICR7Zm9udHMuc2l6ZXMoJzE4cHgnLCAnMjlweCcpfTtcbiAgY29sb3I6ICR7Y29sb3JzLnRleHQucHJpbWFyeX07XG4gIGZvbnQtd2VpZ2h0OiAke2ZvbnRzLndlaWdodC5ub3JtYWx9O1xuICBmb250LWZhbWlseTogJHtmb250cy5zYW5zfTtcblxuICAke21xLnJhbmdlKHsgdW50aWw6IGJyZWFrcG9pbnRzLnRhYmxldFdpZGUgfSl9IHtcbiAgICBwYWRkaW5nLXRvcDogJHtzcGFjaW5nLnh4c21hbGx9O1xuICB9XG5gO1xuXG5pbnRlcmZhY2UgUHJvcHMge1xuICBpbWFnZT86IHtcbiAgICBzcmM/OiBzdHJpbmc7XG4gICAgYWx0Pzogc3RyaW5nO1xuICB9O1xuICB0aXRsZTogc3RyaW5nO1xuICBzdWJ0aXRsZTogc3RyaW5nO1xuICBsYW5nPzogc3RyaW5nO1xufVxuXG5jb25zdCBLZXlGaWd1cmUgPSAoeyBpbWFnZSwgdGl0bGUsIHN1YnRpdGxlLCBsYW5nIH06IFByb3BzKSA9PiB7XG4gIHJldHVybiAoXG4gICAgPENvbnRlbnRXcmFwcGVyPlxuICAgICAgPFN0eWxlZEltYWdlIHNyYz17aW1hZ2U/LnNyY30gd2lkdGg9ezE1MH0gaGVpZ2h0PXsxNTB9IGFsdD17aW1hZ2U/LmFsdH0gLz5cbiAgICAgIDxUaXRsZVdyYXBwZXIgbGFuZz17bGFuZ30+e3RpdGxlfTwvVGl0bGVXcmFwcGVyPlxuICAgICAgPFN1YlRpdGxlV3JhcHBlciBsYW5nPXtsYW5nfT57c3VidGl0bGV9PC9TdWJUaXRsZVdyYXBwZXI+XG4gICAgPC9Db250ZW50V3JhcHBlcj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IEtleUZpZ3VyZTtcbiJdfQ== */"));
-var SubTitleWrapper = /*#__PURE__*/_styled("div", {
+const SubTitleWrapper = /*#__PURE__*/_styled("div", {
   target: "e14we9tj0",
   label: "SubTitleWrapper"
 })("overflow-wrap:'break-word';text-align:center;", fonts.sizes('18px', '29px'), ";color:", colors.text.primary, ";font-weight:", fonts.weight.normal, ";font-family:", fonts.sans, ";", mq.range({
   until: breakpoints.tabletWide
 }), "{padding-top:", spacing.xxsmall, ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIktleUZpZ3VyZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBeUNrQyIsImZpbGUiOiJLZXlGaWd1cmUudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLypcbiAqIENvcHlyaWdodCAoYykgMjAyMy1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGJyZWFrcG9pbnRzLCBjb2xvcnMsIGZvbnRzLCBtcSwgc3BhY2luZyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuXG5jb25zdCBDb250ZW50V3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBwYWRkaW5nOiAke3NwYWNpbmcuc21hbGx9O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0V2lkZSB9KX0ge1xuICAgIHBhZGRpbmc6ICR7c3BhY2luZy5tZWRpdW19ICR7c3BhY2luZy5sYXJnZX07XG4gIH1cbmA7XG5cbmNvbnN0IFN0eWxlZEltYWdlID0gc3R5bGVkLmltZ2BcbiAgaGVpZ2h0OiAxNTBweDtcbiAgd2lkdGg6IDE1MHB4O1xuYDtcblxuY29uc3QgVGl0bGVXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgY29sb3I6ICR7Y29sb3JzLnRleHQucHJpbWFyeX07XG4gIGZvbnQtZmFtaWx5OiAke2ZvbnRzLnNhbnN9O1xuICBmb250LXdlaWdodDogJHtmb250cy53ZWlnaHQuYm9sZH07XG4gIG92ZXJmbG93LXdyYXA6IGJyZWFrLXdvcmQ7XG4gICR7Zm9udHMuc2l6ZXMoJzM4cHgnLCAnNDhweCcpfTtcbiAgdGV4dC1hbGlnbjogY2VudGVyO1xuXG4gICR7bXEucmFuZ2UoeyB1bnRpbDogYnJlYWtwb2ludHMudGFibGV0V2lkZSB9KX0ge1xuICAgICR7Zm9udHMuc2l6ZXMoJzMwcHgnLCAnMzZweCcpfTtcbiAgfVxuYDtcblxuY29uc3QgU3ViVGl0bGVXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgb3ZlcmZsb3ctd3JhcDogJ2JyZWFrLXdvcmQnO1xuICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gICR7Zm9udHMuc2l6ZXMoJzE4cHgnLCAnMjlweCcpfTtcbiAgY29sb3I6ICR7Y29sb3JzLnRleHQucHJpbWFyeX07XG4gIGZvbnQtd2VpZ2h0OiAke2ZvbnRzLndlaWdodC5ub3JtYWx9O1xuICBmb250LWZhbWlseTogJHtmb250cy5zYW5zfTtcblxuICAke21xLnJhbmdlKHsgdW50aWw6IGJyZWFrcG9pbnRzLnRhYmxldFdpZGUgfSl9IHtcbiAgICBwYWRkaW5nLXRvcDogJHtzcGFjaW5nLnh4c21hbGx9O1xuICB9XG5gO1xuXG5pbnRlcmZhY2UgUHJvcHMge1xuICBpbWFnZT86IHtcbiAgICBzcmM/OiBzdHJpbmc7XG4gICAgYWx0Pzogc3RyaW5nO1xuICB9O1xuICB0aXRsZTogc3RyaW5nO1xuICBzdWJ0aXRsZTogc3RyaW5nO1xuICBsYW5nPzogc3RyaW5nO1xufVxuXG5jb25zdCBLZXlGaWd1cmUgPSAoeyBpbWFnZSwgdGl0bGUsIHN1YnRpdGxlLCBsYW5nIH06IFByb3BzKSA9PiB7XG4gIHJldHVybiAoXG4gICAgPENvbnRlbnRXcmFwcGVyPlxuICAgICAgPFN0eWxlZEltYWdlIHNyYz17aW1hZ2U/LnNyY30gd2lkdGg9ezE1MH0gaGVpZ2h0PXsxNTB9IGFsdD17aW1hZ2U/LmFsdH0gLz5cbiAgICAgIDxUaXRsZVdyYXBwZXIgbGFuZz17bGFuZ30+e3RpdGxlfTwvVGl0bGVXcmFwcGVyPlxuICAgICAgPFN1YlRpdGxlV3JhcHBlciBsYW5nPXtsYW5nfT57c3VidGl0bGV9PC9TdWJUaXRsZVdyYXBwZXI+XG4gICAgPC9Db250ZW50V3JhcHBlcj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IEtleUZpZ3VyZTtcbiJdfQ== */"));
-var KeyFigure = function KeyFigure(_ref) {
-  var image = _ref.image,
-    title = _ref.title,
-    subtitle = _ref.subtitle,
-    lang = _ref.lang;
+const KeyFigure = _ref => {
+  let {
+    image,
+    title,
+    subtitle,
+    lang
+  } = _ref;
   return _jsxs(ContentWrapper, {
     children: [_jsx(StyledImage, {
-      src: image === null || image === void 0 ? void 0 : image.src,
+      src: image?.src,
       width: 150,
       height: 150,
-      alt: image === null || image === void 0 ? void 0 : image.alt
+      alt: image?.alt
     }), _jsx(TitleWrapper, {
       lang: lang,
       children: title

package/es/LanguageSelector/LanguageSelector.js

@@ -15,19 +15,19 @@ import { ChevronDown } from '@ndla/icons/common';
 import { colors, fonts, spacing } from '@ndla/core';
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
 import { jsxs as _jsxs } from "@emotion/react/jsx-runtime";
-var StyledDropdownContent = /*#__PURE__*/_styled(DropdownContent, {
+const StyledDropdownContent = /*#__PURE__*/_styled(DropdownContent, {
   target: "e11qxfkm4",
   label: "StyledDropdownContent"
 })("border-radius:", spacing.small, ";border:1px solid ", colors.brand.tertiary, ";[data-arrow]{fill:", colors.brand.tertiary, ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkxhbmd1YWdlU2VsZWN0b3IudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXNCcUQiLCJmaWxlIjoiTGFuZ3VhZ2VTZWxlY3Rvci50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMi1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCB7IERyb3Bkb3duTWVudSwgRHJvcGRvd25UcmlnZ2VyLCBEcm9wZG93bkNvbnRlbnQsIERyb3Bkb3duSXRlbSB9IGZyb20gJ0BuZGxhL2Ryb3Bkb3duLW1lbnUnO1xuaW1wb3J0IHsgQnV0dG9uVjIgfSBmcm9tICdAbmRsYS9idXR0b24nO1xuaW1wb3J0IHsgdXNlVHJhbnNsYXRpb24gfSBmcm9tICdyZWFjdC1pMThuZXh0JztcbmltcG9ydCB7IENoZXZyb25Eb3duIH0gZnJvbSAnQG5kbGEvaWNvbnMvY29tbW9uJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNvbG9ycywgZm9udHMsIHNwYWNpbmcgfSBmcm9tICdAbmRsYS9jb3JlJztcblxuaW50ZXJmYWNlIFByb3BzPFQgZXh0ZW5kcyBzdHJpbmc+IHtcbiAgbG9jYWxlczogVFtdO1xuICBvblNlbGVjdDogKGxvY2FsZTogVCkgPT4gdm9pZDtcbiAgaW52ZXJ0ZWQ/OiBib29sZWFuO1xuICB0cmlnZ2VySWQ/OiBzdHJpbmc7XG59XG5cbmNvbnN0IFN0eWxlZERyb3Bkb3duQ29udGVudCA9IHN0eWxlZChEcm9wZG93bkNvbnRlbnQpYFxuICBib3JkZXItcmFkaXVzOiAke3NwYWNpbmcuc21hbGx9O1xuICBib3JkZXI6IDFweCBzb2xpZCAke2NvbG9ycy5icmFuZC50ZXJ0aWFyeX07XG4gIFtkYXRhLWFycm93XSB7XG4gICAgZmlsbDogJHtjb2xvcnMuYnJhbmQudGVydGlhcnl9O1xuICB9XG5gO1xuXG5jb25zdCBMYW5ndWFnZUNob2ljZSA9IHN0eWxlZChCdXR0b25WMilgXG4gIHBhZGRpbmc6ICR7c3BhY2luZy5zbWFsbH0gJHtzcGFjaW5nLm5vcm1hbH0gJHtzcGFjaW5nLnNtYWxsfSAke3NwYWNpbmcubnNtYWxsfTtcbiAganVzdGlmeS1jb250ZW50OiBmbGV4LXN0YXJ0O1xuICBnYXA6ICR7c3BhY2luZy5zbWFsbH07XG4gIGJvcmRlcjogbm9uZTtcbiAgb3V0bGluZTogbm9uZTtcbiAgOm5vdCg6bGFzdC1vZi10eXBlKSB7XG4gICAgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkICR7Y29sb3JzLmJyYW5kLnRlcnRpYXJ5fTtcbiAgfVxuYDtcblxuY29uc3QgQWN0aXZpdHlJbmRpY2F0b3IgPSBzdHlsZWQuZGl2YFxuICB3aWR0aDogJHtzcGFjaW5nLm5vcm1hbH07XG4gIGhlaWdodDogJHtzcGFjaW5nLm5vcm1hbH07XG4gIGJvcmRlcjogMS41cHggc29saWQgY3VycmVudENvbG9yO1xuICBib3JkZXItcmFkaXVzOiAxMDAlO1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbmA7XG5cbmNvbnN0IEFjdGl2ZUluZGljYXRvciA9IHN0eWxlZC5kaXZgXG4gIHdpZHRoOiA1MCU7XG4gIGhlaWdodDogNTAlO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiBjdXJyZW50Q29sb3I7XG4gIGJvcmRlci1yYWRpdXM6IDEwMCU7XG5gO1xuXG5jb25zdCBUZXh0ID0gc3R5bGVkLnNwYW5gXG4gICR7Zm9udHMuc2l6ZXMoJzIwcHgnLCAnMjRweCcpfTtcbiAgZm9udC13ZWlnaHQ6ICR7Zm9udHMud2VpZ2h0LnNlbWlib2xkfTtcbmA7XG5cbmNvbnN0IExhbmd1YWdlU2VsZWN0b3IgPSA8VCBleHRlbmRzIHN0cmluZz4oeyBsb2NhbGVzLCBvblNlbGVjdCwgaW52ZXJ0ZWQsIHRyaWdnZXJJZCB9OiBQcm9wczxUPikgPT4ge1xuICBjb25zdCB7IHQsIGkxOG4gfSA9IHVzZVRyYW5zbGF0aW9uKCk7XG4gIHJldHVybiAoXG4gICAgPERyb3Bkb3duTWVudT5cbiAgICAgIDxEcm9wZG93blRyaWdnZXI+XG4gICAgICAgIDxCdXR0b25WMlxuICAgICAgICAgIHZhcmlhbnQ9XCJvdXRsaW5lXCJcbiAgICAgICAgICBzaGFwZT1cInBpbGxcIlxuICAgICAgICAgIGludmVydGVkPXtpbnZlcnRlZH1cbiAgICAgICAgICBhcmlhLWxhYmVsPXt0KCdmb290ZXIuc2VsZWN0TGFuZ3VhZ2UnKX1cbiAgICAgICAgICBpZD17dHJpZ2dlcklkfVxuICAgICAgICA+XG4gICAgICAgICAge3QoYGxhbmd1YWdlcy5wcmVmaXhDaGFuZ2VMYW5ndWFnZWApfSA8Q2hldnJvbkRvd24gLz5cbiAgICAgICAgPC9CdXR0b25WMj5cbiAgICAgIDwvRHJvcGRvd25UcmlnZ2VyPlxuICAgICAgPFN0eWxlZERyb3Bkb3duQ29udGVudCBzaWRlT2Zmc2V0PXs0fSBzaG93QXJyb3c+XG4gICAgICAgIHtsb2NhbGVzLm1hcCgobG9jYWxlKSA9PiAoXG4gICAgICAgICAgPERyb3Bkb3duSXRlbSBrZXk9e2xvY2FsZX0+XG4gICAgICAgICAgICA8TGFuZ3VhZ2VDaG9pY2VcbiAgICAgICAgICAgICAgcm9sZT1cImxpbmtcIlxuICAgICAgICAgICAgICBhcmlhLWN1cnJlbnQ9e2kxOG4ubGFuZ3VhZ2UgPT09IGxvY2FsZX1cbiAgICAgICAgICAgICAgdmFyaWFudD1cImdob3N0XCJcbiAgICAgICAgICAgICAgc2hhcGU9XCJzaGFycFwiXG4gICAgICAgICAgICAgIGFyaWEtbGFiZWw9e3QoYGNoYW5nZUxhbmd1YWdlLiR7bG9jYWxlfWApfVxuICAgICAgICAgICAgICBvbkNsaWNrPXsoKSA9PiBvblNlbGVjdChsb2NhbGUpfVxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICA8QWN0aXZpdHlJbmRpY2F0b3I+e2kxOG4ubGFuZ3VhZ2UgPT09IGxvY2FsZSAmJiA8QWN0aXZlSW5kaWNhdG9yIC8+fTwvQWN0aXZpdHlJbmRpY2F0b3I+XG4gICAgICAgICAgICAgIDxUZXh0Pnt0KGBsYW5ndWFnZXMuJHtsb2NhbGV9YCl9PC9UZXh0PlxuICAgICAgICAgICAgPC9MYW5ndWFnZUNob2ljZT5cbiAgICAgICAgICA8L0Ryb3Bkb3duSXRlbT5cbiAgICAgICAgKSl9XG4gICAgICA8L1N0eWxlZERyb3Bkb3duQ29udGVudD5cbiAgICA8L0Ryb3Bkb3duTWVudT5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IExhbmd1YWdlU2VsZWN0b3I7XG4iXX0= */"));
-var LanguageChoice = /*#__PURE__*/_styled(ButtonV2, {
+const LanguageChoice = /*#__PURE__*/_styled(ButtonV2, {
   target: "e11qxfkm3",
   label: "LanguageChoice"
 })("padding:", spacing.small, " ", spacing.normal, " ", spacing.small, " ", spacing.nsmall, ";justify-content:flex-start;gap:", spacing.small, ";border:none;outline:none;:not(:last-of-type){border-bottom:1px solid ", colors.brand.tertiary, ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkxhbmd1YWdlU2VsZWN0b3IudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQThCdUMiLCJmaWxlIjoiTGFuZ3VhZ2VTZWxlY3Rvci50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMi1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCB7IERyb3Bkb3duTWVudSwgRHJvcGRvd25UcmlnZ2VyLCBEcm9wZG93bkNvbnRlbnQsIERyb3Bkb3duSXRlbSB9IGZyb20gJ0BuZGxhL2Ryb3Bkb3duLW1lbnUnO1xuaW1wb3J0IHsgQnV0dG9uVjIgfSBmcm9tICdAbmRsYS9idXR0b24nO1xuaW1wb3J0IHsgdXNlVHJhbnNsYXRpb24gfSBmcm9tICdyZWFjdC1pMThuZXh0JztcbmltcG9ydCB7IENoZXZyb25Eb3duIH0gZnJvbSAnQG5kbGEvaWNvbnMvY29tbW9uJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNvbG9ycywgZm9udHMsIHNwYWNpbmcgfSBmcm9tICdAbmRsYS9jb3JlJztcblxuaW50ZXJmYWNlIFByb3BzPFQgZXh0ZW5kcyBzdHJpbmc+IHtcbiAgbG9jYWxlczogVFtdO1xuICBvblNlbGVjdDogKGxvY2FsZTogVCkgPT4gdm9pZDtcbiAgaW52ZXJ0ZWQ/OiBib29sZWFuO1xuICB0cmlnZ2VySWQ/OiBzdHJpbmc7XG59XG5cbmNvbnN0IFN0eWxlZERyb3Bkb3duQ29udGVudCA9IHN0eWxlZChEcm9wZG93bkNvbnRlbnQpYFxuICBib3JkZXItcmFkaXVzOiAke3NwYWNpbmcuc21hbGx9O1xuICBib3JkZXI6IDFweCBzb2xpZCAke2NvbG9ycy5icmFuZC50ZXJ0aWFyeX07XG4gIFtkYXRhLWFycm93XSB7XG4gICAgZmlsbDogJHtjb2xvcnMuYnJhbmQudGVydGlhcnl9O1xuICB9XG5gO1xuXG5jb25zdCBMYW5ndWFnZUNob2ljZSA9IHN0eWxlZChCdXR0b25WMilgXG4gIHBhZGRpbmc6ICR7c3BhY2luZy5zbWFsbH0gJHtzcGFjaW5nLm5vcm1hbH0gJHtzcGFjaW5nLnNtYWxsfSAke3NwYWNpbmcubnNtYWxsfTtcbiAganVzdGlmeS1jb250ZW50OiBmbGV4LXN0YXJ0O1xuICBnYXA6ICR7c3BhY2luZy5zbWFsbH07XG4gIGJvcmRlcjogbm9uZTtcbiAgb3V0bGluZTogbm9uZTtcbiAgOm5vdCg6bGFzdC1vZi10eXBlKSB7XG4gICAgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkICR7Y29sb3JzLmJyYW5kLnRlcnRpYXJ5fTtcbiAgfVxuYDtcblxuY29uc3QgQWN0aXZpdHlJbmRpY2F0b3IgPSBzdHlsZWQuZGl2YFxuICB3aWR0aDogJHtzcGFjaW5nLm5vcm1hbH07XG4gIGhlaWdodDogJHtzcGFjaW5nLm5vcm1hbH07XG4gIGJvcmRlcjogMS41cHggc29saWQgY3VycmVudENvbG9yO1xuICBib3JkZXItcmFkaXVzOiAxMDAlO1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbmA7XG5cbmNvbnN0IEFjdGl2ZUluZGljYXRvciA9IHN0eWxlZC5kaXZgXG4gIHdpZHRoOiA1MCU7XG4gIGhlaWdodDogNTAlO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiBjdXJyZW50Q29sb3I7XG4gIGJvcmRlci1yYWRpdXM6IDEwMCU7XG5gO1xuXG5jb25zdCBUZXh0ID0gc3R5bGVkLnNwYW5gXG4gICR7Zm9udHMuc2l6ZXMoJzIwcHgnLCAnMjRweCcpfTtcbiAgZm9udC13ZWlnaHQ6ICR7Zm9udHMud2VpZ2h0LnNlbWlib2xkfTtcbmA7XG5cbmNvbnN0IExhbmd1YWdlU2VsZWN0b3IgPSA8VCBleHRlbmRzIHN0cmluZz4oeyBsb2NhbGVzLCBvblNlbGVjdCwgaW52ZXJ0ZWQsIHRyaWdnZXJJZCB9OiBQcm9wczxUPikgPT4ge1xuICBjb25zdCB7IHQsIGkxOG4gfSA9IHVzZVRyYW5zbGF0aW9uKCk7XG4gIHJldHVybiAoXG4gICAgPERyb3Bkb3duTWVudT5cbiAgICAgIDxEcm9wZG93blRyaWdnZXI+XG4gICAgICAgIDxCdXR0b25WMlxuICAgICAgICAgIHZhcmlhbnQ9XCJvdXRsaW5lXCJcbiAgICAgICAgICBzaGFwZT1cInBpbGxcIlxuICAgICAgICAgIGludmVydGVkPXtpbnZlcnRlZH1cbiAgICAgICAgICBhcmlhLWxhYmVsPXt0KCdmb290ZXIuc2VsZWN0TGFuZ3VhZ2UnKX1cbiAgICAgICAgICBpZD17dHJpZ2dlcklkfVxuICAgICAgICA+XG4gICAgICAgICAge3QoYGxhbmd1YWdlcy5wcmVmaXhDaGFuZ2VMYW5ndWFnZWApfSA8Q2hldnJvbkRvd24gLz5cbiAgICAgICAgPC9CdXR0b25WMj5cbiAgICAgIDwvRHJvcGRvd25UcmlnZ2VyPlxuICAgICAgPFN0eWxlZERyb3Bkb3duQ29udGVudCBzaWRlT2Zmc2V0PXs0fSBzaG93QXJyb3c+XG4gICAgICAgIHtsb2NhbGVzLm1hcCgobG9jYWxlKSA9PiAoXG4gICAgICAgICAgPERyb3Bkb3duSXRlbSBrZXk9e2xvY2FsZX0+XG4gICAgICAgICAgICA8TGFuZ3VhZ2VDaG9pY2VcbiAgICAgICAgICAgICAgcm9sZT1cImxpbmtcIlxuICAgICAgICAgICAgICBhcmlhLWN1cnJlbnQ9e2kxOG4ubGFuZ3VhZ2UgPT09IGxvY2FsZX1cbiAgICAgICAgICAgICAgdmFyaWFudD1cImdob3N0XCJcbiAgICAgICAgICAgICAgc2hhcGU9XCJzaGFycFwiXG4gICAgICAgICAgICAgIGFyaWEtbGFiZWw9e3QoYGNoYW5nZUxhbmd1YWdlLiR7bG9jYWxlfWApfVxuICAgICAgICAgICAgICBvbkNsaWNrPXsoKSA9PiBvblNlbGVjdChsb2NhbGUpfVxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICA8QWN0aXZpdHlJbmRpY2F0b3I+e2kxOG4ubGFuZ3VhZ2UgPT09IGxvY2FsZSAmJiA8QWN0aXZlSW5kaWNhdG9yIC8+fTwvQWN0aXZpdHlJbmRpY2F0b3I+XG4gICAgICAgICAgICAgIDxUZXh0Pnt0KGBsYW5ndWFnZXMuJHtsb2NhbGV9YCl9PC9UZXh0PlxuICAgICAgICAgICAgPC9MYW5ndWFnZUNob2ljZT5cbiAgICAgICAgICA8L0Ryb3Bkb3duSXRlbT5cbiAgICAgICAgKSl9XG4gICAgICA8L1N0eWxlZERyb3Bkb3duQ29udGVudD5cbiAgICA8L0Ryb3Bkb3duTWVudT5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IExhbmd1YWdlU2VsZWN0b3I7XG4iXX0= */"));
-var ActivityIndicator = /*#__PURE__*/_styled("div", {
+const ActivityIndicator = /*#__PURE__*/_styled("div", {
   target: "e11qxfkm2",
   label: "ActivityIndicator"
 })("width:", spacing.normal, ";height:", spacing.normal, ";border:1.5px solid currentColor;border-radius:100%;display:flex;align-items:center;justify-content:center;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkxhbmd1YWdlU2VsZWN0b3IudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXlDb0MiLCJmaWxlIjoiTGFuZ3VhZ2VTZWxlY3Rvci50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMi1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCB7IERyb3Bkb3duTWVudSwgRHJvcGRvd25UcmlnZ2VyLCBEcm9wZG93bkNvbnRlbnQsIERyb3Bkb3duSXRlbSB9IGZyb20gJ0BuZGxhL2Ryb3Bkb3duLW1lbnUnO1xuaW1wb3J0IHsgQnV0dG9uVjIgfSBmcm9tICdAbmRsYS9idXR0b24nO1xuaW1wb3J0IHsgdXNlVHJhbnNsYXRpb24gfSBmcm9tICdyZWFjdC1pMThuZXh0JztcbmltcG9ydCB7IENoZXZyb25Eb3duIH0gZnJvbSAnQG5kbGEvaWNvbnMvY29tbW9uJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNvbG9ycywgZm9udHMsIHNwYWNpbmcgfSBmcm9tICdAbmRsYS9jb3JlJztcblxuaW50ZXJmYWNlIFByb3BzPFQgZXh0ZW5kcyBzdHJpbmc+IHtcbiAgbG9jYWxlczogVFtdO1xuICBvblNlbGVjdDogKGxvY2FsZTogVCkgPT4gdm9pZDtcbiAgaW52ZXJ0ZWQ/OiBib29sZWFuO1xuICB0cmlnZ2VySWQ/OiBzdHJpbmc7XG59XG5cbmNvbnN0IFN0eWxlZERyb3Bkb3duQ29udGVudCA9IHN0eWxlZChEcm9wZG93bkNvbnRlbnQpYFxuICBib3JkZXItcmFkaXVzOiAke3NwYWNpbmcuc21hbGx9O1xuICBib3JkZXI6IDFweCBzb2xpZCAke2NvbG9ycy5icmFuZC50ZXJ0aWFyeX07XG4gIFtkYXRhLWFycm93XSB7XG4gICAgZmlsbDogJHtjb2xvcnMuYnJhbmQudGVydGlhcnl9O1xuICB9XG5gO1xuXG5jb25zdCBMYW5ndWFnZUNob2ljZSA9IHN0eWxlZChCdXR0b25WMilgXG4gIHBhZGRpbmc6ICR7c3BhY2luZy5zbWFsbH0gJHtzcGFjaW5nLm5vcm1hbH0gJHtzcGFjaW5nLnNtYWxsfSAke3NwYWNpbmcubnNtYWxsfTtcbiAganVzdGlmeS1jb250ZW50OiBmbGV4LXN0YXJ0O1xuICBnYXA6ICR7c3BhY2luZy5zbWFsbH07XG4gIGJvcmRlcjogbm9uZTtcbiAgb3V0bGluZTogbm9uZTtcbiAgOm5vdCg6bGFzdC1vZi10eXBlKSB7XG4gICAgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkICR7Y29sb3JzLmJyYW5kLnRlcnRpYXJ5fTtcbiAgfVxuYDtcblxuY29uc3QgQWN0aXZpdHlJbmRpY2F0b3IgPSBzdHlsZWQuZGl2YFxuICB3aWR0aDogJHtzcGFjaW5nLm5vcm1hbH07XG4gIGhlaWdodDogJHtzcGFjaW5nLm5vcm1hbH07XG4gIGJvcmRlcjogMS41cHggc29saWQgY3VycmVudENvbG9yO1xuICBib3JkZXItcmFkaXVzOiAxMDAlO1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbmA7XG5cbmNvbnN0IEFjdGl2ZUluZGljYXRvciA9IHN0eWxlZC5kaXZgXG4gIHdpZHRoOiA1MCU7XG4gIGhlaWdodDogNTAlO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiBjdXJyZW50Q29sb3I7XG4gIGJvcmRlci1yYWRpdXM6IDEwMCU7XG5gO1xuXG5jb25zdCBUZXh0ID0gc3R5bGVkLnNwYW5gXG4gICR7Zm9udHMuc2l6ZXMoJzIwcHgnLCAnMjRweCcpfTtcbiAgZm9udC13ZWlnaHQ6ICR7Zm9udHMud2VpZ2h0LnNlbWlib2xkfTtcbmA7XG5cbmNvbnN0IExhbmd1YWdlU2VsZWN0b3IgPSA8VCBleHRlbmRzIHN0cmluZz4oeyBsb2NhbGVzLCBvblNlbGVjdCwgaW52ZXJ0ZWQsIHRyaWdnZXJJZCB9OiBQcm9wczxUPikgPT4ge1xuICBjb25zdCB7IHQsIGkxOG4gfSA9IHVzZVRyYW5zbGF0aW9uKCk7XG4gIHJldHVybiAoXG4gICAgPERyb3Bkb3duTWVudT5cbiAgICAgIDxEcm9wZG93blRyaWdnZXI+XG4gICAgICAgIDxCdXR0b25WMlxuICAgICAgICAgIHZhcmlhbnQ9XCJvdXRsaW5lXCJcbiAgICAgICAgICBzaGFwZT1cInBpbGxcIlxuICAgICAgICAgIGludmVydGVkPXtpbnZlcnRlZH1cbiAgICAgICAgICBhcmlhLWxhYmVsPXt0KCdmb290ZXIuc2VsZWN0TGFuZ3VhZ2UnKX1cbiAgICAgICAgICBpZD17dHJpZ2dlcklkfVxuICAgICAgICA+XG4gICAgICAgICAge3QoYGxhbmd1YWdlcy5wcmVmaXhDaGFuZ2VMYW5ndWFnZWApfSA8Q2hldnJvbkRvd24gLz5cbiAgICAgICAgPC9CdXR0b25WMj5cbiAgICAgIDwvRHJvcGRvd25UcmlnZ2VyPlxuICAgICAgPFN0eWxlZERyb3Bkb3duQ29udGVudCBzaWRlT2Zmc2V0PXs0fSBzaG93QXJyb3c+XG4gICAgICAgIHtsb2NhbGVzLm1hcCgobG9jYWxlKSA9PiAoXG4gICAgICAgICAgPERyb3Bkb3duSXRlbSBrZXk9e2xvY2FsZX0+XG4gICAgICAgICAgICA8TGFuZ3VhZ2VDaG9pY2VcbiAgICAgICAgICAgICAgcm9sZT1cImxpbmtcIlxuICAgICAgICAgICAgICBhcmlhLWN1cnJlbnQ9e2kxOG4ubGFuZ3VhZ2UgPT09IGxvY2FsZX1cbiAgICAgICAgICAgICAgdmFyaWFudD1cImdob3N0XCJcbiAgICAgICAgICAgICAgc2hhcGU9XCJzaGFycFwiXG4gICAgICAgICAgICAgIGFyaWEtbGFiZWw9e3QoYGNoYW5nZUxhbmd1YWdlLiR7bG9jYWxlfWApfVxuICAgICAgICAgICAgICBvbkNsaWNrPXsoKSA9PiBvblNlbGVjdChsb2NhbGUpfVxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICA8QWN0aXZpdHlJbmRpY2F0b3I+e2kxOG4ubGFuZ3VhZ2UgPT09IGxvY2FsZSAmJiA8QWN0aXZlSW5kaWNhdG9yIC8+fTwvQWN0aXZpdHlJbmRpY2F0b3I+XG4gICAgICAgICAgICAgIDxUZXh0Pnt0KGBsYW5ndWFnZXMuJHtsb2NhbGV9YCl9PC9UZXh0PlxuICAgICAgICAgICAgPC9MYW5ndWFnZUNob2ljZT5cbiAgICAgICAgICA8L0Ryb3Bkb3duSXRlbT5cbiAgICAgICAgKSl9XG4gICAgICA8L1N0eWxlZERyb3Bkb3duQ29udGVudD5cbiAgICA8L0Ryb3Bkb3duTWVudT5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IExhbmd1YWdlU2VsZWN0b3I7XG4iXX0= */"));
-var ActiveIndicator = /*#__PURE__*/_styled("div", {
+const ActiveIndicator = /*#__PURE__*/_styled("div", {
   target: "e11qxfkm1",
   label: "ActiveIndicator"
 })(process.env.NODE_ENV === "production" ? {
@@ -39,18 +39,21 @@ var ActiveIndicator = /*#__PURE__*/_styled("div", {
   map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkxhbmd1YWdlU2VsZWN0b3IudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW1Ea0MiLCJmaWxlIjoiTGFuZ3VhZ2VTZWxlY3Rvci50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMi1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCB7IERyb3Bkb3duTWVudSwgRHJvcGRvd25UcmlnZ2VyLCBEcm9wZG93bkNvbnRlbnQsIERyb3Bkb3duSXRlbSB9IGZyb20gJ0BuZGxhL2Ryb3Bkb3duLW1lbnUnO1xuaW1wb3J0IHsgQnV0dG9uVjIgfSBmcm9tICdAbmRsYS9idXR0b24nO1xuaW1wb3J0IHsgdXNlVHJhbnNsYXRpb24gfSBmcm9tICdyZWFjdC1pMThuZXh0JztcbmltcG9ydCB7IENoZXZyb25Eb3duIH0gZnJvbSAnQG5kbGEvaWNvbnMvY29tbW9uJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNvbG9ycywgZm9udHMsIHNwYWNpbmcgfSBmcm9tICdAbmRsYS9jb3JlJztcblxuaW50ZXJmYWNlIFByb3BzPFQgZXh0ZW5kcyBzdHJpbmc+IHtcbiAgbG9jYWxlczogVFtdO1xuICBvblNlbGVjdDogKGxvY2FsZTogVCkgPT4gdm9pZDtcbiAgaW52ZXJ0ZWQ/OiBib29sZWFuO1xuICB0cmlnZ2VySWQ/OiBzdHJpbmc7XG59XG5cbmNvbnN0IFN0eWxlZERyb3Bkb3duQ29udGVudCA9IHN0eWxlZChEcm9wZG93bkNvbnRlbnQpYFxuICBib3JkZXItcmFkaXVzOiAke3NwYWNpbmcuc21hbGx9O1xuICBib3JkZXI6IDFweCBzb2xpZCAke2NvbG9ycy5icmFuZC50ZXJ0aWFyeX07XG4gIFtkYXRhLWFycm93XSB7XG4gICAgZmlsbDogJHtjb2xvcnMuYnJhbmQudGVydGlhcnl9O1xuICB9XG5gO1xuXG5jb25zdCBMYW5ndWFnZUNob2ljZSA9IHN0eWxlZChCdXR0b25WMilgXG4gIHBhZGRpbmc6ICR7c3BhY2luZy5zbWFsbH0gJHtzcGFjaW5nLm5vcm1hbH0gJHtzcGFjaW5nLnNtYWxsfSAke3NwYWNpbmcubnNtYWxsfTtcbiAganVzdGlmeS1jb250ZW50OiBmbGV4LXN0YXJ0O1xuICBnYXA6ICR7c3BhY2luZy5zbWFsbH07XG4gIGJvcmRlcjogbm9uZTtcbiAgb3V0bGluZTogbm9uZTtcbiAgOm5vdCg6bGFzdC1vZi10eXBlKSB7XG4gICAgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkICR7Y29sb3JzLmJyYW5kLnRlcnRpYXJ5fTtcbiAgfVxuYDtcblxuY29uc3QgQWN0aXZpdHlJbmRpY2F0b3IgPSBzdHlsZWQuZGl2YFxuICB3aWR0aDogJHtzcGFjaW5nLm5vcm1hbH07XG4gIGhlaWdodDogJHtzcGFjaW5nLm5vcm1hbH07XG4gIGJvcmRlcjogMS41cHggc29saWQgY3VycmVudENvbG9yO1xuICBib3JkZXItcmFkaXVzOiAxMDAlO1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbmA7XG5cbmNvbnN0IEFjdGl2ZUluZGljYXRvciA9IHN0eWxlZC5kaXZgXG4gIHdpZHRoOiA1MCU7XG4gIGhlaWdodDogNTAlO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiBjdXJyZW50Q29sb3I7XG4gIGJvcmRlci1yYWRpdXM6IDEwMCU7XG5gO1xuXG5jb25zdCBUZXh0ID0gc3R5bGVkLnNwYW5gXG4gICR7Zm9udHMuc2l6ZXMoJzIwcHgnLCAnMjRweCcpfTtcbiAgZm9udC13ZWlnaHQ6ICR7Zm9udHMud2VpZ2h0LnNlbWlib2xkfTtcbmA7XG5cbmNvbnN0IExhbmd1YWdlU2VsZWN0b3IgPSA8VCBleHRlbmRzIHN0cmluZz4oeyBsb2NhbGVzLCBvblNlbGVjdCwgaW52ZXJ0ZWQsIHRyaWdnZXJJZCB9OiBQcm9wczxUPikgPT4ge1xuICBjb25zdCB7IHQsIGkxOG4gfSA9IHVzZVRyYW5zbGF0aW9uKCk7XG4gIHJldHVybiAoXG4gICAgPERyb3Bkb3duTWVudT5cbiAgICAgIDxEcm9wZG93blRyaWdnZXI+XG4gICAgICAgIDxCdXR0b25WMlxuICAgICAgICAgIHZhcmlhbnQ9XCJvdXRsaW5lXCJcbiAgICAgICAgICBzaGFwZT1cInBpbGxcIlxuICAgICAgICAgIGludmVydGVkPXtpbnZlcnRlZH1cbiAgICAgICAgICBhcmlhLWxhYmVsPXt0KCdmb290ZXIuc2VsZWN0TGFuZ3VhZ2UnKX1cbiAgICAgICAgICBpZD17dHJpZ2dlcklkfVxuICAgICAgICA+XG4gICAgICAgICAge3QoYGxhbmd1YWdlcy5wcmVmaXhDaGFuZ2VMYW5ndWFnZWApfSA8Q2hldnJvbkRvd24gLz5cbiAgICAgICAgPC9CdXR0b25WMj5cbiAgICAgIDwvRHJvcGRvd25UcmlnZ2VyPlxuICAgICAgPFN0eWxlZERyb3Bkb3duQ29udGVudCBzaWRlT2Zmc2V0PXs0fSBzaG93QXJyb3c+XG4gICAgICAgIHtsb2NhbGVzLm1hcCgobG9jYWxlKSA9PiAoXG4gICAgICAgICAgPERyb3Bkb3duSXRlbSBrZXk9e2xvY2FsZX0+XG4gICAgICAgICAgICA8TGFuZ3VhZ2VDaG9pY2VcbiAgICAgICAgICAgICAgcm9sZT1cImxpbmtcIlxuICAgICAgICAgICAgICBhcmlhLWN1cnJlbnQ9e2kxOG4ubGFuZ3VhZ2UgPT09IGxvY2FsZX1cbiAgICAgICAgICAgICAgdmFyaWFudD1cImdob3N0XCJcbiAgICAgICAgICAgICAgc2hhcGU9XCJzaGFycFwiXG4gICAgICAgICAgICAgIGFyaWEtbGFiZWw9e3QoYGNoYW5nZUxhbmd1YWdlLiR7bG9jYWxlfWApfVxuICAgICAgICAgICAgICBvbkNsaWNrPXsoKSA9PiBvblNlbGVjdChsb2NhbGUpfVxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICA8QWN0aXZpdHlJbmRpY2F0b3I+e2kxOG4ubGFuZ3VhZ2UgPT09IGxvY2FsZSAmJiA8QWN0aXZlSW5kaWNhdG9yIC8+fTwvQWN0aXZpdHlJbmRpY2F0b3I+XG4gICAgICAgICAgICAgIDxUZXh0Pnt0KGBsYW5ndWFnZXMuJHtsb2NhbGV9YCl9PC9UZXh0PlxuICAgICAgICAgICAgPC9MYW5ndWFnZUNob2ljZT5cbiAgICAgICAgICA8L0Ryb3Bkb3duSXRlbT5cbiAgICAgICAgKSl9XG4gICAgICA8L1N0eWxlZERyb3Bkb3duQ29udGVudD5cbiAgICA8L0Ryb3Bkb3duTWVudT5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IExhbmd1YWdlU2VsZWN0b3I7XG4iXX0= */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
-var Text = /*#__PURE__*/_styled("span", {
+const Text = /*#__PURE__*/_styled("span", {
   target: "e11qxfkm0",
   label: "Text"
 })(fonts.sizes('20px', '24px'), ";font-weight:", fonts.weight.semibold, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkxhbmd1YWdlU2VsZWN0b3IudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTBEd0IiLCJmaWxlIjoiTGFuZ3VhZ2VTZWxlY3Rvci50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMi1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCB7IERyb3Bkb3duTWVudSwgRHJvcGRvd25UcmlnZ2VyLCBEcm9wZG93bkNvbnRlbnQsIERyb3Bkb3duSXRlbSB9IGZyb20gJ0BuZGxhL2Ryb3Bkb3duLW1lbnUnO1xuaW1wb3J0IHsgQnV0dG9uVjIgfSBmcm9tICdAbmRsYS9idXR0b24nO1xuaW1wb3J0IHsgdXNlVHJhbnNsYXRpb24gfSBmcm9tICdyZWFjdC1pMThuZXh0JztcbmltcG9ydCB7IENoZXZyb25Eb3duIH0gZnJvbSAnQG5kbGEvaWNvbnMvY29tbW9uJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNvbG9ycywgZm9udHMsIHNwYWNpbmcgfSBmcm9tICdAbmRsYS9jb3JlJztcblxuaW50ZXJmYWNlIFByb3BzPFQgZXh0ZW5kcyBzdHJpbmc+IHtcbiAgbG9jYWxlczogVFtdO1xuICBvblNlbGVjdDogKGxvY2FsZTogVCkgPT4gdm9pZDtcbiAgaW52ZXJ0ZWQ/OiBib29sZWFuO1xuICB0cmlnZ2VySWQ/OiBzdHJpbmc7XG59XG5cbmNvbnN0IFN0eWxlZERyb3Bkb3duQ29udGVudCA9IHN0eWxlZChEcm9wZG93bkNvbnRlbnQpYFxuICBib3JkZXItcmFkaXVzOiAke3NwYWNpbmcuc21hbGx9O1xuICBib3JkZXI6IDFweCBzb2xpZCAke2NvbG9ycy5icmFuZC50ZXJ0aWFyeX07XG4gIFtkYXRhLWFycm93XSB7XG4gICAgZmlsbDogJHtjb2xvcnMuYnJhbmQudGVydGlhcnl9O1xuICB9XG5gO1xuXG5jb25zdCBMYW5ndWFnZUNob2ljZSA9IHN0eWxlZChCdXR0b25WMilgXG4gIHBhZGRpbmc6ICR7c3BhY2luZy5zbWFsbH0gJHtzcGFjaW5nLm5vcm1hbH0gJHtzcGFjaW5nLnNtYWxsfSAke3NwYWNpbmcubnNtYWxsfTtcbiAganVzdGlmeS1jb250ZW50OiBmbGV4LXN0YXJ0O1xuICBnYXA6ICR7c3BhY2luZy5zbWFsbH07XG4gIGJvcmRlcjogbm9uZTtcbiAgb3V0bGluZTogbm9uZTtcbiAgOm5vdCg6bGFzdC1vZi10eXBlKSB7XG4gICAgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkICR7Y29sb3JzLmJyYW5kLnRlcnRpYXJ5fTtcbiAgfVxuYDtcblxuY29uc3QgQWN0aXZpdHlJbmRpY2F0b3IgPSBzdHlsZWQuZGl2YFxuICB3aWR0aDogJHtzcGFjaW5nLm5vcm1hbH07XG4gIGhlaWdodDogJHtzcGFjaW5nLm5vcm1hbH07XG4gIGJvcmRlcjogMS41cHggc29saWQgY3VycmVudENvbG9yO1xuICBib3JkZXItcmFkaXVzOiAxMDAlO1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbmA7XG5cbmNvbnN0IEFjdGl2ZUluZGljYXRvciA9IHN0eWxlZC5kaXZgXG4gIHdpZHRoOiA1MCU7XG4gIGhlaWdodDogNTAlO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiBjdXJyZW50Q29sb3I7XG4gIGJvcmRlci1yYWRpdXM6IDEwMCU7XG5gO1xuXG5jb25zdCBUZXh0ID0gc3R5bGVkLnNwYW5gXG4gICR7Zm9udHMuc2l6ZXMoJzIwcHgnLCAnMjRweCcpfTtcbiAgZm9udC13ZWlnaHQ6ICR7Zm9udHMud2VpZ2h0LnNlbWlib2xkfTtcbmA7XG5cbmNvbnN0IExhbmd1YWdlU2VsZWN0b3IgPSA8VCBleHRlbmRzIHN0cmluZz4oeyBsb2NhbGVzLCBvblNlbGVjdCwgaW52ZXJ0ZWQsIHRyaWdnZXJJZCB9OiBQcm9wczxUPikgPT4ge1xuICBjb25zdCB7IHQsIGkxOG4gfSA9IHVzZVRyYW5zbGF0aW9uKCk7XG4gIHJldHVybiAoXG4gICAgPERyb3Bkb3duTWVudT5cbiAgICAgIDxEcm9wZG93blRyaWdnZXI+XG4gICAgICAgIDxCdXR0b25WMlxuICAgICAgICAgIHZhcmlhbnQ9XCJvdXRsaW5lXCJcbiAgICAgICAgICBzaGFwZT1cInBpbGxcIlxuICAgICAgICAgIGludmVydGVkPXtpbnZlcnRlZH1cbiAgICAgICAgICBhcmlhLWxhYmVsPXt0KCdmb290ZXIuc2VsZWN0TGFuZ3VhZ2UnKX1cbiAgICAgICAgICBpZD17dHJpZ2dlcklkfVxuICAgICAgICA+XG4gICAgICAgICAge3QoYGxhbmd1YWdlcy5wcmVmaXhDaGFuZ2VMYW5ndWFnZWApfSA8Q2hldnJvbkRvd24gLz5cbiAgICAgICAgPC9CdXR0b25WMj5cbiAgICAgIDwvRHJvcGRvd25UcmlnZ2VyPlxuICAgICAgPFN0eWxlZERyb3Bkb3duQ29udGVudCBzaWRlT2Zmc2V0PXs0fSBzaG93QXJyb3c+XG4gICAgICAgIHtsb2NhbGVzLm1hcCgobG9jYWxlKSA9PiAoXG4gICAgICAgICAgPERyb3Bkb3duSXRlbSBrZXk9e2xvY2FsZX0+XG4gICAgICAgICAgICA8TGFuZ3VhZ2VDaG9pY2VcbiAgICAgICAgICAgICAgcm9sZT1cImxpbmtcIlxuICAgICAgICAgICAgICBhcmlhLWN1cnJlbnQ9e2kxOG4ubGFuZ3VhZ2UgPT09IGxvY2FsZX1cbiAgICAgICAgICAgICAgdmFyaWFudD1cImdob3N0XCJcbiAgICAgICAgICAgICAgc2hhcGU9XCJzaGFycFwiXG4gICAgICAgICAgICAgIGFyaWEtbGFiZWw9e3QoYGNoYW5nZUxhbmd1YWdlLiR7bG9jYWxlfWApfVxuICAgICAgICAgICAgICBvbkNsaWNrPXsoKSA9PiBvblNlbGVjdChsb2NhbGUpfVxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICA8QWN0aXZpdHlJbmRpY2F0b3I+e2kxOG4ubGFuZ3VhZ2UgPT09IGxvY2FsZSAmJiA8QWN0aXZlSW5kaWNhdG9yIC8+fTwvQWN0aXZpdHlJbmRpY2F0b3I+XG4gICAgICAgICAgICAgIDxUZXh0Pnt0KGBsYW5ndWFnZXMuJHtsb2NhbGV9YCl9PC9UZXh0PlxuICAgICAgICAgICAgPC9MYW5ndWFnZUNob2ljZT5cbiAgICAgICAgICA8L0Ryb3Bkb3duSXRlbT5cbiAgICAgICAgKSl9XG4gICAgICA8L1N0eWxlZERyb3Bkb3duQ29udGVudD5cbiAgICA8L0Ryb3Bkb3duTWVudT5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IExhbmd1YWdlU2VsZWN0b3I7XG4iXX0= */"));
-var LanguageSelector = function LanguageSelector(_ref) {
-  var locales = _ref.locales,
-    onSelect = _ref.onSelect,
-    inverted = _ref.inverted,
-    triggerId = _ref.triggerId;
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t,
-    i18n = _useTranslation.i18n;
+const LanguageSelector = _ref => {
+  let {
+    locales,
+    onSelect,
+    inverted,
+    triggerId
+  } = _ref;
+  const {
+    t,
+    i18n
+  } = useTranslation();
   return _jsxs(DropdownMenu, {
     children: [_jsx(DropdownTrigger, {
       children: _jsxs(ButtonV2, {
@@ -59,30 +62,26 @@ var LanguageSelector = function LanguageSelector(_ref) {
         inverted: inverted,
         "aria-label": t('footer.selectLanguage'),
         id: triggerId,
-        children: [t("languages.prefixChangeLanguage"), " ", _jsx(ChevronDown, {})]
+        children: [t(`languages.prefixChangeLanguage`), " ", _jsx(ChevronDown, {})]
       })
     }), _jsx(StyledDropdownContent, {
       sideOffset: 4,
       showArrow: true,
-      children: locales.map(function (locale) {
-        return _jsx(DropdownItem, {
-          children: _jsxs(LanguageChoice, {
-            role: "link",
-            "aria-current": i18n.language === locale,
-            variant: "ghost",
-            shape: "sharp",
-            "aria-label": t("changeLanguage.".concat(locale)),
-            onClick: function onClick() {
-              return onSelect(locale);
-            },
-            children: [_jsx(ActivityIndicator, {
-              children: i18n.language === locale && _jsx(ActiveIndicator, {})
-            }), _jsx(Text, {
-              children: t("languages.".concat(locale))
-            })]
-          })
-        }, locale);
-      })
+      children: locales.map(locale => _jsx(DropdownItem, {
+        children: _jsxs(LanguageChoice, {
+          role: "link",
+          "aria-current": i18n.language === locale,
+          variant: "ghost",
+          shape: "sharp",
+          "aria-label": t(`changeLanguage.${locale}`),
+          onClick: () => onSelect(locale),
+          children: [_jsx(ActivityIndicator, {
+            children: i18n.language === locale && _jsx(ActiveIndicator, {})
+          }), _jsx(Text, {
+            children: t(`languages.${locale}`)
+          })]
+        })
+      }, locale))
     })]
   });
 };

package/es/Layout/Content.js

@@ -7,8 +7,10 @@ import { jsx as _jsx } from "@emotion/react/jsx-runtime";
  *
  */
 
-export var Content = function Content(_ref) {
-  var children = _ref.children;
+export const Content = _ref => {
+  let {
+    children
+  } = _ref;
   return _jsx("div", {
     className: "o-content",
     children: children

package/es/Layout/LayoutItem.js

@@ -1,13 +1,4 @@
-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); }
-var _excluded = ["children", "layout"];
-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); }
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-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) 2016-present, NDLA.
  *
@@ -16,10 +7,12 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
  *
  */
 
-export var LayoutItem = function LayoutItem(_ref) {
-  var children = _ref.children,
-    layout = _ref.layout,
-    rest = _objectWithoutProperties(_ref, _excluded);
+export const LayoutItem = _ref => {
+  let {
+    children,
+    layout,
+    ...rest
+  } = _ref;
   switch (layout) {
     case 'extend':
       {
@@ -44,11 +37,11 @@ export var LayoutItem = function LayoutItem(_ref) {
       }
     default:
       {
-        return _jsx("section", _objectSpread(_objectSpread({
-          className: "o-layout__item"
-        }, rest), {}, {
+        return _jsx("section", {
+          className: "o-layout__item",
+          ...rest,
           children: children
-        }));
+        });
       }
   }
 };

package/es/Layout/OneColumn.js

@@ -1,12 +1,3 @@
-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); }
-var _excluded = ["children", "className", "cssModifier", "wide", "noPadding", "extraPadding"];
-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); }
-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) 2016-present, NDLA.
  *
@@ -17,20 +8,22 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 import BEMHelper from 'react-bem-helper';
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-var classes = BEMHelper({
+const classes = BEMHelper({
   prefix: 'o-',
   name: 'wrapper',
   outputIsString: true
 });
-export var OneColumn = function OneColumn(_ref) {
-  var children = _ref.children,
-    className = _ref.className,
-    cssModifier = _ref.cssModifier,
-    wide = _ref.wide,
-    noPadding = _ref.noPadding,
-    extraPadding = _ref.extraPadding,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  var modifiers = [];
+export const OneColumn = _ref => {
+  let {
+    children,
+    className,
+    cssModifier,
+    wide,
+    noPadding,
+    extraPadding,
+    ...rest
+  } = _ref;
+  const modifiers = [];
   if (cssModifier) {
     modifiers.push(cssModifier);
   }
@@ -43,10 +36,10 @@ export var OneColumn = function OneColumn(_ref) {
   if (extraPadding) {
     modifiers.push('extra-padding');
   }
-  return _jsx("div", _objectSpread(_objectSpread({
-    className: "".concat(classes('', modifiers), " ").concat(className)
-  }, rest), {}, {
+  return _jsx("div", {
+    className: `${classes('', modifiers)} ${className}`,
+    ...rest,
     children: children
-  }));
+  });
 };
 export default OneColumn;