@ndla/ui 50.1.0 → 50.1.2

package/lib/List/UnOrderedList.js

@@ -1,6 +1,5 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -9,7 +8,7 @@ var _base = _interopRequireDefault(require("@emotion/styled/base"));
 var _core = require("@ndla/core");
 var _react = require("react");
 var _jsxRuntime = require("@emotion/react/jsx-runtime");
-var _excluded = ["children"];
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 /**
  * Copyright (c) 2022-present, NDLA.
  *
@@ -17,26 +16,20 @@ var _excluded = ["children"];
  * LICENSE file in the root directory of this source tree.
  *
  */
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-function _defineProperty(obj, key, value) { 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; }
-var StyledUl = /*#__PURE__*/(0, _base.default)("ul", {
+
+const StyledUl = /*#__PURE__*/(0, _base.default)("ul", {
   target: "engrneb0",
   label: "StyledUl"
 })("padding-left:", _core.spacing.nsmall, "!important;margin-left:", _core.spacing.normal, "!important;margin-top:0;", _core.fonts.sizes('18px', '29px'), ";ul{padding-left:", _core.spacing.nsmall, ";margin-left:0!important;}>li{::marker{color:", _core.colors.brand.secondary, ";}}li{padding-left:", _core.spacing.nsmall, ";margin-top:", _core.spacing.nsmall, ";p{margin-bottom:", _core.spacing.nsmall, "!important;}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlVuT3JkZXJlZExpc3QudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVkwQiIsImZpbGUiOiJVbk9yZGVyZWRMaXN0LnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDIyLXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgY29sb3JzLCBmb250cywgc3BhY2luZyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuaW1wb3J0IHsgZm9yd2FyZFJlZiwgSFRNTEF0dHJpYnV0ZXMgfSBmcm9tICdyZWFjdCc7XG5cbmNvbnN0IFN0eWxlZFVsID0gc3R5bGVkLnVsYFxuICBwYWRkaW5nLWxlZnQ6ICR7c3BhY2luZy5uc21hbGx9ICFpbXBvcnRhbnQ7XG4gIG1hcmdpbi1sZWZ0OiAke3NwYWNpbmcubm9ybWFsfSAhaW1wb3J0YW50O1xuICBtYXJnaW4tdG9wOiAwO1xuICAke2ZvbnRzLnNpemVzKCcxOHB4JywgJzI5cHgnKX07XG5cbiAgdWwge1xuICAgIHBhZGRpbmctbGVmdDogJHtzcGFjaW5nLm5zbWFsbH07XG4gICAgbWFyZ2luLWxlZnQ6IDAgIWltcG9ydGFudDtcbiAgfVxuXG4gID4gbGkge1xuICAgIDo6bWFya2VyIHtcbiAgICAgIGNvbG9yOiAke2NvbG9ycy5icmFuZC5zZWNvbmRhcnl9O1xuICAgIH1cbiAgfVxuICAvLyBMaXN0IGl0ZW1cbiAgbGkge1xuICAgIHBhZGRpbmctbGVmdDogJHtzcGFjaW5nLm5zbWFsbH07XG4gICAgbWFyZ2luLXRvcDogJHtzcGFjaW5nLm5zbWFsbH07XG4gICAgcCB7XG4gICAgICBtYXJnaW4tYm90dG9tOiAke3NwYWNpbmcubnNtYWxsfSAhaW1wb3J0YW50O1xuICAgIH1cbiAgfVxuYDtcblxuY29uc3QgVW5PcmRlcmVkTGlzdCA9IGZvcndhcmRSZWY8SFRNTFVMaXN0RWxlbWVudCwgSFRNTEF0dHJpYnV0ZXM8SFRNTFVMaXN0RWxlbWVudD4+KCh7IGNoaWxkcmVuLCAuLi5yZXN0IH0sIHJlZikgPT4ge1xuICByZXR1cm4gKFxuICAgIDxTdHlsZWRVbCByZWY9e3JlZn0gey4uLnJlc3R9PlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvU3R5bGVkVWw+XG4gICk7XG59KTtcblxuZXhwb3J0IGRlZmF1bHQgVW5PcmRlcmVkTGlzdDtcbiJdfQ== */"));
-var UnOrderedList = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
-  var children = _ref.children,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  return (0, _jsxRuntime.jsx)(StyledUl, _objectSpread(_objectSpread({
-    ref: ref
-  }, rest), {}, {
+const UnOrderedList = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
+  let {
+    children,
+    ...rest
+  } = _ref;
+  return (0, _jsxRuntime.jsx)(StyledUl, {
+    ref: ref,
+    ...rest,
     children: children
-  }));
+  });
 });
-var _default = UnOrderedList;
-exports.default = _default;
+var _default = exports.default = UnOrderedList;

package/lib/List/index.js

@@ -5,13 +5,13 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "OrderedList", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _OrderedList.default;
   }
 });
 Object.defineProperty(exports, "UnOrderedList", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _UnOrderedList.default;
   }
 });

package/lib/Logo/Logo.js

@@ -9,40 +9,36 @@ var _safelink = _interopRequireDefault(require("@ndla/safelink"));
 var _SvgLogo = _interopRequireDefault(require("./SvgLogo"));
 var _jsxRuntime = require("@emotion/react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); } /**
-                                                                                                                                                                                                                                                                                                                                                                                               * Copyright (c) 2016-present, NDLA.
-                                                                                                                                                                                                                                                                                                                                                                                               *
-                                                                                                                                                                                                                                                                                                                                                                                               * This source code is licensed under the GPLv3 license found in the
-                                                                                                                                                                                                                                                                                                                                                                                               * LICENSE file in the root directory of this source tree.
-                                                                                                                                                                                                                                                                                                                                                                                               *
-                                                                                                                                                                                                                                                                                                                                                                                               */ /* eslint-disable max-len */
-var logoClasses = new _reactBemHelper.default({
+/**
+ * Copyright (c) 2016-present, NDLA.
+ *
+ * This source code is licensed under the GPLv3 license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+/* eslint-disable max-len */
+
+const logoClasses = exports.logoClasses = new _reactBemHelper.default({
   name: 'logo',
   prefix: 'c-'
 });
-exports.logoClasses = logoClasses;
-var Logo = function Logo(_ref) {
-  var _ref$name = _ref.name,
-    name = _ref$name === void 0 ? true : _ref$name,
-    to = _ref.to,
-    cssModifier = _ref.cssModifier,
-    color = _ref.color,
-    _ref$large = _ref.large,
-    large = _ref$large === void 0 ? false : _ref$large,
-    locale = _ref.locale,
-    label = _ref.label;
-  var modifiers = {
-    large: large
+const Logo = _ref => {
+  let {
+    name = true,
+    to,
+    cssModifier,
+    color,
+    large = false,
+    locale,
+    label
+  } = _ref;
+  const modifiers = {
+    large
   };
   if (cssModifier) {
     modifiers[cssModifier] = true;
   }
-  var logo = to ? (0, _jsxRuntime.jsx)(_safelink.default, {
+  const logo = to ? (0, _jsxRuntime.jsx)(_safelink.default, {
     to: to,
     "aria-label": label,
     title: label,
@@ -58,10 +54,10 @@ var Logo = function Logo(_ref) {
       locale: locale
     })
   });
-  return (0, _jsxRuntime.jsx)("div", _objectSpread(_objectSpread({}, logoClasses('', modifiers)), {}, {
+  return (0, _jsxRuntime.jsx)("div", {
+    ...logoClasses('', modifiers),
     children: logo
-  }));
+  });
 };
 exports.Logo = Logo;
-var _default = Logo;
-exports.default = _default;
+var _default = exports.default = Logo;

package/lib/Logo/SvgLogo.js

@@ -6,19 +6,16 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = exports.SvgLogo = void 0;
 var _Logo = require("./Logo");
 var _jsxRuntime = require("@emotion/react/jsx-runtime");
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); } /**
-                                                                                                                                                                                                                                                                                                                                                                                               * Copyright (c) 2016-present, NDLA.
-                                                                                                                                                                                                                                                                                                                                                                                               *
-                                                                                                                                                                                                                                                                                                                                                                                               * This source code is licensed under the GPLv3 license found in the
-                                                                                                                                                                                                                                                                                                                                                                                               * LICENSE file in the root directory of this source tree.
-                                                                                                                                                                                                                                                                                                                                                                                               *
-                                                                                                                                                                                                                                                                                                                                                                                               */ /* eslint-disable max-len */
-var LogoText = function LogoText(locale) {
+/**
+ * Copyright (c) 2016-present, NDLA.
+ *
+ * This source code is licensed under the GPLv3 license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+/* eslint-disable max-len */
+
+const LogoText = locale => {
   if (locale === 'en') {
     return (0, _jsxRuntime.jsx)("path", {
       transform: "translate(0 133)",
@@ -30,13 +27,14 @@ var LogoText = function LogoText(locale) {
     d: "M.8 151v-16.28l9.94 9.58a24.54 24.54 0 0 1 1.7 1.9v-10.86h2.35v16.27l-10.14-9.74a13.47 13.47 0 0 1-1.51-1.76V151H.8zm20.9-6.15h4.35l-1.6-3.57a13.98 13.98 0 0 1-.59-1.78 14.35 14.35 0 0 1-.56 1.78l-1.6 3.57zm7.03 6.15l-1.78-4.03h-6.2L18.93 151h-2.67l7.58-16.28L31.41 151h-2.68zm3.26-3.13l2.03-.94c.2.7.55 1.23 1.06 1.6a3.3 3.3 0 0 0 1.97.55c.75 0 1.35-.22 1.8-.64.44-.42.67-.98.67-1.69 0-.91-.77-1.73-2.3-2.45l-.48-.24c-1.73-.84-2.88-1.6-3.45-2.28a3.74 3.74 0 0 1-.86-2.5 4 4 0 0 1 1.3-3.1c.86-.8 2-1.19 3.4-1.19 1.16 0 2.12.22 2.9.67a3.52 3.52 0 0 1 1.62 1.92l-2 1.03c-.3-.5-.65-.86-1.03-1.08-.37-.23-.8-.35-1.28-.35-.69 0-1.23.18-1.64.54-.4.36-.6.83-.6 1.43 0 .94.88 1.82 2.65 2.63l.32.15a9.43 9.43 0 0 1 3.19 2.1c.58.67.87 1.52.87 2.54a4.6 4.6 0 0 1-1.4 3.54 5.32 5.32 0 0 1-3.79 1.3c-1.33 0-2.43-.3-3.28-.91a4.3 4.3 0 0 1-1.67-2.63zm12.79.29c.26.3.52.54.76.68s.5.21.77.21c.5 0 .85-.16 1.05-.49.2-.33.3-.94.3-1.83v-11.39h2.53v12.22c0 1.32-.3 2.3-.88 2.92-.58.63-1.5.94-2.74.94a4.25 4.25 0 0 1-3.42-1.63l1.63-1.63zm22.15-4.96a5.95 5.95 0 0 0-1.67-4.16 5.52 5.52 0 0 0-4.04-1.7 5.61 5.61 0 0 0-4.05 1.7 5.66 5.66 0 0 0-1.24 1.9 6.05 6.05 0 0 0 1.24 6.4 5.62 5.62 0 0 0 8.09 0 5.87 5.87 0 0 0 1.67-4.14zm2.66 0a8.05 8.05 0 0 1-2.45 5.81 8.56 8.56 0 0 1-5.92 2.4 8.46 8.46 0 0 1-7.75-5.04 8.09 8.09 0 0 1-.62-3.17 8.14 8.14 0 0 1 5.16-7.6 8.56 8.56 0 0 1 3.21-.6 8.49 8.49 0 0 1 5.92 2.38 8.23 8.23 0 0 1 2.45 5.82zm2.92 7.8v-16.28l9.94 9.58a24.54 24.54 0 0 1 1.7 1.9v-10.86h2.35v16.27l-10.14-9.74a13.47 13.47 0 0 1-1.51-1.76V151H72.5zm20.9-6.15h4.35l-1.6-3.57a13.98 13.98 0 0 1-.59-1.78 14.35 14.35 0 0 1-.57 1.78l-1.6 3.57zm7.03 6.15l-1.78-4.03h-6.2L90.64 151h-2.67l7.58-16.28 7.57 16.28h-2.68zm4.16 0v-15.66h2.54v13.38h5.7V151h-8.24zm19.45-2.3h2.14c1.17 0 2.06-.08 2.64-.23.6-.16 1.1-.42 1.54-.8a4.7 4.7 0 0 0 1.33-1.88c.3-.76.44-1.63.44-2.63s-.14-1.87-.44-2.62a4.7 4.7 0 0 0-1.33-1.9 3.94 3.94 0 0 0-1.59-.78c-.62-.16-1.58-.24-2.9-.24h-1.83v11.08zm-2.55 2.3v-15.66h3.44c2.23 0 3.8.12 4.7.34a6.36 6.36 0 0 1 4.45 3.8 9.3 9.3 0 0 1 .7 3.7c0 1.4-.23 2.62-.7 3.7a6.65 6.65 0 0 1-2.05 2.66c-.69.52-1.47.9-2.34 1.12-.87.23-2.23.34-4.08.34h-4.12zm16.26 0v-15.66h2.54V151h-2.54zm14.87-8.02h6.2l.01.45c.03.5.04.85.04 1.03 0 2.2-.63 3.9-1.9 5.13-1.26 1.22-3.04 1.83-5.33 1.83a9.7 9.7 0 0 1-3.43-.57c-1.01-.38-1.89-.95-2.65-1.71a7.77 7.77 0 0 1-1.7-2.66 8.96 8.96 0 0 1-.6-3.28c0-1.18.2-2.27.6-3.27.41-1 1-1.88 1.8-2.64a7.72 7.72 0 0 1 2.68-1.71 9.15 9.15 0 0 1 3.3-.59c1.23 0 2.33.23 3.3.68a7.38 7.38 0 0 1 2.61 2.06l-1.86 1.4a5.15 5.15 0 0 0-1.79-1.37c-.66-.3-1.4-.45-2.22-.45-1.7 0-3.08.55-4.15 1.63a5.78 5.78 0 0 0-1.61 4.24c0 1.77.53 3.2 1.6 4.3a5.57 5.57 0 0 0 4.18 1.66 5.3 5.3 0 0 0 3.43-1.02 3.38 3.38 0 0 0 1.26-2.77v-.22h-3.77v-2.15zm8.96 8.02v-15.66h2.55V151h-2.55zm11.26-13.5V151h-2.54v-13.5h-4.16v-2.16h10.84v2.16h-4.14zm9.4 7.35h4.35l-1.6-3.57a13.98 13.98 0 0 1-.59-1.78 14.35 14.35 0 0 1-.56 1.78l-1.6 3.57zm7.03 6.15l-1.78-4.03h-6.2l-1.82 4.03h-2.67l7.58-16.28 7.57 16.28h-2.68zm4.16 0v-15.66h2.54v13.38h5.7V151h-8.24zm16.9 0v-15.66h2.55v13.38h5.69V151h-8.24zm13.6-6.15h4.52l-1.32-3.57a19.6 19.6 0 0 1-.76-2.6 10.28 10.28 0 0 1-.79 2.38l-1.64 3.8zm9.12-9.5l.9 2.15h-5.74l1.38 3.84h5.25l.84 2.24h-5.24l1.91 5.14h5.75l.86 2.28h-8.26l-1.48-4.03H223L221.2 151h-2.68l7.32-15.66h7.23zm10.08 6.67h.46c1.35 0 2.24-.16 2.68-.47.45-.32.67-.87.67-1.67 0-.86-.24-1.47-.71-1.82-.48-.36-1.36-.53-2.64-.53h-.46v4.49zm-.16 1.98v7h-2.38v-15.66h3.55c1.04 0 1.84.07 2.42.2a3.8 3.8 0 0 1 1.47.68c.48.38.86.87 1.12 1.47.26.6.4 1.25.4 1.96a4.4 4.4 0 0 1-.91 2.95 4 4 0 0 1-2.69 1.28l5.4 7.12h-2.88l-5.21-7h-.29zm9.92 7v-15.66h2.55V151h-2.55zm6.2 0v-16.28l9.95 9.58a24.54 24.54 0 0 1 1.7 1.9v-10.86h2.35v16.27l-10.15-9.74a13.47 13.47 0 0 1-1.5-1.76V151h-2.34zm26.27-8.02h6.2l.01.45.03 1.03c0 2.2-.63 3.9-1.89 5.13-1.26 1.22-3.04 1.83-5.34 1.83a9.7 9.7 0 0 1-3.43-.57c-1-.38-1.88-.95-2.64-1.71a7.77 7.77 0 0 1-1.7-2.66 8.96 8.96 0 0 1-.6-3.28c0-1.18.2-2.27.6-3.27.4-1 1-1.88 1.8-2.64a7.72 7.72 0 0 1 2.68-1.71 9.15 9.15 0 0 1 3.3-.59c1.23 0 2.33.23 3.3.68a7.38 7.38 0 0 1 2.6 2.06l-1.85 1.4a5.15 5.15 0 0 0-1.79-1.37c-.66-.3-1.4-.45-2.22-.45-1.7 0-3.08.55-4.16 1.63a5.78 5.78 0 0 0-1.6 4.24c0 1.77.53 3.2 1.6 4.3a5.57 5.57 0 0 0 4.18 1.66 5.3 5.3 0 0 0 3.43-1.02 3.38 3.38 0 0 0 1.25-2.77v-.22h-3.76v-2.15zm8.02 4.89l2.03-.94c.2.7.55 1.23 1.06 1.6a3.3 3.3 0 0 0 1.97.55c.75 0 1.35-.22 1.8-.64.44-.42.67-.98.67-1.69 0-.91-.77-1.73-2.3-2.45l-.48-.24c-1.73-.84-2.88-1.6-3.45-2.28a3.74 3.74 0 0 1-.86-2.5 4 4 0 0 1 1.3-3.1c.86-.8 2-1.19 3.4-1.19 1.16 0 2.12.22 2.9.67a3.52 3.52 0 0 1 1.61 1.92l-1.98 1.03c-.32-.5-.66-.86-1.04-1.08-.37-.23-.8-.35-1.29-.35-.68 0-1.22.18-1.63.54-.4.36-.6.83-.6 1.43 0 .94.88 1.82 2.65 2.63l.32.15a9.43 9.43 0 0 1 3.19 2.1c.58.67.87 1.52.87 2.54a4.6 4.6 0 0 1-1.4 3.54 5.32 5.32 0 0 1-3.8 1.3c-1.32 0-2.42-.3-3.27-.91a4.3 4.3 0 0 1-1.67-2.63zm16.22-3.02h4.36l-1.6-3.57a13.98 13.98 0 0 1-.59-1.78 14.35 14.35 0 0 1-.57 1.78l-1.6 3.57zm7.04 6.15l-1.78-4.03h-6.2l-1.82 4.03h-2.67l7.58-16.28 7.57 16.28h-2.68zm6.7-8.98h.46c1.35 0 2.24-.16 2.68-.47.45-.32.67-.87.67-1.67 0-.86-.24-1.47-.71-1.82-.48-.36-1.36-.53-2.64-.53h-.46v4.49zm-.16 1.98v7h-2.38v-15.66h3.55c1.04 0 1.84.07 2.42.2a3.8 3.8 0 0 1 1.47.68c.48.38.86.87 1.12 1.47.27.6.4 1.25.4 1.96a4.4 4.4 0 0 1-.91 2.95 4 4 0 0 1-2.69 1.28l5.4 7.12h-2.88l-5.21-7h-.29zm9.88 7v-15.66h8.74v2.16h-6.2v3.93h6.2v2.23h-6.2v5.06h6.2V151h-8.74zm11.66 0v-16.28l9.94 9.58a24.54 24.54 0 0 1 1.7 1.9v-10.86h2.35v16.27l-10.14-9.74a13.47 13.47 0 0 1-1.51-1.76V151h-2.34zm20.9-6.15h4.35l-1.6-3.57a13.98 13.98 0 0 1-.59-1.78 14.35 14.35 0 0 1-.56 1.78l-1.6 3.57zm7.03 6.15l-1.78-4.03h-6.2l-1.82 4.03h-2.67l7.58-16.28 7.57 16.28h-2.68z"
   });
 };
-var SvgLogo = function SvgLogo(_ref) {
-  var _ref$name = _ref.name,
-    name = _ref$name === void 0 ? true : _ref$name,
-    _ref$color = _ref.color,
-    color = _ref$color === void 0 ? '#000000' : _ref$color,
-    locale = _ref.locale;
-  return (0, _jsxRuntime.jsxs)("svg", _objectSpread(_objectSpread({}, (0, _Logo.logoClasses)('graphic')), {}, {
+const SvgLogo = _ref => {
+  let {
+    name = true,
+    color = '#000000',
+    locale
+  } = _ref;
+  return (0, _jsxRuntime.jsxs)("svg", {
+    ...(0, _Logo.logoClasses)('graphic'),
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 376 152",
     fill: color,
@@ -53,8 +51,7 @@ var SvgLogo = function SvgLogo(_ref) {
     }), (0, _jsxRuntime.jsx)("polygon", {
       points: "18 51 18 118 0 118 0 33 101 33 101 118 83 118 83 51"
     }), name && LogoText(locale)]
-  }));
+  });
 };
 exports.SvgLogo = SvgLogo;
-var _default = SvgLogo;
-exports.default = _default;
+var _default = exports.default = SvgLogo;

package/lib/Logo/index.js

@@ -13,5 +13,4 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
  * LICENSE file in the root directory of this source tree.
  *
  */
-var _default = _Logo.default;
-exports.default = _default;
+var _default = exports.default = _Logo.default;

package/lib/Masthead/Masthead.js

@@ -12,13 +12,13 @@ var _SkipToMainContent = _interopRequireDefault(require("./SkipToMainContent"));
 var _jsxRuntime = require("@emotion/react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; } /**
-                                                                                                                                                                                                                                                                                           * Copyright (c) 2016-present, NDLA.
-                                                                                                                                                                                                                                                                                           *
-                                                                                                                                                                                                                                                                                           * This source code is licensed under the GPLv3 license found in the
-                                                                                                                                                                                                                                                                                           * LICENSE file in the root directory of this source tree.
-                                                                                                                                                                                                                                                                                           *
-                                                                                                                                                                                                                                                                                           */
-var MastheadContent = /*#__PURE__*/(0, _base.default)("div", {
+ * Copyright (c) 2016-present, NDLA.
+ *
+ * This source code is licensed under the GPLv3 license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+const MastheadContent = /*#__PURE__*/(0, _base.default)("div", {
   target: "e18nenqf1",
   label: "MastheadContent"
 })("justify-content:center;align-items:center;text-align:center;padding:", _core.spacing.small, " ", _core.spacing.normal, ";font-weight:", _core.fonts.weight.normal, ";display:flex;height:84px;justify-content:space-between;gap:", _core.spacing.xsmall, ";", _core.mq.range({
@@ -33,21 +33,19 @@ var _ref = process.env.NODE_ENV === "production" ? {
   map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk1hc3RoZWFkLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUErQ08iLCJmaWxlIjoiTWFzdGhlYWQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMTYtcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBicmVha3BvaW50cywgY29sb3JzLCBmb250cywgbXEsIHNwYWNpbmcgfSBmcm9tICdAbmRsYS9jb3JlJztcbmltcG9ydCB7IFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IE1lc3NhZ2VCYW5uZXIgfSBmcm9tICcuLi9NZXNzYWdlcyc7XG5pbXBvcnQgU2tpcFRvTWFpbkNvbnRlbnQgZnJvbSAnLi9Ta2lwVG9NYWluQ29udGVudCc7XG5cbmNvbnN0IE1hc3RoZWFkQ29udGVudCA9IHN0eWxlZC5kaXZgXG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gIHBhZGRpbmc6ICR7c3BhY2luZy5zbWFsbH0gJHtzcGFjaW5nLm5vcm1hbH07XG4gIGZvbnQtd2VpZ2h0OiAke2ZvbnRzLndlaWdodC5ub3JtYWx9O1xuICBkaXNwbGF5OiBmbGV4O1xuICBoZWlnaHQ6IDg0cHg7XG4gIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgZ2FwOiAke3NwYWNpbmcueHNtYWxsfTtcbiAgJHttcS5yYW5nZSh7IHVudGlsOiBicmVha3BvaW50cy50YWJsZXQgfSl9IHtcbiAgICBwYWRkaW5nOiAke3NwYWNpbmcuc21hbGx9O1xuICAgIGdhcDogJHtzcGFjaW5nLnhzbWFsbH07XG4gIH1cbmA7XG5cbmludGVyZmFjZSBTdHlsZWRNYXN0aGVhZFByb3BzIHtcbiAgZml4ZWQ6IGJvb2xlYW47XG4gIG5kbGFGaWxtOiBib29sZWFuO1xufVxuXG5jb25zdCBTdHlsZWRNYXN0aGVhZCA9IHN0eWxlZC5kaXY8U3R5bGVkTWFzdGhlYWRQcm9wcz5gXG4gIHotaW5kZXg6IDk5O1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIGJhY2tncm91bmQ6IHdoaXRlO1xuICBib3JkZXItYm90dG9tOiAxcHggc29saWQgJHtjb2xvcnMuYnJhbmQuZ3JleUxpZ2h0ZXJ9O1xuICBtaW4taGVpZ2h0OiA4NHB4O1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWZsb3c6IGNvbHVtbjtcbiAganVzdGlmeS1jb250ZW50OiBmbGV4LWVuZDtcbiAgJHsocCkgPT5cbiAgICBwLmZpeGVkICYmXG4gICAgY3NzYFxuICAgICAgdG9wOiAwO1xuICAgICAgcG9zaXRpb246IHN0aWNreTtcbiAgICAgIEBtZWRpYSBwcmludCB7XG4gICAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICAgIH1cbiAgICBgfTtcbiAgJHsocCkgPT5cbiAgICBwLm5kbGFGaWxtICYmXG4gICAgY3NzYFxuICAgICAgYmFja2dyb3VuZDogJHtjb2xvcnMubmRsYUZpbG0uZmlsbUNvbG9yTGlnaHR9O1xuICAgICAgYmFja2dyb3VuZC1pbWFnZTogbGluZWFyLWdyYWRpZW50KDBkZWcsICR7Y29sb3JzLm5kbGFGaWxtLmZpbG1Db2xvckxpZ2h0fSwgJHtjb2xvcnMubmRsYUZpbG0uZmlsbUNvbG9yfSk7XG4gICAgICBib3JkZXI6IDA7XG4gICAgICBib3JkZXItYm90dG9tOiAxcHggc29saWQgIzE4MzM0YztcbiAgICBgfTtcbmA7XG5cbmludGVyZmFjZSBBbGVydCB7XG4gIGNvbnRlbnQ6IHN0cmluZztcbiAgY2xvc2FibGU/OiBib29sZWFuO1xuICBudW1iZXI6IG51bWJlcjtcbn1cblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgY2hpbGRyZW4/OiBSZWFjdE5vZGU7XG4gIGZpeGVkPzogYm9vbGVhbjtcbiAgbmRsYUZpbG0/OiBib29sZWFuO1xuICBza2lwVG9NYWluQ29udGVudElkPzogc3RyaW5nO1xuICBtZXNzYWdlcz86IEFsZXJ0W107XG4gIG9uQ2xvc2VBbGVydD86IChpZDogbnVtYmVyKSA9PiB2b2lkO1xufVxuXG5leHBvcnQgY29uc3QgTWFzdGhlYWQgPSAoeyBjaGlsZHJlbiwgZml4ZWQsIG5kbGFGaWxtLCBza2lwVG9NYWluQ29udGVudElkLCBtZXNzYWdlcywgb25DbG9zZUFsZXJ0IH06IFByb3BzKSA9PiB7XG4gIHJldHVybiAoXG4gICAgPD5cbiAgICAgIHtza2lwVG9NYWluQ29udGVudElkICYmIDxTa2lwVG9NYWluQ29udGVudCBza2lwVG9NYWluQ29udGVudElkPXtza2lwVG9NYWluQ29udGVudElkfSAvPn1cbiAgICAgIDxTdHlsZWRNYXN0aGVhZCBmaXhlZD17ISFmaXhlZH0gbmRsYUZpbG09eyEhbmRsYUZpbG19IGlkPVwibWFzdGhlYWRcIj5cbiAgICAgICAge21lc3NhZ2VzPy5tYXAoKG1lc3NhZ2UpID0+IChcbiAgICAgICAgICA8TWVzc2FnZUJhbm5lclxuICAgICAgICAgICAga2V5PXttZXNzYWdlLm51bWJlcn1cbiAgICAgICAgICAgIHNob3dDbG9zZUJ1dHRvbj17bWVzc2FnZS5jbG9zYWJsZX1cbiAgICAgICAgICAgIG9uQ2xvc2U9eygpID0+IG9uQ2xvc2VBbGVydD8uKG1lc3NhZ2UubnVtYmVyKX1cbiAgICAgICAgICA+XG4gICAgICAgICAgICB7bWVzc2FnZS5jb250ZW50fVxuICAgICAgICAgIDwvTWVzc2FnZUJhbm5lcj5cbiAgICAgICAgKSl9XG4gICAgICAgIDxNYXN0aGVhZENvbnRlbnQgY2xhc3NOYW1lPVwidS0xLzFcIj57Y2hpbGRyZW59PC9NYXN0aGVhZENvbnRlbnQ+XG4gICAgICA8L1N0eWxlZE1hc3RoZWFkPlxuICAgIDwvPlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgTWFzdGhlYWQ7XG4iXX0= */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
-var StyledMasthead = /*#__PURE__*/(0, _base.default)("div", {
+const StyledMasthead = /*#__PURE__*/(0, _base.default)("div", {
   target: "e18nenqf0",
   label: "StyledMasthead"
-})("z-index:99;position:relative;background:white;border-bottom:1px solid ", _core.colors.brand.greyLighter, ";min-height:84px;display:flex;flex-flow:column;justify-content:flex-end;", function (p) {
-  return p.fixed && _ref;
-}, ";", function (p) {
-  return p.ndlaFilm && /*#__PURE__*/(0, _react.css)("background:", _core.colors.ndlaFilm.filmColorLight, ";background-image:linear-gradient(0deg, ", _core.colors.ndlaFilm.filmColorLight, ", ", _core.colors.ndlaFilm.filmColor, ");border:0;border-bottom:1px solid #18334c;;label:StyledMasthead;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk1hc3RoZWFkLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF3RE8iLCJmaWxlIjoiTWFzdGhlYWQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMTYtcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBicmVha3BvaW50cywgY29sb3JzLCBmb250cywgbXEsIHNwYWNpbmcgfSBmcm9tICdAbmRsYS9jb3JlJztcbmltcG9ydCB7IFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IE1lc3NhZ2VCYW5uZXIgfSBmcm9tICcuLi9NZXNzYWdlcyc7XG5pbXBvcnQgU2tpcFRvTWFpbkNvbnRlbnQgZnJvbSAnLi9Ta2lwVG9NYWluQ29udGVudCc7XG5cbmNvbnN0IE1hc3RoZWFkQ29udGVudCA9IHN0eWxlZC5kaXZgXG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gIHBhZGRpbmc6ICR7c3BhY2luZy5zbWFsbH0gJHtzcGFjaW5nLm5vcm1hbH07XG4gIGZvbnQtd2VpZ2h0OiAke2ZvbnRzLndlaWdodC5ub3JtYWx9O1xuICBkaXNwbGF5OiBmbGV4O1xuICBoZWlnaHQ6IDg0cHg7XG4gIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgZ2FwOiAke3NwYWNpbmcueHNtYWxsfTtcbiAgJHttcS5yYW5nZSh7IHVudGlsOiBicmVha3BvaW50cy50YWJsZXQgfSl9IHtcbiAgICBwYWRkaW5nOiAke3NwYWNpbmcuc21hbGx9O1xuICAgIGdhcDogJHtzcGFjaW5nLnhzbWFsbH07XG4gIH1cbmA7XG5cbmludGVyZmFjZSBTdHlsZWRNYXN0aGVhZFByb3BzIHtcbiAgZml4ZWQ6IGJvb2xlYW47XG4gIG5kbGFGaWxtOiBib29sZWFuO1xufVxuXG5jb25zdCBTdHlsZWRNYXN0aGVhZCA9IHN0eWxlZC5kaXY8U3R5bGVkTWFzdGhlYWRQcm9wcz5gXG4gIHotaW5kZXg6IDk5O1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIGJhY2tncm91bmQ6IHdoaXRlO1xuICBib3JkZXItYm90dG9tOiAxcHggc29saWQgJHtjb2xvcnMuYnJhbmQuZ3JleUxpZ2h0ZXJ9O1xuICBtaW4taGVpZ2h0OiA4NHB4O1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWZsb3c6IGNvbHVtbjtcbiAganVzdGlmeS1jb250ZW50OiBmbGV4LWVuZDtcbiAgJHsocCkgPT5cbiAgICBwLmZpeGVkICYmXG4gICAgY3NzYFxuICAgICAgdG9wOiAwO1xuICAgICAgcG9zaXRpb246IHN0aWNreTtcbiAgICAgIEBtZWRpYSBwcmludCB7XG4gICAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICAgIH1cbiAgICBgfTtcbiAgJHsocCkgPT5cbiAgICBwLm5kbGFGaWxtICYmXG4gICAgY3NzYFxuICAgICAgYmFja2dyb3VuZDogJHtjb2xvcnMubmRsYUZpbG0uZmlsbUNvbG9yTGlnaHR9O1xuICAgICAgYmFja2dyb3VuZC1pbWFnZTogbGluZWFyLWdyYWRpZW50KDBkZWcsICR7Y29sb3JzLm5kbGFGaWxtLmZpbG1Db2xvckxpZ2h0fSwgJHtjb2xvcnMubmRsYUZpbG0uZmlsbUNvbG9yfSk7XG4gICAgICBib3JkZXI6IDA7XG4gICAgICBib3JkZXItYm90dG9tOiAxcHggc29saWQgIzE4MzM0YztcbiAgICBgfTtcbmA7XG5cbmludGVyZmFjZSBBbGVydCB7XG4gIGNvbnRlbnQ6IHN0cmluZztcbiAgY2xvc2FibGU/OiBib29sZWFuO1xuICBudW1iZXI6IG51bWJlcjtcbn1cblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgY2hpbGRyZW4/OiBSZWFjdE5vZGU7XG4gIGZpeGVkPzogYm9vbGVhbjtcbiAgbmRsYUZpbG0/OiBib29sZWFuO1xuICBza2lwVG9NYWluQ29udGVudElkPzogc3RyaW5nO1xuICBtZXNzYWdlcz86IEFsZXJ0W107XG4gIG9uQ2xvc2VBbGVydD86IChpZDogbnVtYmVyKSA9PiB2b2lkO1xufVxuXG5leHBvcnQgY29uc3QgTWFzdGhlYWQgPSAoeyBjaGlsZHJlbiwgZml4ZWQsIG5kbGFGaWxtLCBza2lwVG9NYWluQ29udGVudElkLCBtZXNzYWdlcywgb25DbG9zZUFsZXJ0IH06IFByb3BzKSA9PiB7XG4gIHJldHVybiAoXG4gICAgPD5cbiAgICAgIHtza2lwVG9NYWluQ29udGVudElkICYmIDxTa2lwVG9NYWluQ29udGVudCBza2lwVG9NYWluQ29udGVudElkPXtza2lwVG9NYWluQ29udGVudElkfSAvPn1cbiAgICAgIDxTdHlsZWRNYXN0aGVhZCBmaXhlZD17ISFmaXhlZH0gbmRsYUZpbG09eyEhbmRsYUZpbG19IGlkPVwibWFzdGhlYWRcIj5cbiAgICAgICAge21lc3NhZ2VzPy5tYXAoKG1lc3NhZ2UpID0+IChcbiAgICAgICAgICA8TWVzc2FnZUJhbm5lclxuICAgICAgICAgICAga2V5PXttZXNzYWdlLm51bWJlcn1cbiAgICAgICAgICAgIHNob3dDbG9zZUJ1dHRvbj17bWVzc2FnZS5jbG9zYWJsZX1cbiAgICAgICAgICAgIG9uQ2xvc2U9eygpID0+IG9uQ2xvc2VBbGVydD8uKG1lc3NhZ2UubnVtYmVyKX1cbiAgICAgICAgICA+XG4gICAgICAgICAgICB7bWVzc2FnZS5jb250ZW50fVxuICAgICAgICAgIDwvTWVzc2FnZUJhbm5lcj5cbiAgICAgICAgKSl9XG4gICAgICAgIDxNYXN0aGVhZENvbnRlbnQgY2xhc3NOYW1lPVwidS0xLzFcIj57Y2hpbGRyZW59PC9NYXN0aGVhZENvbnRlbnQ+XG4gICAgICA8L1N0eWxlZE1hc3RoZWFkPlxuICAgIDwvPlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgTWFzdGhlYWQ7XG4iXX0= */"));
-}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk1hc3RoZWFkLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFvQ3NEIiwiZmlsZSI6Ik1hc3RoZWFkLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDE2LXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgYnJlYWtwb2ludHMsIGNvbG9ycywgZm9udHMsIG1xLCBzcGFjaW5nIH0gZnJvbSAnQG5kbGEvY29yZSc7XG5pbXBvcnQgeyBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBNZXNzYWdlQmFubmVyIH0gZnJvbSAnLi4vTWVzc2FnZXMnO1xuaW1wb3J0IFNraXBUb01haW5Db250ZW50IGZyb20gJy4vU2tpcFRvTWFpbkNvbnRlbnQnO1xuXG5jb25zdCBNYXN0aGVhZENvbnRlbnQgPSBzdHlsZWQuZGl2YFxuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgdGV4dC1hbGlnbjogY2VudGVyO1xuICBwYWRkaW5nOiAke3NwYWNpbmcuc21hbGx9ICR7c3BhY2luZy5ub3JtYWx9O1xuICBmb250LXdlaWdodDogJHtmb250cy53ZWlnaHQubm9ybWFsfTtcbiAgZGlzcGxheTogZmxleDtcbiAgaGVpZ2h0OiA4NHB4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gIGdhcDogJHtzcGFjaW5nLnhzbWFsbH07XG4gICR7bXEucmFuZ2UoeyB1bnRpbDogYnJlYWtwb2ludHMudGFibGV0IH0pfSB7XG4gICAgcGFkZGluZzogJHtzcGFjaW5nLnNtYWxsfTtcbiAgICBnYXA6ICR7c3BhY2luZy54c21hbGx9O1xuICB9XG5gO1xuXG5pbnRlcmZhY2UgU3R5bGVkTWFzdGhlYWRQcm9wcyB7XG4gIGZpeGVkOiBib29sZWFuO1xuICBuZGxhRmlsbTogYm9vbGVhbjtcbn1cblxuY29uc3QgU3R5bGVkTWFzdGhlYWQgPSBzdHlsZWQuZGl2PFN0eWxlZE1hc3RoZWFkUHJvcHM+YFxuICB6LWluZGV4OiA5OTtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBiYWNrZ3JvdW5kOiB3aGl0ZTtcbiAgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkICR7Y29sb3JzLmJyYW5kLmdyZXlMaWdodGVyfTtcbiAgbWluLWhlaWdodDogODRweDtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1mbG93OiBjb2x1bW47XG4gIGp1c3RpZnktY29udGVudDogZmxleC1lbmQ7XG4gICR7KHApID0+XG4gICAgcC5maXhlZCAmJlxuICAgIGNzc2BcbiAgICAgIHRvcDogMDtcbiAgICAgIHBvc2l0aW9uOiBzdGlja3k7XG4gICAgICBAbWVkaWEgcHJpbnQge1xuICAgICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICB9XG4gICAgYH07XG4gICR7KHApID0+XG4gICAgcC5uZGxhRmlsbSAmJlxuICAgIGNzc2BcbiAgICAgIGJhY2tncm91bmQ6ICR7Y29sb3JzLm5kbGFGaWxtLmZpbG1Db2xvckxpZ2h0fTtcbiAgICAgIGJhY2tncm91bmQtaW1hZ2U6IGxpbmVhci1ncmFkaWVudCgwZGVnLCAke2NvbG9ycy5uZGxhRmlsbS5maWxtQ29sb3JMaWdodH0sICR7Y29sb3JzLm5kbGFGaWxtLmZpbG1Db2xvcn0pO1xuICAgICAgYm9yZGVyOiAwO1xuICAgICAgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkICMxODMzNGM7XG4gICAgYH07XG5gO1xuXG5pbnRlcmZhY2UgQWxlcnQge1xuICBjb250ZW50OiBzdHJpbmc7XG4gIGNsb3NhYmxlPzogYm9vbGVhbjtcbiAgbnVtYmVyOiBudW1iZXI7XG59XG5cbmludGVyZmFjZSBQcm9wcyB7XG4gIGNoaWxkcmVuPzogUmVhY3ROb2RlO1xuICBmaXhlZD86IGJvb2xlYW47XG4gIG5kbGFGaWxtPzogYm9vbGVhbjtcbiAgc2tpcFRvTWFpbkNvbnRlbnRJZD86IHN0cmluZztcbiAgbWVzc2FnZXM/OiBBbGVydFtdO1xuICBvbkNsb3NlQWxlcnQ/OiAoaWQ6IG51bWJlcikgPT4gdm9pZDtcbn1cblxuZXhwb3J0IGNvbnN0IE1hc3RoZWFkID0gKHsgY2hpbGRyZW4sIGZpeGVkLCBuZGxhRmlsbSwgc2tpcFRvTWFpbkNvbnRlbnRJZCwgbWVzc2FnZXMsIG9uQ2xvc2VBbGVydCB9OiBQcm9wcykgPT4ge1xuICByZXR1cm4gKFxuICAgIDw+XG4gICAgICB7c2tpcFRvTWFpbkNvbnRlbnRJZCAmJiA8U2tpcFRvTWFpbkNvbnRlbnQgc2tpcFRvTWFpbkNvbnRlbnRJZD17c2tpcFRvTWFpbkNvbnRlbnRJZH0gLz59XG4gICAgICA8U3R5bGVkTWFzdGhlYWQgZml4ZWQ9eyEhZml4ZWR9IG5kbGFGaWxtPXshIW5kbGFGaWxtfSBpZD1cIm1hc3RoZWFkXCI+XG4gICAgICAgIHttZXNzYWdlcz8ubWFwKChtZXNzYWdlKSA9PiAoXG4gICAgICAgICAgPE1lc3NhZ2VCYW5uZXJcbiAgICAgICAgICAgIGtleT17bWVzc2FnZS5udW1iZXJ9XG4gICAgICAgICAgICBzaG93Q2xvc2VCdXR0b249e21lc3NhZ2UuY2xvc2FibGV9XG4gICAgICAgICAgICBvbkNsb3NlPXsoKSA9PiBvbkNsb3NlQWxlcnQ/LihtZXNzYWdlLm51bWJlcil9XG4gICAgICAgICAgPlxuICAgICAgICAgICAge21lc3NhZ2UuY29udGVudH1cbiAgICAgICAgICA8L01lc3NhZ2VCYW5uZXI+XG4gICAgICAgICkpfVxuICAgICAgICA8TWFzdGhlYWRDb250ZW50IGNsYXNzTmFtZT1cInUtMS8xXCI+e2NoaWxkcmVufTwvTWFzdGhlYWRDb250ZW50PlxuICAgICAgPC9TdHlsZWRNYXN0aGVhZD5cbiAgICA8Lz5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IE1hc3RoZWFkO1xuIl19 */"));
-var Masthead = function Masthead(_ref2) {
-  var children = _ref2.children,
-    fixed = _ref2.fixed,
-    ndlaFilm = _ref2.ndlaFilm,
-    skipToMainContentId = _ref2.skipToMainContentId,
-    messages = _ref2.messages,
-    onCloseAlert = _ref2.onCloseAlert;
+})("z-index:99;position:relative;background:white;border-bottom:1px solid ", _core.colors.brand.greyLighter, ";min-height:84px;display:flex;flex-flow:column;justify-content:flex-end;", p => p.fixed && _ref, ";", p => p.ndlaFilm && /*#__PURE__*/(0, _react.css)("background:", _core.colors.ndlaFilm.filmColorLight, ";background-image:linear-gradient(0deg, ", _core.colors.ndlaFilm.filmColorLight, ", ", _core.colors.ndlaFilm.filmColor, ");border:0;border-bottom:1px solid #18334c;;label:StyledMasthead;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk1hc3RoZWFkLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF3RE8iLCJmaWxlIjoiTWFzdGhlYWQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMTYtcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBicmVha3BvaW50cywgY29sb3JzLCBmb250cywgbXEsIHNwYWNpbmcgfSBmcm9tICdAbmRsYS9jb3JlJztcbmltcG9ydCB7IFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IE1lc3NhZ2VCYW5uZXIgfSBmcm9tICcuLi9NZXNzYWdlcyc7XG5pbXBvcnQgU2tpcFRvTWFpbkNvbnRlbnQgZnJvbSAnLi9Ta2lwVG9NYWluQ29udGVudCc7XG5cbmNvbnN0IE1hc3RoZWFkQ29udGVudCA9IHN0eWxlZC5kaXZgXG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gIHBhZGRpbmc6ICR7c3BhY2luZy5zbWFsbH0gJHtzcGFjaW5nLm5vcm1hbH07XG4gIGZvbnQtd2VpZ2h0OiAke2ZvbnRzLndlaWdodC5ub3JtYWx9O1xuICBkaXNwbGF5OiBmbGV4O1xuICBoZWlnaHQ6IDg0cHg7XG4gIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgZ2FwOiAke3NwYWNpbmcueHNtYWxsfTtcbiAgJHttcS5yYW5nZSh7IHVudGlsOiBicmVha3BvaW50cy50YWJsZXQgfSl9IHtcbiAgICBwYWRkaW5nOiAke3NwYWNpbmcuc21hbGx9O1xuICAgIGdhcDogJHtzcGFjaW5nLnhzbWFsbH07XG4gIH1cbmA7XG5cbmludGVyZmFjZSBTdHlsZWRNYXN0aGVhZFByb3BzIHtcbiAgZml4ZWQ6IGJvb2xlYW47XG4gIG5kbGFGaWxtOiBib29sZWFuO1xufVxuXG5jb25zdCBTdHlsZWRNYXN0aGVhZCA9IHN0eWxlZC5kaXY8U3R5bGVkTWFzdGhlYWRQcm9wcz5gXG4gIHotaW5kZXg6IDk5O1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIGJhY2tncm91bmQ6IHdoaXRlO1xuICBib3JkZXItYm90dG9tOiAxcHggc29saWQgJHtjb2xvcnMuYnJhbmQuZ3JleUxpZ2h0ZXJ9O1xuICBtaW4taGVpZ2h0OiA4NHB4O1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWZsb3c6IGNvbHVtbjtcbiAganVzdGlmeS1jb250ZW50OiBmbGV4LWVuZDtcbiAgJHsocCkgPT5cbiAgICBwLmZpeGVkICYmXG4gICAgY3NzYFxuICAgICAgdG9wOiAwO1xuICAgICAgcG9zaXRpb246IHN0aWNreTtcbiAgICAgIEBtZWRpYSBwcmludCB7XG4gICAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICAgIH1cbiAgICBgfTtcbiAgJHsocCkgPT5cbiAgICBwLm5kbGFGaWxtICYmXG4gICAgY3NzYFxuICAgICAgYmFja2dyb3VuZDogJHtjb2xvcnMubmRsYUZpbG0uZmlsbUNvbG9yTGlnaHR9O1xuICAgICAgYmFja2dyb3VuZC1pbWFnZTogbGluZWFyLWdyYWRpZW50KDBkZWcsICR7Y29sb3JzLm5kbGFGaWxtLmZpbG1Db2xvckxpZ2h0fSwgJHtjb2xvcnMubmRsYUZpbG0uZmlsbUNvbG9yfSk7XG4gICAgICBib3JkZXI6IDA7XG4gICAgICBib3JkZXItYm90dG9tOiAxcHggc29saWQgIzE4MzM0YztcbiAgICBgfTtcbmA7XG5cbmludGVyZmFjZSBBbGVydCB7XG4gIGNvbnRlbnQ6IHN0cmluZztcbiAgY2xvc2FibGU/OiBib29sZWFuO1xuICBudW1iZXI6IG51bWJlcjtcbn1cblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgY2hpbGRyZW4/OiBSZWFjdE5vZGU7XG4gIGZpeGVkPzogYm9vbGVhbjtcbiAgbmRsYUZpbG0/OiBib29sZWFuO1xuICBza2lwVG9NYWluQ29udGVudElkPzogc3RyaW5nO1xuICBtZXNzYWdlcz86IEFsZXJ0W107XG4gIG9uQ2xvc2VBbGVydD86IChpZDogbnVtYmVyKSA9PiB2b2lkO1xufVxuXG5leHBvcnQgY29uc3QgTWFzdGhlYWQgPSAoeyBjaGlsZHJlbiwgZml4ZWQsIG5kbGFGaWxtLCBza2lwVG9NYWluQ29udGVudElkLCBtZXNzYWdlcywgb25DbG9zZUFsZXJ0IH06IFByb3BzKSA9PiB7XG4gIHJldHVybiAoXG4gICAgPD5cbiAgICAgIHtza2lwVG9NYWluQ29udGVudElkICYmIDxTa2lwVG9NYWluQ29udGVudCBza2lwVG9NYWluQ29udGVudElkPXtza2lwVG9NYWluQ29udGVudElkfSAvPn1cbiAgICAgIDxTdHlsZWRNYXN0aGVhZCBmaXhlZD17ISFmaXhlZH0gbmRsYUZpbG09eyEhbmRsYUZpbG19IGlkPVwibWFzdGhlYWRcIj5cbiAgICAgICAge21lc3NhZ2VzPy5tYXAoKG1lc3NhZ2UpID0+IChcbiAgICAgICAgICA8TWVzc2FnZUJhbm5lclxuICAgICAgICAgICAga2V5PXttZXNzYWdlLm51bWJlcn1cbiAgICAgICAgICAgIHNob3dDbG9zZUJ1dHRvbj17bWVzc2FnZS5jbG9zYWJsZX1cbiAgICAgICAgICAgIG9uQ2xvc2U9eygpID0+IG9uQ2xvc2VBbGVydD8uKG1lc3NhZ2UubnVtYmVyKX1cbiAgICAgICAgICA+XG4gICAgICAgICAgICB7bWVzc2FnZS5jb250ZW50fVxuICAgICAgICAgIDwvTWVzc2FnZUJhbm5lcj5cbiAgICAgICAgKSl9XG4gICAgICAgIDxNYXN0aGVhZENvbnRlbnQgY2xhc3NOYW1lPVwidS0xLzFcIj57Y2hpbGRyZW59PC9NYXN0aGVhZENvbnRlbnQ+XG4gICAgICA8L1N0eWxlZE1hc3RoZWFkPlxuICAgIDwvPlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgTWFzdGhlYWQ7XG4iXX0= */")), ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk1hc3RoZWFkLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFvQ3NEIiwiZmlsZSI6Ik1hc3RoZWFkLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDE2LXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgYnJlYWtwb2ludHMsIGNvbG9ycywgZm9udHMsIG1xLCBzcGFjaW5nIH0gZnJvbSAnQG5kbGEvY29yZSc7XG5pbXBvcnQgeyBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBNZXNzYWdlQmFubmVyIH0gZnJvbSAnLi4vTWVzc2FnZXMnO1xuaW1wb3J0IFNraXBUb01haW5Db250ZW50IGZyb20gJy4vU2tpcFRvTWFpbkNvbnRlbnQnO1xuXG5jb25zdCBNYXN0aGVhZENvbnRlbnQgPSBzdHlsZWQuZGl2YFxuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgdGV4dC1hbGlnbjogY2VudGVyO1xuICBwYWRkaW5nOiAke3NwYWNpbmcuc21hbGx9ICR7c3BhY2luZy5ub3JtYWx9O1xuICBmb250LXdlaWdodDogJHtmb250cy53ZWlnaHQubm9ybWFsfTtcbiAgZGlzcGxheTogZmxleDtcbiAgaGVpZ2h0OiA4NHB4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gIGdhcDogJHtzcGFjaW5nLnhzbWFsbH07XG4gICR7bXEucmFuZ2UoeyB1bnRpbDogYnJlYWtwb2ludHMudGFibGV0IH0pfSB7XG4gICAgcGFkZGluZzogJHtzcGFjaW5nLnNtYWxsfTtcbiAgICBnYXA6ICR7c3BhY2luZy54c21hbGx9O1xuICB9XG5gO1xuXG5pbnRlcmZhY2UgU3R5bGVkTWFzdGhlYWRQcm9wcyB7XG4gIGZpeGVkOiBib29sZWFuO1xuICBuZGxhRmlsbTogYm9vbGVhbjtcbn1cblxuY29uc3QgU3R5bGVkTWFzdGhlYWQgPSBzdHlsZWQuZGl2PFN0eWxlZE1hc3RoZWFkUHJvcHM+YFxuICB6LWluZGV4OiA5OTtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBiYWNrZ3JvdW5kOiB3aGl0ZTtcbiAgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkICR7Y29sb3JzLmJyYW5kLmdyZXlMaWdodGVyfTtcbiAgbWluLWhlaWdodDogODRweDtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1mbG93OiBjb2x1bW47XG4gIGp1c3RpZnktY29udGVudDogZmxleC1lbmQ7XG4gICR7KHApID0+XG4gICAgcC5maXhlZCAmJlxuICAgIGNzc2BcbiAgICAgIHRvcDogMDtcbiAgICAgIHBvc2l0aW9uOiBzdGlja3k7XG4gICAgICBAbWVkaWEgcHJpbnQge1xuICAgICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICB9XG4gICAgYH07XG4gICR7KHApID0+XG4gICAgcC5uZGxhRmlsbSAmJlxuICAgIGNzc2BcbiAgICAgIGJhY2tncm91bmQ6ICR7Y29sb3JzLm5kbGFGaWxtLmZpbG1Db2xvckxpZ2h0fTtcbiAgICAgIGJhY2tncm91bmQtaW1hZ2U6IGxpbmVhci1ncmFkaWVudCgwZGVnLCAke2NvbG9ycy5uZGxhRmlsbS5maWxtQ29sb3JMaWdodH0sICR7Y29sb3JzLm5kbGFGaWxtLmZpbG1Db2xvcn0pO1xuICAgICAgYm9yZGVyOiAwO1xuICAgICAgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkICMxODMzNGM7XG4gICAgYH07XG5gO1xuXG5pbnRlcmZhY2UgQWxlcnQge1xuICBjb250ZW50OiBzdHJpbmc7XG4gIGNsb3NhYmxlPzogYm9vbGVhbjtcbiAgbnVtYmVyOiBudW1iZXI7XG59XG5cbmludGVyZmFjZSBQcm9wcyB7XG4gIGNoaWxkcmVuPzogUmVhY3ROb2RlO1xuICBmaXhlZD86IGJvb2xlYW47XG4gIG5kbGFGaWxtPzogYm9vbGVhbjtcbiAgc2tpcFRvTWFpbkNvbnRlbnRJZD86IHN0cmluZztcbiAgbWVzc2FnZXM/OiBBbGVydFtdO1xuICBvbkNsb3NlQWxlcnQ/OiAoaWQ6IG51bWJlcikgPT4gdm9pZDtcbn1cblxuZXhwb3J0IGNvbnN0IE1hc3RoZWFkID0gKHsgY2hpbGRyZW4sIGZpeGVkLCBuZGxhRmlsbSwgc2tpcFRvTWFpbkNvbnRlbnRJZCwgbWVzc2FnZXMsIG9uQ2xvc2VBbGVydCB9OiBQcm9wcykgPT4ge1xuICByZXR1cm4gKFxuICAgIDw+XG4gICAgICB7c2tpcFRvTWFpbkNvbnRlbnRJZCAmJiA8U2tpcFRvTWFpbkNvbnRlbnQgc2tpcFRvTWFpbkNvbnRlbnRJZD17c2tpcFRvTWFpbkNvbnRlbnRJZH0gLz59XG4gICAgICA8U3R5bGVkTWFzdGhlYWQgZml4ZWQ9eyEhZml4ZWR9IG5kbGFGaWxtPXshIW5kbGFGaWxtfSBpZD1cIm1hc3RoZWFkXCI+XG4gICAgICAgIHttZXNzYWdlcz8ubWFwKChtZXNzYWdlKSA9PiAoXG4gICAgICAgICAgPE1lc3NhZ2VCYW5uZXJcbiAgICAgICAgICAgIGtleT17bWVzc2FnZS5udW1iZXJ9XG4gICAgICAgICAgICBzaG93Q2xvc2VCdXR0b249e21lc3NhZ2UuY2xvc2FibGV9XG4gICAgICAgICAgICBvbkNsb3NlPXsoKSA9PiBvbkNsb3NlQWxlcnQ/LihtZXNzYWdlLm51bWJlcil9XG4gICAgICAgICAgPlxuICAgICAgICAgICAge21lc3NhZ2UuY29udGVudH1cbiAgICAgICAgICA8L01lc3NhZ2VCYW5uZXI+XG4gICAgICAgICkpfVxuICAgICAgICA8TWFzdGhlYWRDb250ZW50IGNsYXNzTmFtZT1cInUtMS8xXCI+e2NoaWxkcmVufTwvTWFzdGhlYWRDb250ZW50PlxuICAgICAgPC9TdHlsZWRNYXN0aGVhZD5cbiAgICA8Lz5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IE1hc3RoZWFkO1xuIl19 */"));
+const Masthead = _ref2 => {
+  let {
+    children,
+    fixed,
+    ndlaFilm,
+    skipToMainContentId,
+    messages,
+    onCloseAlert
+  } = _ref2;
   return (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
     children: [skipToMainContentId && (0, _jsxRuntime.jsx)(_SkipToMainContent.default, {
       skipToMainContentId: skipToMainContentId
@@ -55,15 +53,11 @@ var Masthead = function Masthead(_ref2) {
       fixed: !!fixed,
       ndlaFilm: !!ndlaFilm,
       id: "masthead",
-      children: [messages === null || messages === void 0 ? void 0 : messages.map(function (message) {
-        return (0, _jsxRuntime.jsx)(_Messages.MessageBanner, {
-          showCloseButton: message.closable,
-          onClose: function onClose() {
-            return onCloseAlert === null || onCloseAlert === void 0 ? void 0 : onCloseAlert(message.number);
-          },
-          children: message.content
-        }, message.number);
-      }), (0, _jsxRuntime.jsx)(MastheadContent, {
+      children: [messages?.map(message => (0, _jsxRuntime.jsx)(_Messages.MessageBanner, {
+        showCloseButton: message.closable,
+        onClose: () => onCloseAlert?.(message.number),
+        children: message.content
+      }, message.number)), (0, _jsxRuntime.jsx)(MastheadContent, {
         className: "u-1/1",
         children: children
       })]
@@ -71,5 +65,4 @@ var Masthead = function Masthead(_ref2) {
   });
 };
 exports.Masthead = Masthead;
-var _default = Masthead;
-exports.default = _default;
+var _default = exports.default = Masthead;

package/lib/Masthead/SkipToMainContent.js

@@ -9,19 +9,21 @@ var _reactI18next = require("react-i18next");
 var _core = require("@ndla/core");
 var _jsxRuntime = require("@emotion/react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var StyledSkipToMainContent = /*#__PURE__*/(0, _base.default)("a", {
+const StyledSkipToMainContent = /*#__PURE__*/(0, _base.default)("a", {
   target: "e13a8y7u0",
   label: "StyledSkipToMainContent"
 })("position:absolute;top:10px;left:0;right:0;margin:0 auto;color:", _core.colors.white, ";background:", _core.colors.brand.primary, ";left:auto;top:auto;width:30%;height:auto;overflow:auto;margin:10px 35%;padding:5px;border-radius:15px;border:4px solid ", _core.colors.brand.tertiary, ";text-align:center;font-size:1.2em;z-index:9999;animation-name:fadeIn;animation-duration:0.3s;transform:translateY(-150%);&:focus{transform:translateY(0);}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNraXBUb01haW5Db250ZW50LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFRd0MiLCJmaWxlIjoiU2tpcFRvTWFpbkNvbnRlbnQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgdXNlVHJhbnNsYXRpb24gfSBmcm9tICdyZWFjdC1pMThuZXh0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNvbG9ycyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuXG5pbnRlcmZhY2UgUHJvcHMge1xuICBza2lwVG9NYWluQ29udGVudElkOiBzdHJpbmc7XG59XG5cbmNvbnN0IFN0eWxlZFNraXBUb01haW5Db250ZW50ID0gc3R5bGVkLmFgXG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgdG9wOiAxMHB4O1xuICBsZWZ0OiAwO1xuICByaWdodDogMDtcbiAgbWFyZ2luOiAwIGF1dG87XG4gIGNvbG9yOiAke2NvbG9ycy53aGl0ZX07XG4gIGJhY2tncm91bmQ6ICR7Y29sb3JzLmJyYW5kLnByaW1hcnl9O1xuICBsZWZ0OiBhdXRvO1xuICB0b3A6IGF1dG87XG4gIHdpZHRoOiAzMCU7XG4gIGhlaWdodDogYXV0bztcbiAgb3ZlcmZsb3c6IGF1dG87XG4gIG1hcmdpbjogMTBweCAzNSU7XG4gIHBhZGRpbmc6IDVweDtcbiAgYm9yZGVyLXJhZGl1czogMTVweDtcbiAgYm9yZGVyOiA0cHggc29saWQgJHtjb2xvcnMuYnJhbmQudGVydGlhcnl9O1xuICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gIGZvbnQtc2l6ZTogMS4yZW07XG4gIHotaW5kZXg6IDk5OTk7XG4gIGFuaW1hdGlvbi1uYW1lOiBmYWRlSW47XG4gIGFuaW1hdGlvbi1kdXJhdGlvbjogMC4zcztcbiAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKC0xNTAlKTtcbiAgJjpmb2N1cyB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDApO1xuICB9XG5gO1xuXG5jb25zdCBTa2lwVG9NYWluQ29udGVudCA9ICh7IHNraXBUb01haW5Db250ZW50SWQgfTogUHJvcHMpID0+IHtcbiAgY29uc3QgeyB0IH0gPSB1c2VUcmFuc2xhdGlvbigpO1xuICByZXR1cm4gKFxuICAgIDxTdHlsZWRTa2lwVG9NYWluQ29udGVudCB0YWJJbmRleD17MH0gaHJlZj17YCMke3NraXBUb01haW5Db250ZW50SWR9YH0+XG4gICAgICB7dCgnbWFzdGhlYWQuc2tpcFRvQ29udGVudCcpfVxuICAgIDwvU3R5bGVkU2tpcFRvTWFpbkNvbnRlbnQ+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBTa2lwVG9NYWluQ29udGVudDtcbiJdfQ== */"));
-var SkipToMainContent = function SkipToMainContent(_ref) {
-  var skipToMainContentId = _ref.skipToMainContentId;
-  var _useTranslation = (0, _reactI18next.useTranslation)(),
-    t = _useTranslation.t;
+const SkipToMainContent = _ref => {
+  let {
+    skipToMainContentId
+  } = _ref;
+  const {
+    t
+  } = (0, _reactI18next.useTranslation)();
   return (0, _jsxRuntime.jsx)(StyledSkipToMainContent, {
     tabIndex: 0,
-    href: "#".concat(skipToMainContentId),
+    href: `#${skipToMainContentId}`,
     children: t('masthead.skipToContent')
   });
 };
-var _default = SkipToMainContent;
-exports.default = _default;
+var _default = exports.default = SkipToMainContent;

package/lib/Masthead/index.js

@@ -5,20 +5,20 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "SkipToMainContent", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _SkipToMainContent.default;
   }
 });
 exports.default = void 0;
 Object.defineProperty(exports, "getMastheadHeight", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _utils.getMastheadHeight;
   }
 });
 Object.defineProperty(exports, "useMastheadHeight", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _utils.useMastheadHeight;
   }
 });
@@ -33,5 +33,4 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
  * LICENSE file in the root directory of this source tree.
  *
  */
-var _default = _Masthead.default;
-exports.default = _default;
+var _default = exports.default = _Masthead.default;

package/lib/Masthead/utils.js

@@ -6,42 +6,32 @@ Object.defineProperty(exports, "__esModule", {
 exports.useMastheadHeight = exports.getMastheadHeight = void 0;
 var _react = require("react");
 var _util = require("@ndla/util");
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; } /**
-                                                                       * 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.
-                                                                       *
-                                                                       */
-var getMastheadHeight = function getMastheadHeight() {
+/**
+ * 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.
+ *
+ */
+
+const getMastheadHeight = () => {
   if (typeof window !== 'undefined') {
-    var masthead = document.getElementById('masthead');
-    return masthead === null || masthead === void 0 ? void 0 : masthead.getBoundingClientRect().height;
+    const masthead = document.getElementById('masthead');
+    return masthead?.getBoundingClientRect().height;
   }
 };
 exports.getMastheadHeight = getMastheadHeight;
-var useMastheadHeight = function useMastheadHeight() {
-  var _useState = (0, _react.useState)(),
-    _useState2 = _slicedToArray(_useState, 2),
-    height = _useState2[0],
-    setHeight = _useState2[1];
-  var _useState3 = (0, _react.useState)(false),
-    _useState4 = _slicedToArray(_useState3, 2),
-    mounted = _useState4[0],
-    setMounted = _useState4[1];
-  (0, _react.useEffect)(function () {
+const useMastheadHeight = () => {
+  const [height, setHeight] = (0, _react.useState)();
+  const [mounted, setMounted] = (0, _react.useState)(false);
+  (0, _react.useEffect)(() => {
     setMounted(true);
   }, []);
-  (0, _react.useEffect)(function () {
+  (0, _react.useEffect)(() => {
     if (mounted) {
-      var masthead = document.getElementById('masthead');
-      var handleHeightChange = function handleHeightChange(el) {
-        var newHeight = el.getBoundingClientRect().height;
+      const masthead = document.getElementById('masthead');
+      const handleHeightChange = el => {
+        const newHeight = el.getBoundingClientRect().height;
         setHeight(newHeight);
       };
       if (masthead) {
@@ -50,7 +40,7 @@ var useMastheadHeight = function useMastheadHeight() {
     }
   }, [mounted]);
   return {
-    height: height
+    height
   };
 };
 exports.useMastheadHeight = useMastheadHeight;