@ndla/ui 40.0.0 → 41.0.0

package/lib/Article/ArticleHeaderWrapper.js

@@ -1,66 +1,35 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-var _base = _interopRequireDefault(require("@emotion/styled/base"));
 var _react = _interopRequireWildcard(require("react"));
 var _reactBemHelper = _interopRequireDefault(require("react-bem-helper"));
-var _reactI18next = require("react-i18next");
-var _button = require("@ndla/button");
 var _reactDeviceDetect = require("react-device-detect");
-var _common = require("@ndla/icons/common");
-var _CompetenceGoalsDialog = _interopRequireDefault(require("../CompetenceGoals/CompetenceGoalsDialog"));
 var _jsxRuntime = require("@emotion/react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _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); }
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; } /**
-                                                                                                                                                                                                                                                                                           * Copyright (c) 2016-present, NDLA.
-                                                                                                                                                                                                                                                                                           *
-                                                                                                                                                                                                                                                                                           * This source code is licensed under the GPLv3 license found in the
-                                                                                                                                                                                                                                                                                           * LICENSE file in the root directory of this source tree.
-                                                                                                                                                                                                                                                                                           *
-                                                                                                                                                                                                                                                                                           */
+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.
+                                                                                                                                                                                                                                                                                                                                                                                               *
+                                                                                                                                                                                                                                                                                                                                                                                               */
 var classes = new _reactBemHelper["default"]({
   name: 'article',
   prefix: 'c-'
 });
-var CompetenceBadgeText = /*#__PURE__*/(0, _base["default"])("span", {
-  target: "e1daii1f0",
-  label: "CompetenceBadgeText"
-})(process.env.NODE_ENV === "production" ? {
-  name: "x85wbw",
-  styles: "padding:0 5px"
-} : {
-  name: "x85wbw",
-  styles: "padding:0 5px",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkFydGljbGVIZWFkZXJXcmFwcGVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF1QnVDIiwiZmlsZSI6IkFydGljbGVIZWFkZXJXcmFwcGVyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDE2LXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuaW1wb3J0IFJlYWN0LCB7IENvbXBvbmVudFR5cGUsIFJlYWN0Tm9kZSwgdXNlRWZmZWN0LCB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBCRU1IZWxwZXIgZnJvbSAncmVhY3QtYmVtLWhlbHBlcic7XG5pbXBvcnQgeyB1c2VUcmFuc2xhdGlvbiB9IGZyb20gJ3JlYWN0LWkxOG5leHQnO1xuaW1wb3J0IHsgQnV0dG9uVjIgfSBmcm9tICdAbmRsYS9idXR0b24nO1xuaW1wb3J0IHsgaXNNb2JpbGUgfSBmcm9tICdyZWFjdC1kZXZpY2UtZGV0ZWN0JztcblxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgRm9vdGVySGVhZGVySWNvbiB9IGZyb20gJ0BuZGxhL2ljb25zL2NvbW1vbic7XG5pbXBvcnQgQ29tcGV0ZW5jZUdvYWxzRGlhbG9nIGZyb20gJy4uL0NvbXBldGVuY2VHb2Fscy9Db21wZXRlbmNlR29hbHNEaWFsb2cnO1xuXG5jb25zdCBjbGFzc2VzID0gbmV3IEJFTUhlbHBlcih7XG4gIG5hbWU6ICdhcnRpY2xlJyxcbiAgcHJlZml4OiAnYy0nLFxufSk7XG5cbmNvbnN0IENvbXBldGVuY2VCYWRnZVRleHQgPSBzdHlsZWQuc3BhbmBcbiAgcGFkZGluZzogMCA1cHg7XG5gO1xuXG50eXBlIFByb3BzID0ge1xuICBjb21wZXRlbmNlR29hbHM/OiAoaW5wOiB7XG4gICAgRGlhbG9nOiBDb21wb25lbnRUeXBlO1xuICAgIGRpYWxvZ1Byb3BzOiB7IGlzT3BlbjogYm9vbGVhbjsgb25DbG9zZTogKCkgPT4gdm9pZDsgY29udHJvbGxlZDogdHJ1ZSB9O1xuICB9KSA9PiBSZWFjdE5vZGU7XG4gIGNvbXBldGVuY2VHb2Fsc0xvYWRpbmc/OiBib29sZWFuO1xuICBjaGlsZHJlbjogUmVhY3ROb2RlO1xufTtcblxuY29uc3QgQXJ0aWNsZUhlYWRlcldyYXBwZXIgPSAoeyBjaGlsZHJlbiwgY29tcGV0ZW5jZUdvYWxzLCBjb21wZXRlbmNlR29hbHNMb2FkaW5nIH06IFByb3BzKSA9PiB7XG4gIGNvbnN0IFtpc09wZW4sIHNldElzT3Blbl0gPSB1c2VTdGF0ZShmYWxzZSk7XG4gIGNvbnN0IHsgdCB9ID0gdXNlVHJhbnNsYXRpb24oKTtcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGlmIChpc01vYmlsZSkge1xuICAgICAgY29uc3QgaGVyb0NvbnRlbnRMaXN0OiBOb2RlTGlzdE9mPEhUTUxFbGVtZW50PiA9IGRvY3VtZW50LnF1ZXJ5U2VsZWN0b3JBbGwoJy5jLWFydGljbGVfX2hlYWRlcicpO1xuICAgICAgaWYgKGhlcm9Db250ZW50TGlzdC5sZW5ndGggPT09IDEpIHtcbiAgICAgICAgaGVyb0NvbnRlbnRMaXN0WzBdLnNjcm9sbEludG9WaWV3KHRydWUpO1xuICAgICAgICB3aW5kb3cuc2Nyb2xsQnkoMCwgaGVyb0NvbnRlbnRMaXN0WzBdLm9mZnNldFRvcCAtIDEyMCk7IC8vIEFkanVzdCBmb3IgaGVhZGVyXG4gICAgICB9XG4gICAgfVxuICB9LCBbXSk7XG5cbiAgY29uc3Qgb3BlbkRpYWxvZyA9ICgpID0+IHtcbiAgICBzZXRJc09wZW4odHJ1ZSk7XG4gIH07XG5cbiAgY29uc3QgY2xvc2VEaWFsb2cgPSAoKSA9PiB7XG4gICAgc2V0SXNPcGVuKGZhbHNlKTtcbiAgfTtcblxuICBpZiAoIWNvbXBldGVuY2VHb2Fscykge1xuICAgIHJldHVybiA8ZGl2IHsuLi5jbGFzc2VzKCdoZWFkZXInKX0+e2NoaWxkcmVufTwvZGl2PjtcbiAgfVxuXG4gIGNvbnN0IGRpYWxvZyA9IGNvbXBldGVuY2VHb2Fscyh7XG4gICAgRGlhbG9nOiBDb21wZXRlbmNlR29hbHNEaWFsb2csXG4gICAgZGlhbG9nUHJvcHM6IHtcbiAgICAgIGlzT3BlbjogaXNPcGVuLFxuICAgICAgb25DbG9zZTogY2xvc2VEaWFsb2csXG4gICAgICBjb250cm9sbGVkOiB0cnVlLFxuICAgIH0sXG4gIH0pO1xuICByZXR1cm4gKFxuICAgIDxkaXYgey4uLmNsYXNzZXMoJ2hlYWRlcicpfT5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDxCdXR0b25WMlxuICAgICAgICBhcmlhLWJ1c3k9e2NvbXBldGVuY2VHb2Fsc0xvYWRpbmd9XG4gICAgICAgIHNpemU9XCJ4c21hbGxcIlxuICAgICAgICBjb2xvclRoZW1lPVwibGlnaHRcIlxuICAgICAgICBzaGFwZT1cInBpbGxcIlxuICAgICAgICBvbkNsaWNrPXtvcGVuRGlhbG9nfVxuICAgICAgICBkaXNhYmxlZD17Y29tcGV0ZW5jZUdvYWxzTG9hZGluZ31cbiAgICAgID5cbiAgICAgICAgPEZvb3RlckhlYWRlckljb24gLz5cbiAgICAgICAgPENvbXBldGVuY2VCYWRnZVRleHQ+e3QoJ2NvbXBldGVuY2VHb2Fscy5zaG93Q29tcGV0ZW5jZUdvYWxzJyl9PC9Db21wZXRlbmNlQmFkZ2VUZXh0PlxuICAgICAgPC9CdXR0b25WMj5cbiAgICAgIHtkaWFsb2d9XG4gICAgPC9kaXY+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBBcnRpY2xlSGVhZGVyV3JhcHBlcjtcbiJdfQ== */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
 var ArticleHeaderWrapper = function ArticleHeaderWrapper(_ref) {
   var children = _ref.children,
-    competenceGoals = _ref.competenceGoals,
-    competenceGoalsLoading = _ref.competenceGoalsLoading;
-  var _useState = (0, _react.useState)(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    isOpen = _useState2[0],
-    setIsOpen = _useState2[1];
-  var _useTranslation = (0, _reactI18next.useTranslation)(),
-    t = _useTranslation.t;
+    competenceGoals = _ref.competenceGoals;
   (0, _react.useEffect)(function () {
     if (_reactDeviceDetect.isMobile) {
       var heroContentList = document.querySelectorAll('.c-article__header');
@@ -70,37 +39,8 @@ var ArticleHeaderWrapper = function ArticleHeaderWrapper(_ref) {
       }
     }
   }, []);
-  var openDialog = function openDialog() {
-    setIsOpen(true);
-  };
-  var closeDialog = function closeDialog() {
-    setIsOpen(false);
-  };
-  if (!competenceGoals) {
-    return (0, _jsxRuntime.jsx)("div", _objectSpread(_objectSpread({}, classes('header')), {}, {
-      children: children
-    }));
-  }
-  var dialog = competenceGoals({
-    Dialog: _CompetenceGoalsDialog["default"],
-    dialogProps: {
-      isOpen: isOpen,
-      onClose: closeDialog,
-      controlled: true
-    }
-  });
   return (0, _jsxRuntime.jsxs)("div", _objectSpread(_objectSpread({}, classes('header')), {}, {
-    children: [children, (0, _jsxRuntime.jsxs)(_button.ButtonV2, {
-      "aria-busy": competenceGoalsLoading,
-      size: "xsmall",
-      colorTheme: "light",
-      shape: "pill",
-      onClick: openDialog,
-      disabled: competenceGoalsLoading,
-      children: [(0, _jsxRuntime.jsx)(_common.FooterHeaderIcon, {}), (0, _jsxRuntime.jsx)(CompetenceBadgeText, {
-        children: t('competenceGoals.showCompetenceGoals')
-      })]
-    }), dialog]
+    children: [children, competenceGoals]
   }));
 };
 var _default = ArticleHeaderWrapper;

package/lib/LearningPaths/LearningPathMenuModalWrapper.d.ts

@@ -5,10 +5,10 @@
  * LICENSE file in the root directory of this source tree.
  *
  */
-import { ReactChild, ReactChildren, ReactNode } from 'react';
+import { ReactNode } from 'react';
 type ModalWrapperProps = {
     innerWidth: number;
-    children: (arg: VoidFunction) => ReactChild | ReactChildren | ReactNode;
+    children: (arg: VoidFunction) => ReactNode;
 };
 declare const ModalWrapperComponent: ({ innerWidth, children }: ModalWrapperProps) => import("@emotion/react/jsx-runtime").JSX.Element;
 export default ModalWrapperComponent;

package/lib/LearningPaths/LearningPathMenuModalWrapper.js

@@ -24,11 +24,11 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "d
 
 var buttonToggleCss = /*#__PURE__*/(0, _react2.css)(_core.mq.range({
   from: _core.breakpoints.tablet
-}), "{display:none;}margin-right:auto;margin-left:", _core.spacing.normal, ";z-index:100;svg{width:20px;height:20px;margin-right:", _core.spacing.xsmall, ";transform:translateY(-2px);};label:buttonToggleCss;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkxlYXJuaW5nUGF0aE1lbnVNb2RhbFdyYXBwZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlCMkIiLCJmaWxlIjoiTGVhcm5pbmdQYXRoTWVudU1vZGFsV3JhcHBlci50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAxOS1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBSZWFjdCwgeyBSZWFjdENoaWxkLCBSZWFjdENoaWxkcmVuLCBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBzcGFjaW5nLCBtcSwgYnJlYWtwb2ludHMsIGNvbG9ycyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuaW1wb3J0IHsgTW9kYWxIZWFkZXIsIE1vZGFsQm9keSwgTW9kYWxDbG9zZUJ1dHRvbiwgTW9kYWwgfSBmcm9tICdAbmRsYS9tb2RhbCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBCdXR0b25WMiB9IGZyb20gJ0BuZGxhL2J1dHRvbic7XG5pbXBvcnQgeyBMZWFybmluZ1BhdGggfSBmcm9tICdAbmRsYS9pY29ucy9jb250ZW50VHlwZSc7XG5pbXBvcnQgeyB1c2VUcmFuc2xhdGlvbiB9IGZyb20gJ3JlYWN0LWkxOG5leHQnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5jb25zdCBidXR0b25Ub2dnbGVDc3MgPSBjc3NgXG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy50YWJsZXQgfSl9IHtcbiAgICBkaXNwbGF5OiBub25lO1xuICB9XG4gIG1hcmdpbi1yaWdodDogYXV0bztcbiAgbWFyZ2luLWxlZnQ6ICR7c3BhY2luZy5ub3JtYWx9O1xuICB6LWluZGV4OiAxMDA7XG4gIHN2ZyB7XG4gICAgd2lkdGg6IDIwcHg7XG4gICAgaGVpZ2h0OiAyMHB4O1xuICAgIG1hcmdpbi1yaWdodDogJHtzcGFjaW5nLnhzbWFsbH07XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKC0ycHgpO1xuICB9XG5gO1xuXG5jb25zdCBTdHlsZWRNb2RhbCA9IHN0eWxlZChNb2RhbClgXG4gIGJhY2tncm91bmQtY29sb3I6ICR7Y29sb3JzLmJyYW5kLmdyZXlMaWdodGVzdH07XG5gO1xuXG50eXBlIE1vZGFsV3JhcHBlclByb3BzID0ge1xuICBpbm5lcldpZHRoOiBudW1iZXI7XG4gIGNoaWxkcmVuOiAoYXJnOiBWb2lkRnVuY3Rpb24pID0+IFJlYWN0Q2hpbGQgfCBSZWFjdENoaWxkcmVuIHwgUmVhY3ROb2RlO1xufTtcblxuY29uc3QgTW9kYWxXcmFwcGVyQ29tcG9uZW50ID0gKHsgaW5uZXJXaWR0aCwgY2hpbGRyZW4gfTogTW9kYWxXcmFwcGVyUHJvcHMpID0+IHtcbiAgY29uc3QgeyB0IH0gPSB1c2VUcmFuc2xhdGlvbigpO1xuICBpZiAoaW5uZXJXaWR0aCA8IDYwMSkge1xuICAgIHJldHVybiAoXG4gICAgICA8U3R5bGVkTW9kYWxcbiAgICAgICAgYW5pbWF0aW9uRHVyYXRpb249ezIwMH1cbiAgICAgICAgc2l6ZT1cImZ1bGxcIlxuICAgICAgICBhY3RpdmF0ZUJ1dHRvbj17XG4gICAgICAgICAgPEJ1dHRvblYyIGNzcz17YnV0dG9uVG9nZ2xlQ3NzfT5cbiAgICAgICAgICAgIDxMZWFybmluZ1BhdGggLz5cbiAgICAgICAgICAgIDxzcGFuPnt0KCdsZWFybmluZ1BhdGgub3Blbk1lbnVUb29sdGlwJyl9PC9zcGFuPlxuICAgICAgICAgIDwvQnV0dG9uVjI+XG4gICAgICAgIH1cbiAgICAgID5cbiAgICAgICAgeyhjbG9zZU1vZGFsOiBWb2lkRnVuY3Rpb24pID0+IChcbiAgICAgICAgICA8PlxuICAgICAgICAgICAgPE1vZGFsSGVhZGVyPlxuICAgICAgICAgICAgICA8TW9kYWxDbG9zZUJ1dHRvbiB0aXRsZT17dCgnbW9kYWwuY2xvc2VNb2RhbCcpfSBvbkNsaWNrPXtjbG9zZU1vZGFsfSAvPlxuICAgICAgICAgICAgPC9Nb2RhbEhlYWRlcj5cbiAgICAgICAgICAgIDxNb2RhbEJvZHk+e2NoaWxkcmVuKGNsb3NlTW9kYWwpfTwvTW9kYWxCb2R5PlxuICAgICAgICAgIDwvPlxuICAgICAgICApfVxuICAgICAgPC9TdHlsZWRNb2RhbD5cbiAgICApO1xuICB9XG4gIHJldHVybiA8PntjaGlsZHJlbigoKSA9PiB7fSl9PC8+O1xufTtcblxuZXhwb3J0IGRlZmF1bHQgTW9kYWxXcmFwcGVyQ29tcG9uZW50O1xuIl19 */"));
+}), "{display:none;}margin-right:auto;margin-left:", _core.spacing.normal, ";z-index:100;svg{width:20px;height:20px;margin-right:", _core.spacing.xsmall, ";transform:translateY(-2px);};label:buttonToggleCss;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkxlYXJuaW5nUGF0aE1lbnVNb2RhbFdyYXBwZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlCMkIiLCJmaWxlIjoiTGVhcm5pbmdQYXRoTWVudU1vZGFsV3JhcHBlci50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAxOS1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBSZWFjdCwgeyBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBzcGFjaW5nLCBtcSwgYnJlYWtwb2ludHMsIGNvbG9ycyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuaW1wb3J0IHsgTW9kYWxIZWFkZXIsIE1vZGFsQm9keSwgTW9kYWxDbG9zZUJ1dHRvbiwgTW9kYWwgfSBmcm9tICdAbmRsYS9tb2RhbCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBCdXR0b25WMiB9IGZyb20gJ0BuZGxhL2J1dHRvbic7XG5pbXBvcnQgeyBMZWFybmluZ1BhdGggfSBmcm9tICdAbmRsYS9pY29ucy9jb250ZW50VHlwZSc7XG5pbXBvcnQgeyB1c2VUcmFuc2xhdGlvbiB9IGZyb20gJ3JlYWN0LWkxOG5leHQnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5jb25zdCBidXR0b25Ub2dnbGVDc3MgPSBjc3NgXG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy50YWJsZXQgfSl9IHtcbiAgICBkaXNwbGF5OiBub25lO1xuICB9XG4gIG1hcmdpbi1yaWdodDogYXV0bztcbiAgbWFyZ2luLWxlZnQ6ICR7c3BhY2luZy5ub3JtYWx9O1xuICB6LWluZGV4OiAxMDA7XG4gIHN2ZyB7XG4gICAgd2lkdGg6IDIwcHg7XG4gICAgaGVpZ2h0OiAyMHB4O1xuICAgIG1hcmdpbi1yaWdodDogJHtzcGFjaW5nLnhzbWFsbH07XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKC0ycHgpO1xuICB9XG5gO1xuXG5jb25zdCBTdHlsZWRNb2RhbCA9IHN0eWxlZChNb2RhbClgXG4gIGJhY2tncm91bmQtY29sb3I6ICR7Y29sb3JzLmJyYW5kLmdyZXlMaWdodGVzdH07XG5gO1xuXG50eXBlIE1vZGFsV3JhcHBlclByb3BzID0ge1xuICBpbm5lcldpZHRoOiBudW1iZXI7XG4gIGNoaWxkcmVuOiAoYXJnOiBWb2lkRnVuY3Rpb24pID0+IFJlYWN0Tm9kZTtcbn07XG5cbmNvbnN0IE1vZGFsV3JhcHBlckNvbXBvbmVudCA9ICh7IGlubmVyV2lkdGgsIGNoaWxkcmVuIH06IE1vZGFsV3JhcHBlclByb3BzKSA9PiB7XG4gIGNvbnN0IHsgdCB9ID0gdXNlVHJhbnNsYXRpb24oKTtcbiAgaWYgKGlubmVyV2lkdGggPCA2MDEpIHtcbiAgICByZXR1cm4gKFxuICAgICAgPFN0eWxlZE1vZGFsXG4gICAgICAgIGFuaW1hdGlvbkR1cmF0aW9uPXsyMDB9XG4gICAgICAgIHNpemU9XCJmdWxsXCJcbiAgICAgICAgYWN0aXZhdGVCdXR0b249e1xuICAgICAgICAgIDxCdXR0b25WMiBjc3M9e2J1dHRvblRvZ2dsZUNzc30+XG4gICAgICAgICAgICA8TGVhcm5pbmdQYXRoIC8+XG4gICAgICAgICAgICA8c3Bhbj57dCgnbGVhcm5pbmdQYXRoLm9wZW5NZW51VG9vbHRpcCcpfTwvc3Bhbj5cbiAgICAgICAgICA8L0J1dHRvblYyPlxuICAgICAgICB9XG4gICAgICA+XG4gICAgICAgIHsoY2xvc2VNb2RhbDogVm9pZEZ1bmN0aW9uKSA9PiAoXG4gICAgICAgICAgPD5cbiAgICAgICAgICAgIDxNb2RhbEhlYWRlcj5cbiAgICAgICAgICAgICAgPE1vZGFsQ2xvc2VCdXR0b24gdGl0bGU9e3QoJ21vZGFsLmNsb3NlTW9kYWwnKX0gb25DbGljaz17Y2xvc2VNb2RhbH0gLz5cbiAgICAgICAgICAgIDwvTW9kYWxIZWFkZXI+XG4gICAgICAgICAgICA8TW9kYWxCb2R5PntjaGlsZHJlbihjbG9zZU1vZGFsKX08L01vZGFsQm9keT5cbiAgICAgICAgICA8Lz5cbiAgICAgICAgKX1cbiAgICAgIDwvU3R5bGVkTW9kYWw+XG4gICAgKTtcbiAgfVxuICByZXR1cm4gPD57Y2hpbGRyZW4oKCkgPT4ge30pfTwvPjtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IE1vZGFsV3JhcHBlckNvbXBvbmVudDtcbiJdfQ== */"));
 var StyledModal = /*#__PURE__*/(0, _base["default"])(_modal.Modal, {
   target: "e7h3tj80",
   label: "StyledModal"
-})("background-color:", _core.colors.brand.greyLightest, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkxlYXJuaW5nUGF0aE1lbnVNb2RhbFdyYXBwZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWdDaUMiLCJmaWxlIjoiTGVhcm5pbmdQYXRoTWVudU1vZGFsV3JhcHBlci50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAxOS1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBSZWFjdCwgeyBSZWFjdENoaWxkLCBSZWFjdENoaWxkcmVuLCBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBzcGFjaW5nLCBtcSwgYnJlYWtwb2ludHMsIGNvbG9ycyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuaW1wb3J0IHsgTW9kYWxIZWFkZXIsIE1vZGFsQm9keSwgTW9kYWxDbG9zZUJ1dHRvbiwgTW9kYWwgfSBmcm9tICdAbmRsYS9tb2RhbCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBCdXR0b25WMiB9IGZyb20gJ0BuZGxhL2J1dHRvbic7XG5pbXBvcnQgeyBMZWFybmluZ1BhdGggfSBmcm9tICdAbmRsYS9pY29ucy9jb250ZW50VHlwZSc7XG5pbXBvcnQgeyB1c2VUcmFuc2xhdGlvbiB9IGZyb20gJ3JlYWN0LWkxOG5leHQnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5jb25zdCBidXR0b25Ub2dnbGVDc3MgPSBjc3NgXG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy50YWJsZXQgfSl9IHtcbiAgICBkaXNwbGF5OiBub25lO1xuICB9XG4gIG1hcmdpbi1yaWdodDogYXV0bztcbiAgbWFyZ2luLWxlZnQ6ICR7c3BhY2luZy5ub3JtYWx9O1xuICB6LWluZGV4OiAxMDA7XG4gIHN2ZyB7XG4gICAgd2lkdGg6IDIwcHg7XG4gICAgaGVpZ2h0OiAyMHB4O1xuICAgIG1hcmdpbi1yaWdodDogJHtzcGFjaW5nLnhzbWFsbH07XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKC0ycHgpO1xuICB9XG5gO1xuXG5jb25zdCBTdHlsZWRNb2RhbCA9IHN0eWxlZChNb2RhbClgXG4gIGJhY2tncm91bmQtY29sb3I6ICR7Y29sb3JzLmJyYW5kLmdyZXlMaWdodGVzdH07XG5gO1xuXG50eXBlIE1vZGFsV3JhcHBlclByb3BzID0ge1xuICBpbm5lcldpZHRoOiBudW1iZXI7XG4gIGNoaWxkcmVuOiAoYXJnOiBWb2lkRnVuY3Rpb24pID0+IFJlYWN0Q2hpbGQgfCBSZWFjdENoaWxkcmVuIHwgUmVhY3ROb2RlO1xufTtcblxuY29uc3QgTW9kYWxXcmFwcGVyQ29tcG9uZW50ID0gKHsgaW5uZXJXaWR0aCwgY2hpbGRyZW4gfTogTW9kYWxXcmFwcGVyUHJvcHMpID0+IHtcbiAgY29uc3QgeyB0IH0gPSB1c2VUcmFuc2xhdGlvbigpO1xuICBpZiAoaW5uZXJXaWR0aCA8IDYwMSkge1xuICAgIHJldHVybiAoXG4gICAgICA8U3R5bGVkTW9kYWxcbiAgICAgICAgYW5pbWF0aW9uRHVyYXRpb249ezIwMH1cbiAgICAgICAgc2l6ZT1cImZ1bGxcIlxuICAgICAgICBhY3RpdmF0ZUJ1dHRvbj17XG4gICAgICAgICAgPEJ1dHRvblYyIGNzcz17YnV0dG9uVG9nZ2xlQ3NzfT5cbiAgICAgICAgICAgIDxMZWFybmluZ1BhdGggLz5cbiAgICAgICAgICAgIDxzcGFuPnt0KCdsZWFybmluZ1BhdGgub3Blbk1lbnVUb29sdGlwJyl9PC9zcGFuPlxuICAgICAgICAgIDwvQnV0dG9uVjI+XG4gICAgICAgIH1cbiAgICAgID5cbiAgICAgICAgeyhjbG9zZU1vZGFsOiBWb2lkRnVuY3Rpb24pID0+IChcbiAgICAgICAgICA8PlxuICAgICAgICAgICAgPE1vZGFsSGVhZGVyPlxuICAgICAgICAgICAgICA8TW9kYWxDbG9zZUJ1dHRvbiB0aXRsZT17dCgnbW9kYWwuY2xvc2VNb2RhbCcpfSBvbkNsaWNrPXtjbG9zZU1vZGFsfSAvPlxuICAgICAgICAgICAgPC9Nb2RhbEhlYWRlcj5cbiAgICAgICAgICAgIDxNb2RhbEJvZHk+e2NoaWxkcmVuKGNsb3NlTW9kYWwpfTwvTW9kYWxCb2R5PlxuICAgICAgICAgIDwvPlxuICAgICAgICApfVxuICAgICAgPC9TdHlsZWRNb2RhbD5cbiAgICApO1xuICB9XG4gIHJldHVybiA8PntjaGlsZHJlbigoKSA9PiB7fSl9PC8+O1xufTtcblxuZXhwb3J0IGRlZmF1bHQgTW9kYWxXcmFwcGVyQ29tcG9uZW50O1xuIl19 */"));
+})("background-color:", _core.colors.brand.greyLightest, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkxlYXJuaW5nUGF0aE1lbnVNb2RhbFdyYXBwZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWdDaUMiLCJmaWxlIjoiTGVhcm5pbmdQYXRoTWVudU1vZGFsV3JhcHBlci50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAxOS1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBSZWFjdCwgeyBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBzcGFjaW5nLCBtcSwgYnJlYWtwb2ludHMsIGNvbG9ycyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuaW1wb3J0IHsgTW9kYWxIZWFkZXIsIE1vZGFsQm9keSwgTW9kYWxDbG9zZUJ1dHRvbiwgTW9kYWwgfSBmcm9tICdAbmRsYS9tb2RhbCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBCdXR0b25WMiB9IGZyb20gJ0BuZGxhL2J1dHRvbic7XG5pbXBvcnQgeyBMZWFybmluZ1BhdGggfSBmcm9tICdAbmRsYS9pY29ucy9jb250ZW50VHlwZSc7XG5pbXBvcnQgeyB1c2VUcmFuc2xhdGlvbiB9IGZyb20gJ3JlYWN0LWkxOG5leHQnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5jb25zdCBidXR0b25Ub2dnbGVDc3MgPSBjc3NgXG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy50YWJsZXQgfSl9IHtcbiAgICBkaXNwbGF5OiBub25lO1xuICB9XG4gIG1hcmdpbi1yaWdodDogYXV0bztcbiAgbWFyZ2luLWxlZnQ6ICR7c3BhY2luZy5ub3JtYWx9O1xuICB6LWluZGV4OiAxMDA7XG4gIHN2ZyB7XG4gICAgd2lkdGg6IDIwcHg7XG4gICAgaGVpZ2h0OiAyMHB4O1xuICAgIG1hcmdpbi1yaWdodDogJHtzcGFjaW5nLnhzbWFsbH07XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKC0ycHgpO1xuICB9XG5gO1xuXG5jb25zdCBTdHlsZWRNb2RhbCA9IHN0eWxlZChNb2RhbClgXG4gIGJhY2tncm91bmQtY29sb3I6ICR7Y29sb3JzLmJyYW5kLmdyZXlMaWdodGVzdH07XG5gO1xuXG50eXBlIE1vZGFsV3JhcHBlclByb3BzID0ge1xuICBpbm5lcldpZHRoOiBudW1iZXI7XG4gIGNoaWxkcmVuOiAoYXJnOiBWb2lkRnVuY3Rpb24pID0+IFJlYWN0Tm9kZTtcbn07XG5cbmNvbnN0IE1vZGFsV3JhcHBlckNvbXBvbmVudCA9ICh7IGlubmVyV2lkdGgsIGNoaWxkcmVuIH06IE1vZGFsV3JhcHBlclByb3BzKSA9PiB7XG4gIGNvbnN0IHsgdCB9ID0gdXNlVHJhbnNsYXRpb24oKTtcbiAgaWYgKGlubmVyV2lkdGggPCA2MDEpIHtcbiAgICByZXR1cm4gKFxuICAgICAgPFN0eWxlZE1vZGFsXG4gICAgICAgIGFuaW1hdGlvbkR1cmF0aW9uPXsyMDB9XG4gICAgICAgIHNpemU9XCJmdWxsXCJcbiAgICAgICAgYWN0aXZhdGVCdXR0b249e1xuICAgICAgICAgIDxCdXR0b25WMiBjc3M9e2J1dHRvblRvZ2dsZUNzc30+XG4gICAgICAgICAgICA8TGVhcm5pbmdQYXRoIC8+XG4gICAgICAgICAgICA8c3Bhbj57dCgnbGVhcm5pbmdQYXRoLm9wZW5NZW51VG9vbHRpcCcpfTwvc3Bhbj5cbiAgICAgICAgICA8L0J1dHRvblYyPlxuICAgICAgICB9XG4gICAgICA+XG4gICAgICAgIHsoY2xvc2VNb2RhbDogVm9pZEZ1bmN0aW9uKSA9PiAoXG4gICAgICAgICAgPD5cbiAgICAgICAgICAgIDxNb2RhbEhlYWRlcj5cbiAgICAgICAgICAgICAgPE1vZGFsQ2xvc2VCdXR0b24gdGl0bGU9e3QoJ21vZGFsLmNsb3NlTW9kYWwnKX0gb25DbGljaz17Y2xvc2VNb2RhbH0gLz5cbiAgICAgICAgICAgIDwvTW9kYWxIZWFkZXI+XG4gICAgICAgICAgICA8TW9kYWxCb2R5PntjaGlsZHJlbihjbG9zZU1vZGFsKX08L01vZGFsQm9keT5cbiAgICAgICAgICA8Lz5cbiAgICAgICAgKX1cbiAgICAgIDwvU3R5bGVkTW9kYWw+XG4gICAgKTtcbiAgfVxuICByZXR1cm4gPD57Y2hpbGRyZW4oKCkgPT4ge30pfTwvPjtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IE1vZGFsV3JhcHBlckNvbXBvbmVudDtcbiJdfQ== */"));
 var ModalWrapperComponent = function ModalWrapperComponent(_ref) {
   var innerWidth = _ref.innerWidth,
     _children = _ref.children;

package/lib/Masthead/MastheadSearchModal.d.ts

@@ -1,7 +1,7 @@
-import { ReactChild, ReactChildren, ReactNode } from 'react';
+import { ReactNode } from 'react';
 interface Props {
     onClose: VoidFunction;
-    children: (arg: () => void) => ReactChild | ReactChildren | ReactNode;
+    children: (arg: () => void) => ReactNode;
     hideOnNarrowScreen?: boolean;
     ndlaFilm?: boolean;
 }

package/lib/Masthead/MastheadSearchModal.js

@@ -26,7 +26,7 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 var StyledDrawer = /*#__PURE__*/(0, _base["default"])(_modal.Drawer, {
   target: "e11h7ky71",
   label: "StyledDrawer"
-})("background-color:", _core.colors.brand.greyLightest, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk1hc3RoZWFkU2VhcmNoTW9kYWwudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWdCbUMiLCJmaWxlIjoiTWFzdGhlYWRTZWFyY2hNb2RhbC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgUmVhY3RDaGlsZCwgUmVhY3RDaGlsZHJlbiwgUmVhY3ROb2RlLCB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IERyYXdlciB9IGZyb20gJ0BuZGxhL21vZGFsJztcbmltcG9ydCB7IEljb25CdXR0b25WMiBhcyBJY29uQnV0dG9uIH0gZnJvbSAnQG5kbGEvYnV0dG9uJztcbmltcG9ydCB7IENyb3NzIH0gZnJvbSAnQG5kbGEvaWNvbnMvYWN0aW9uJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IHNwYWNpbmcsIG1xLCBicmVha3BvaW50cywgY29sb3JzIH0gZnJvbSAnQG5kbGEvY29yZSc7XG5pbXBvcnQgeyB1c2VUcmFuc2xhdGlvbiB9IGZyb20gJ3JlYWN0LWkxOG5leHQnO1xuaW1wb3J0IFRvZ2dsZVNlYXJjaEJ1dHRvbiBmcm9tICcuLi9TZWFyY2gvVG9nZ2xlU2VhcmNoQnV0dG9uJztcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgb25DbG9zZTogVm9pZEZ1bmN0aW9uO1xuICBjaGlsZHJlbjogKGFyZzogKCkgPT4gdm9pZCkgPT4gUmVhY3RDaGlsZCB8IFJlYWN0Q2hpbGRyZW4gfCBSZWFjdE5vZGU7XG4gIGhpZGVPbk5hcnJvd1NjcmVlbj86IGJvb2xlYW47XG4gIG5kbGFGaWxtPzogYm9vbGVhbjtcbn1cblxuY29uc3QgU3R5bGVkRHJhd2VyID0gc3R5bGVkKERyYXdlcilgXG4gIGJhY2tncm91bmQtY29sb3I6ICR7Y29sb3JzLmJyYW5kLmdyZXlMaWdodGVzdH07XG5gO1xuXG5jb25zdCBTdHlsZWRIZWFkZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBnYXA6ICR7c3BhY2luZy5zbWFsbH07XG4gIGFsaWduLWl0ZW1zOiBmbGV4LXN0YXJ0O1xuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0IH0pfSB7XG4gICAgd2lkdGg6IDEwMjRweDtcbiAgICBtYXgtd2lkdGg6IGNhbGMoMTAwdncgLSAxMDBweCk7XG4gIH1cbiAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLmRlc2t0b3AgfSl9IHtcbiAgICB3aWR0aDogMTAyNHB4O1xuICAgIG1heC13aWR0aDogY2FsYygxMDB2dyAtIDE1NnB4KTtcbiAgfVxuICBwYWRkaW5nOiAwO1xuICBtYXJnaW46IDAgYXV0bztcblxuICBkaXNwbGF5OiBmbGV4O1xuICBwYWRkaW5nLXRvcDogJHtzcGFjaW5nLnNtYWxsfTtcbiAgcGFkZGluZy1ib3R0b206ICR7c3BhY2luZy5zbWFsbH07XG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy50YWJsZXQgfSl9IHtcbiAgICBwYWRkaW5nLXRvcDogJHtzcGFjaW5nLm5vcm1hbH07XG4gICAgcGFkZGluZy1ib3R0b206ICR7c3BhY2luZy5ub3JtYWx9O1xuICB9XG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy5kZXNrdG9wIH0pfSB7XG4gICAgcGFkZGluZy10b3A6IGNhbGMoJHtzcGFjaW5nLm5vcm1hbH0gKyAke3NwYWNpbmcuc21hbGx9KTtcbiAgICBwYWRkaW5nLWJvdHRvbTogY2FsYygke3NwYWNpbmcubm9ybWFsfSArICR7c3BhY2luZy5zbWFsbH0pO1xuICB9XG4gID4gaW5wdXQge1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIG1hcmdpbi1yaWdodDogLSR7c3BhY2luZy5sYXJnZX07XG4gICAgJHttcS5yYW5nZSh7IHVudGlsOiBicmVha3BvaW50cy50YWJsZXQgfSl9IHtcbiAgICAgIC5jLXNlYXJjaC1maWVsZF9fYnV0dG9uLS1jbG9zZSB7XG4gICAgICAgIHJpZ2h0OiAke3NwYWNpbmcubGFyZ2V9ICsgJHtzcGFjaW5nLm5vcm1hbH07XG4gICAgICAgIHRvcDogMTZweDtcbiAgICAgIH1cbiAgICAgIC5jLXNlYXJjaC1maWVsZF9fYnV0dG9uLS1zZWFyY2hJY29uIHtcbiAgICAgICAgcmlnaHQ6ICR7c3BhY2luZy5sYXJnZX07XG4gICAgICAgIHRvcDogJHtzcGFjaW5nLnNtYWxsfTtcbiAgICAgIH1cbiAgICB9XG4gIH1cbmA7XG5cbmNvbnN0IE1hc3RoZWFkU2VhcmNoTW9kYWwgPSAoeyBvbkNsb3NlOiBvblNlYXJjaENsb3NlLCBjaGlsZHJlbiwgaGlkZU9uTmFycm93U2NyZWVuLCBuZGxhRmlsbSB9OiBQcm9wcykgPT4ge1xuICBjb25zdCB7IHQgfSA9IHVzZVRyYW5zbGF0aW9uKCk7XG4gIGNvbnN0IFtpc09wZW4sIHNldElzT3Blbl0gPSB1c2VTdGF0ZShmYWxzZSk7XG4gIHJldHVybiAoXG4gICAgPD5cbiAgICAgIDxUb2dnbGVTZWFyY2hCdXR0b24gaGlkZU9uTmFycm93U2NyZWVuPXtoaWRlT25OYXJyb3dTY3JlZW59IG9uQ2xpY2s9eygpID0+IHNldElzT3Blbih0cnVlKX0gbmRsYUZpbG09e25kbGFGaWxtfT5cbiAgICAgICAge3QoJ21hc3RoZWFkLm1lbnUuc2VhcmNoJyl9XG4gICAgICA8L1RvZ2dsZVNlYXJjaEJ1dHRvbj5cbiAgICAgIDxTdHlsZWREcmF3ZXJcbiAgICAgICAgY29udHJvbGxlZFxuICAgICAgICBhcmlhLWxhYmVsPXt0KCdzZWFyY2hQYWdlLnNlYXJjaEZpZWxkUGxhY2Vob2xkZXInKX1cbiAgICAgICAgcG9zaXRpb249XCJ0b3BcIlxuICAgICAgICBleHBhbmRzXG4gICAgICAgIHNpemU9XCJzbWFsbFwiXG4gICAgICAgIGFuaW1hdGlvbj1cInNsaWRlSW5cIlxuICAgICAgICBhbmltYXRpb25EdXJhdGlvbj17MjAwfVxuICAgICAgICBpc09wZW49e2lzT3Blbn1cbiAgICAgICAgb25DbG9zZT17KCkgPT4ge1xuICAgICAgICAgIHNldElzT3BlbihmYWxzZSk7XG4gICAgICAgICAgb25TZWFyY2hDbG9zZSgpO1xuICAgICAgICB9fVxuICAgICAgPlxuICAgICAgICB7KGNsb3NlTW9kYWwpID0+IChcbiAgICAgICAgICA8PlxuICAgICAgICAgICAgPFN0eWxlZEhlYWRlcj5cbiAgICAgICAgICAgICAge2NoaWxkcmVuKGNsb3NlTW9kYWwpfVxuICAgICAgICAgICAgICA8SWNvbkJ1dHRvblxuICAgICAgICAgICAgICAgIGFyaWEtbGFiZWw9e3QoJ3dlbGNvbWVQYWdlLmNsb3NlU2VhcmNoJyl9XG4gICAgICAgICAgICAgICAgdmFyaWFudD1cImdob3N0XCJcbiAgICAgICAgICAgICAgICBjb2xvclRoZW1lPVwibGlnaHRcIlxuICAgICAgICAgICAgICAgIG9uQ2xpY2s9e2Nsb3NlTW9kYWx9XG4gICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICA8Q3Jvc3MgY2xhc3NOYW1lPVwiYy1pY29uLS1tZWRpdW1cIiAvPlxuICAgICAgICAgICAgICA8L0ljb25CdXR0b24+XG4gICAgICAgICAgICA8L1N0eWxlZEhlYWRlcj5cbiAgICAgICAgICA8Lz5cbiAgICAgICAgKX1cbiAgICAgIDwvU3R5bGVkRHJhd2VyPlxuICAgIDwvPlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgTWFzdGhlYWRTZWFyY2hNb2RhbDtcbiJdfQ== */"));
+})("background-color:", _core.colors.brand.greyLightest, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk1hc3RoZWFkU2VhcmNoTW9kYWwudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWdCbUMiLCJmaWxlIjoiTWFzdGhlYWRTZWFyY2hNb2RhbC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgUmVhY3ROb2RlLCB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IERyYXdlciB9IGZyb20gJ0BuZGxhL21vZGFsJztcbmltcG9ydCB7IEljb25CdXR0b25WMiBhcyBJY29uQnV0dG9uIH0gZnJvbSAnQG5kbGEvYnV0dG9uJztcbmltcG9ydCB7IENyb3NzIH0gZnJvbSAnQG5kbGEvaWNvbnMvYWN0aW9uJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IHNwYWNpbmcsIG1xLCBicmVha3BvaW50cywgY29sb3JzIH0gZnJvbSAnQG5kbGEvY29yZSc7XG5pbXBvcnQgeyB1c2VUcmFuc2xhdGlvbiB9IGZyb20gJ3JlYWN0LWkxOG5leHQnO1xuaW1wb3J0IFRvZ2dsZVNlYXJjaEJ1dHRvbiBmcm9tICcuLi9TZWFyY2gvVG9nZ2xlU2VhcmNoQnV0dG9uJztcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgb25DbG9zZTogVm9pZEZ1bmN0aW9uO1xuICBjaGlsZHJlbjogKGFyZzogKCkgPT4gdm9pZCkgPT4gUmVhY3ROb2RlO1xuICBoaWRlT25OYXJyb3dTY3JlZW4/OiBib29sZWFuO1xuICBuZGxhRmlsbT86IGJvb2xlYW47XG59XG5cbmNvbnN0IFN0eWxlZERyYXdlciA9IHN0eWxlZChEcmF3ZXIpYFxuICBiYWNrZ3JvdW5kLWNvbG9yOiAke2NvbG9ycy5icmFuZC5ncmV5TGlnaHRlc3R9O1xuYDtcblxuY29uc3QgU3R5bGVkSGVhZGVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgZ2FwOiAke3NwYWNpbmcuc21hbGx9O1xuICBhbGlnbi1pdGVtczogZmxleC1zdGFydDtcbiAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLnRhYmxldCB9KX0ge1xuICAgIHdpZHRoOiAxMDI0cHg7XG4gICAgbWF4LXdpZHRoOiBjYWxjKDEwMHZ3IC0gMTAwcHgpO1xuICB9XG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy5kZXNrdG9wIH0pfSB7XG4gICAgd2lkdGg6IDEwMjRweDtcbiAgICBtYXgtd2lkdGg6IGNhbGMoMTAwdncgLSAxNTZweCk7XG4gIH1cbiAgcGFkZGluZzogMDtcbiAgbWFyZ2luOiAwIGF1dG87XG5cbiAgZGlzcGxheTogZmxleDtcbiAgcGFkZGluZy10b3A6ICR7c3BhY2luZy5zbWFsbH07XG4gIHBhZGRpbmctYm90dG9tOiAke3NwYWNpbmcuc21hbGx9O1xuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0IH0pfSB7XG4gICAgcGFkZGluZy10b3A6ICR7c3BhY2luZy5ub3JtYWx9O1xuICAgIHBhZGRpbmctYm90dG9tOiAke3NwYWNpbmcubm9ybWFsfTtcbiAgfVxuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMuZGVza3RvcCB9KX0ge1xuICAgIHBhZGRpbmctdG9wOiBjYWxjKCR7c3BhY2luZy5ub3JtYWx9ICsgJHtzcGFjaW5nLnNtYWxsfSk7XG4gICAgcGFkZGluZy1ib3R0b206IGNhbGMoJHtzcGFjaW5nLm5vcm1hbH0gKyAke3NwYWNpbmcuc21hbGx9KTtcbiAgfVxuICA+IGlucHV0IHtcbiAgICB3aWR0aDogMTAwJTtcbiAgICBtYXJnaW4tcmlnaHQ6IC0ke3NwYWNpbmcubGFyZ2V9O1xuICAgICR7bXEucmFuZ2UoeyB1bnRpbDogYnJlYWtwb2ludHMudGFibGV0IH0pfSB7XG4gICAgICAuYy1zZWFyY2gtZmllbGRfX2J1dHRvbi0tY2xvc2Uge1xuICAgICAgICByaWdodDogJHtzcGFjaW5nLmxhcmdlfSArICR7c3BhY2luZy5ub3JtYWx9O1xuICAgICAgICB0b3A6IDE2cHg7XG4gICAgICB9XG4gICAgICAuYy1zZWFyY2gtZmllbGRfX2J1dHRvbi0tc2VhcmNoSWNvbiB7XG4gICAgICAgIHJpZ2h0OiAke3NwYWNpbmcubGFyZ2V9O1xuICAgICAgICB0b3A6ICR7c3BhY2luZy5zbWFsbH07XG4gICAgICB9XG4gICAgfVxuICB9XG5gO1xuXG5jb25zdCBNYXN0aGVhZFNlYXJjaE1vZGFsID0gKHsgb25DbG9zZTogb25TZWFyY2hDbG9zZSwgY2hpbGRyZW4sIGhpZGVPbk5hcnJvd1NjcmVlbiwgbmRsYUZpbG0gfTogUHJvcHMpID0+IHtcbiAgY29uc3QgeyB0IH0gPSB1c2VUcmFuc2xhdGlvbigpO1xuICBjb25zdCBbaXNPcGVuLCBzZXRJc09wZW5dID0gdXNlU3RhdGUoZmFsc2UpO1xuICByZXR1cm4gKFxuICAgIDw+XG4gICAgICA8VG9nZ2xlU2VhcmNoQnV0dG9uIGhpZGVPbk5hcnJvd1NjcmVlbj17aGlkZU9uTmFycm93U2NyZWVufSBvbkNsaWNrPXsoKSA9PiBzZXRJc09wZW4odHJ1ZSl9IG5kbGFGaWxtPXtuZGxhRmlsbX0+XG4gICAgICAgIHt0KCdtYXN0aGVhZC5tZW51LnNlYXJjaCcpfVxuICAgICAgPC9Ub2dnbGVTZWFyY2hCdXR0b24+XG4gICAgICA8U3R5bGVkRHJhd2VyXG4gICAgICAgIGNvbnRyb2xsZWRcbiAgICAgICAgYXJpYS1sYWJlbD17dCgnc2VhcmNoUGFnZS5zZWFyY2hGaWVsZFBsYWNlaG9sZGVyJyl9XG4gICAgICAgIHBvc2l0aW9uPVwidG9wXCJcbiAgICAgICAgZXhwYW5kc1xuICAgICAgICBzaXplPVwic21hbGxcIlxuICAgICAgICBhbmltYXRpb249XCJzbGlkZUluXCJcbiAgICAgICAgYW5pbWF0aW9uRHVyYXRpb249ezIwMH1cbiAgICAgICAgaXNPcGVuPXtpc09wZW59XG4gICAgICAgIG9uQ2xvc2U9eygpID0+IHtcbiAgICAgICAgICBzZXRJc09wZW4oZmFsc2UpO1xuICAgICAgICAgIG9uU2VhcmNoQ2xvc2UoKTtcbiAgICAgICAgfX1cbiAgICAgID5cbiAgICAgICAgeyhjbG9zZU1vZGFsKSA9PiAoXG4gICAgICAgICAgPD5cbiAgICAgICAgICAgIDxTdHlsZWRIZWFkZXI+XG4gICAgICAgICAgICAgIHtjaGlsZHJlbihjbG9zZU1vZGFsKX1cbiAgICAgICAgICAgICAgPEljb25CdXR0b25cbiAgICAgICAgICAgICAgICBhcmlhLWxhYmVsPXt0KCd3ZWxjb21lUGFnZS5jbG9zZVNlYXJjaCcpfVxuICAgICAgICAgICAgICAgIHZhcmlhbnQ9XCJnaG9zdFwiXG4gICAgICAgICAgICAgICAgY29sb3JUaGVtZT1cImxpZ2h0XCJcbiAgICAgICAgICAgICAgICBvbkNsaWNrPXtjbG9zZU1vZGFsfVxuICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgPENyb3NzIGNsYXNzTmFtZT1cImMtaWNvbi0tbWVkaXVtXCIgLz5cbiAgICAgICAgICAgICAgPC9JY29uQnV0dG9uPlxuICAgICAgICAgICAgPC9TdHlsZWRIZWFkZXI+XG4gICAgICAgICAgPC8+XG4gICAgICAgICl9XG4gICAgICA8L1N0eWxlZERyYXdlcj5cbiAgICA8Lz5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IE1hc3RoZWFkU2VhcmNoTW9kYWw7XG4iXX0= */"));
 var StyledHeader = /*#__PURE__*/(0, _base["default"])("div", {
   target: "e11h7ky70",
   label: "StyledHeader"
@@ -40,7 +40,7 @@ var StyledHeader = /*#__PURE__*/(0, _base["default"])("div", {
   from: _core.breakpoints.desktop
 }), "{padding-top:calc(", _core.spacing.normal, " + ", _core.spacing.small, ");padding-bottom:calc(", _core.spacing.normal, " + ", _core.spacing.small, ");}>input{width:100%;margin-right:-", _core.spacing.large, ";", _core.mq.range({
   until: _core.breakpoints.tablet
-}), "{.c-search-field__button--close{right:", _core.spacing.large, "+", _core.spacing.normal, ";top:16px;}.c-search-field__button--searchIcon{right:", _core.spacing.large, ";top:", _core.spacing.small, ";}}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk1hc3RoZWFkU2VhcmNoTW9kYWwudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW9CK0IiLCJmaWxlIjoiTWFzdGhlYWRTZWFyY2hNb2RhbC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgUmVhY3RDaGlsZCwgUmVhY3RDaGlsZHJlbiwgUmVhY3ROb2RlLCB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IERyYXdlciB9IGZyb20gJ0BuZGxhL21vZGFsJztcbmltcG9ydCB7IEljb25CdXR0b25WMiBhcyBJY29uQnV0dG9uIH0gZnJvbSAnQG5kbGEvYnV0dG9uJztcbmltcG9ydCB7IENyb3NzIH0gZnJvbSAnQG5kbGEvaWNvbnMvYWN0aW9uJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IHNwYWNpbmcsIG1xLCBicmVha3BvaW50cywgY29sb3JzIH0gZnJvbSAnQG5kbGEvY29yZSc7XG5pbXBvcnQgeyB1c2VUcmFuc2xhdGlvbiB9IGZyb20gJ3JlYWN0LWkxOG5leHQnO1xuaW1wb3J0IFRvZ2dsZVNlYXJjaEJ1dHRvbiBmcm9tICcuLi9TZWFyY2gvVG9nZ2xlU2VhcmNoQnV0dG9uJztcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgb25DbG9zZTogVm9pZEZ1bmN0aW9uO1xuICBjaGlsZHJlbjogKGFyZzogKCkgPT4gdm9pZCkgPT4gUmVhY3RDaGlsZCB8IFJlYWN0Q2hpbGRyZW4gfCBSZWFjdE5vZGU7XG4gIGhpZGVPbk5hcnJvd1NjcmVlbj86IGJvb2xlYW47XG4gIG5kbGFGaWxtPzogYm9vbGVhbjtcbn1cblxuY29uc3QgU3R5bGVkRHJhd2VyID0gc3R5bGVkKERyYXdlcilgXG4gIGJhY2tncm91bmQtY29sb3I6ICR7Y29sb3JzLmJyYW5kLmdyZXlMaWdodGVzdH07XG5gO1xuXG5jb25zdCBTdHlsZWRIZWFkZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBnYXA6ICR7c3BhY2luZy5zbWFsbH07XG4gIGFsaWduLWl0ZW1zOiBmbGV4LXN0YXJ0O1xuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0IH0pfSB7XG4gICAgd2lkdGg6IDEwMjRweDtcbiAgICBtYXgtd2lkdGg6IGNhbGMoMTAwdncgLSAxMDBweCk7XG4gIH1cbiAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLmRlc2t0b3AgfSl9IHtcbiAgICB3aWR0aDogMTAyNHB4O1xuICAgIG1heC13aWR0aDogY2FsYygxMDB2dyAtIDE1NnB4KTtcbiAgfVxuICBwYWRkaW5nOiAwO1xuICBtYXJnaW46IDAgYXV0bztcblxuICBkaXNwbGF5OiBmbGV4O1xuICBwYWRkaW5nLXRvcDogJHtzcGFjaW5nLnNtYWxsfTtcbiAgcGFkZGluZy1ib3R0b206ICR7c3BhY2luZy5zbWFsbH07XG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy50YWJsZXQgfSl9IHtcbiAgICBwYWRkaW5nLXRvcDogJHtzcGFjaW5nLm5vcm1hbH07XG4gICAgcGFkZGluZy1ib3R0b206ICR7c3BhY2luZy5ub3JtYWx9O1xuICB9XG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy5kZXNrdG9wIH0pfSB7XG4gICAgcGFkZGluZy10b3A6IGNhbGMoJHtzcGFjaW5nLm5vcm1hbH0gKyAke3NwYWNpbmcuc21hbGx9KTtcbiAgICBwYWRkaW5nLWJvdHRvbTogY2FsYygke3NwYWNpbmcubm9ybWFsfSArICR7c3BhY2luZy5zbWFsbH0pO1xuICB9XG4gID4gaW5wdXQge1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIG1hcmdpbi1yaWdodDogLSR7c3BhY2luZy5sYXJnZX07XG4gICAgJHttcS5yYW5nZSh7IHVudGlsOiBicmVha3BvaW50cy50YWJsZXQgfSl9IHtcbiAgICAgIC5jLXNlYXJjaC1maWVsZF9fYnV0dG9uLS1jbG9zZSB7XG4gICAgICAgIHJpZ2h0OiAke3NwYWNpbmcubGFyZ2V9ICsgJHtzcGFjaW5nLm5vcm1hbH07XG4gICAgICAgIHRvcDogMTZweDtcbiAgICAgIH1cbiAgICAgIC5jLXNlYXJjaC1maWVsZF9fYnV0dG9uLS1zZWFyY2hJY29uIHtcbiAgICAgICAgcmlnaHQ6ICR7c3BhY2luZy5sYXJnZX07XG4gICAgICAgIHRvcDogJHtzcGFjaW5nLnNtYWxsfTtcbiAgICAgIH1cbiAgICB9XG4gIH1cbmA7XG5cbmNvbnN0IE1hc3RoZWFkU2VhcmNoTW9kYWwgPSAoeyBvbkNsb3NlOiBvblNlYXJjaENsb3NlLCBjaGlsZHJlbiwgaGlkZU9uTmFycm93U2NyZWVuLCBuZGxhRmlsbSB9OiBQcm9wcykgPT4ge1xuICBjb25zdCB7IHQgfSA9IHVzZVRyYW5zbGF0aW9uKCk7XG4gIGNvbnN0IFtpc09wZW4sIHNldElzT3Blbl0gPSB1c2VTdGF0ZShmYWxzZSk7XG4gIHJldHVybiAoXG4gICAgPD5cbiAgICAgIDxUb2dnbGVTZWFyY2hCdXR0b24gaGlkZU9uTmFycm93U2NyZWVuPXtoaWRlT25OYXJyb3dTY3JlZW59IG9uQ2xpY2s9eygpID0+IHNldElzT3Blbih0cnVlKX0gbmRsYUZpbG09e25kbGFGaWxtfT5cbiAgICAgICAge3QoJ21hc3RoZWFkLm1lbnUuc2VhcmNoJyl9XG4gICAgICA8L1RvZ2dsZVNlYXJjaEJ1dHRvbj5cbiAgICAgIDxTdHlsZWREcmF3ZXJcbiAgICAgICAgY29udHJvbGxlZFxuICAgICAgICBhcmlhLWxhYmVsPXt0KCdzZWFyY2hQYWdlLnNlYXJjaEZpZWxkUGxhY2Vob2xkZXInKX1cbiAgICAgICAgcG9zaXRpb249XCJ0b3BcIlxuICAgICAgICBleHBhbmRzXG4gICAgICAgIHNpemU9XCJzbWFsbFwiXG4gICAgICAgIGFuaW1hdGlvbj1cInNsaWRlSW5cIlxuICAgICAgICBhbmltYXRpb25EdXJhdGlvbj17MjAwfVxuICAgICAgICBpc09wZW49e2lzT3Blbn1cbiAgICAgICAgb25DbG9zZT17KCkgPT4ge1xuICAgICAgICAgIHNldElzT3BlbihmYWxzZSk7XG4gICAgICAgICAgb25TZWFyY2hDbG9zZSgpO1xuICAgICAgICB9fVxuICAgICAgPlxuICAgICAgICB7KGNsb3NlTW9kYWwpID0+IChcbiAgICAgICAgICA8PlxuICAgICAgICAgICAgPFN0eWxlZEhlYWRlcj5cbiAgICAgICAgICAgICAge2NoaWxkcmVuKGNsb3NlTW9kYWwpfVxuICAgICAgICAgICAgICA8SWNvbkJ1dHRvblxuICAgICAgICAgICAgICAgIGFyaWEtbGFiZWw9e3QoJ3dlbGNvbWVQYWdlLmNsb3NlU2VhcmNoJyl9XG4gICAgICAgICAgICAgICAgdmFyaWFudD1cImdob3N0XCJcbiAgICAgICAgICAgICAgICBjb2xvclRoZW1lPVwibGlnaHRcIlxuICAgICAgICAgICAgICAgIG9uQ2xpY2s9e2Nsb3NlTW9kYWx9XG4gICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICA8Q3Jvc3MgY2xhc3NOYW1lPVwiYy1pY29uLS1tZWRpdW1cIiAvPlxuICAgICAgICAgICAgICA8L0ljb25CdXR0b24+XG4gICAgICAgICAgICA8L1N0eWxlZEhlYWRlcj5cbiAgICAgICAgICA8Lz5cbiAgICAgICAgKX1cbiAgICAgIDwvU3R5bGVkRHJhd2VyPlxuICAgIDwvPlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgTWFzdGhlYWRTZWFyY2hNb2RhbDtcbiJdfQ== */"));
+}), "{.c-search-field__button--close{right:", _core.spacing.large, "+", _core.spacing.normal, ";top:16px;}.c-search-field__button--searchIcon{right:", _core.spacing.large, ";top:", _core.spacing.small, ";}}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk1hc3RoZWFkU2VhcmNoTW9kYWwudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW9CK0IiLCJmaWxlIjoiTWFzdGhlYWRTZWFyY2hNb2RhbC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgUmVhY3ROb2RlLCB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IERyYXdlciB9IGZyb20gJ0BuZGxhL21vZGFsJztcbmltcG9ydCB7IEljb25CdXR0b25WMiBhcyBJY29uQnV0dG9uIH0gZnJvbSAnQG5kbGEvYnV0dG9uJztcbmltcG9ydCB7IENyb3NzIH0gZnJvbSAnQG5kbGEvaWNvbnMvYWN0aW9uJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IHNwYWNpbmcsIG1xLCBicmVha3BvaW50cywgY29sb3JzIH0gZnJvbSAnQG5kbGEvY29yZSc7XG5pbXBvcnQgeyB1c2VUcmFuc2xhdGlvbiB9IGZyb20gJ3JlYWN0LWkxOG5leHQnO1xuaW1wb3J0IFRvZ2dsZVNlYXJjaEJ1dHRvbiBmcm9tICcuLi9TZWFyY2gvVG9nZ2xlU2VhcmNoQnV0dG9uJztcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgb25DbG9zZTogVm9pZEZ1bmN0aW9uO1xuICBjaGlsZHJlbjogKGFyZzogKCkgPT4gdm9pZCkgPT4gUmVhY3ROb2RlO1xuICBoaWRlT25OYXJyb3dTY3JlZW4/OiBib29sZWFuO1xuICBuZGxhRmlsbT86IGJvb2xlYW47XG59XG5cbmNvbnN0IFN0eWxlZERyYXdlciA9IHN0eWxlZChEcmF3ZXIpYFxuICBiYWNrZ3JvdW5kLWNvbG9yOiAke2NvbG9ycy5icmFuZC5ncmV5TGlnaHRlc3R9O1xuYDtcblxuY29uc3QgU3R5bGVkSGVhZGVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgZ2FwOiAke3NwYWNpbmcuc21hbGx9O1xuICBhbGlnbi1pdGVtczogZmxleC1zdGFydDtcbiAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLnRhYmxldCB9KX0ge1xuICAgIHdpZHRoOiAxMDI0cHg7XG4gICAgbWF4LXdpZHRoOiBjYWxjKDEwMHZ3IC0gMTAwcHgpO1xuICB9XG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy5kZXNrdG9wIH0pfSB7XG4gICAgd2lkdGg6IDEwMjRweDtcbiAgICBtYXgtd2lkdGg6IGNhbGMoMTAwdncgLSAxNTZweCk7XG4gIH1cbiAgcGFkZGluZzogMDtcbiAgbWFyZ2luOiAwIGF1dG87XG5cbiAgZGlzcGxheTogZmxleDtcbiAgcGFkZGluZy10b3A6ICR7c3BhY2luZy5zbWFsbH07XG4gIHBhZGRpbmctYm90dG9tOiAke3NwYWNpbmcuc21hbGx9O1xuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0IH0pfSB7XG4gICAgcGFkZGluZy10b3A6ICR7c3BhY2luZy5ub3JtYWx9O1xuICAgIHBhZGRpbmctYm90dG9tOiAke3NwYWNpbmcubm9ybWFsfTtcbiAgfVxuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMuZGVza3RvcCB9KX0ge1xuICAgIHBhZGRpbmctdG9wOiBjYWxjKCR7c3BhY2luZy5ub3JtYWx9ICsgJHtzcGFjaW5nLnNtYWxsfSk7XG4gICAgcGFkZGluZy1ib3R0b206IGNhbGMoJHtzcGFjaW5nLm5vcm1hbH0gKyAke3NwYWNpbmcuc21hbGx9KTtcbiAgfVxuICA+IGlucHV0IHtcbiAgICB3aWR0aDogMTAwJTtcbiAgICBtYXJnaW4tcmlnaHQ6IC0ke3NwYWNpbmcubGFyZ2V9O1xuICAgICR7bXEucmFuZ2UoeyB1bnRpbDogYnJlYWtwb2ludHMudGFibGV0IH0pfSB7XG4gICAgICAuYy1zZWFyY2gtZmllbGRfX2J1dHRvbi0tY2xvc2Uge1xuICAgICAgICByaWdodDogJHtzcGFjaW5nLmxhcmdlfSArICR7c3BhY2luZy5ub3JtYWx9O1xuICAgICAgICB0b3A6IDE2cHg7XG4gICAgICB9XG4gICAgICAuYy1zZWFyY2gtZmllbGRfX2J1dHRvbi0tc2VhcmNoSWNvbiB7XG4gICAgICAgIHJpZ2h0OiAke3NwYWNpbmcubGFyZ2V9O1xuICAgICAgICB0b3A6ICR7c3BhY2luZy5zbWFsbH07XG4gICAgICB9XG4gICAgfVxuICB9XG5gO1xuXG5jb25zdCBNYXN0aGVhZFNlYXJjaE1vZGFsID0gKHsgb25DbG9zZTogb25TZWFyY2hDbG9zZSwgY2hpbGRyZW4sIGhpZGVPbk5hcnJvd1NjcmVlbiwgbmRsYUZpbG0gfTogUHJvcHMpID0+IHtcbiAgY29uc3QgeyB0IH0gPSB1c2VUcmFuc2xhdGlvbigpO1xuICBjb25zdCBbaXNPcGVuLCBzZXRJc09wZW5dID0gdXNlU3RhdGUoZmFsc2UpO1xuICByZXR1cm4gKFxuICAgIDw+XG4gICAgICA8VG9nZ2xlU2VhcmNoQnV0dG9uIGhpZGVPbk5hcnJvd1NjcmVlbj17aGlkZU9uTmFycm93U2NyZWVufSBvbkNsaWNrPXsoKSA9PiBzZXRJc09wZW4odHJ1ZSl9IG5kbGFGaWxtPXtuZGxhRmlsbX0+XG4gICAgICAgIHt0KCdtYXN0aGVhZC5tZW51LnNlYXJjaCcpfVxuICAgICAgPC9Ub2dnbGVTZWFyY2hCdXR0b24+XG4gICAgICA8U3R5bGVkRHJhd2VyXG4gICAgICAgIGNvbnRyb2xsZWRcbiAgICAgICAgYXJpYS1sYWJlbD17dCgnc2VhcmNoUGFnZS5zZWFyY2hGaWVsZFBsYWNlaG9sZGVyJyl9XG4gICAgICAgIHBvc2l0aW9uPVwidG9wXCJcbiAgICAgICAgZXhwYW5kc1xuICAgICAgICBzaXplPVwic21hbGxcIlxuICAgICAgICBhbmltYXRpb249XCJzbGlkZUluXCJcbiAgICAgICAgYW5pbWF0aW9uRHVyYXRpb249ezIwMH1cbiAgICAgICAgaXNPcGVuPXtpc09wZW59XG4gICAgICAgIG9uQ2xvc2U9eygpID0+IHtcbiAgICAgICAgICBzZXRJc09wZW4oZmFsc2UpO1xuICAgICAgICAgIG9uU2VhcmNoQ2xvc2UoKTtcbiAgICAgICAgfX1cbiAgICAgID5cbiAgICAgICAgeyhjbG9zZU1vZGFsKSA9PiAoXG4gICAgICAgICAgPD5cbiAgICAgICAgICAgIDxTdHlsZWRIZWFkZXI+XG4gICAgICAgICAgICAgIHtjaGlsZHJlbihjbG9zZU1vZGFsKX1cbiAgICAgICAgICAgICAgPEljb25CdXR0b25cbiAgICAgICAgICAgICAgICBhcmlhLWxhYmVsPXt0KCd3ZWxjb21lUGFnZS5jbG9zZVNlYXJjaCcpfVxuICAgICAgICAgICAgICAgIHZhcmlhbnQ9XCJnaG9zdFwiXG4gICAgICAgICAgICAgICAgY29sb3JUaGVtZT1cImxpZ2h0XCJcbiAgICAgICAgICAgICAgICBvbkNsaWNrPXtjbG9zZU1vZGFsfVxuICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgPENyb3NzIGNsYXNzTmFtZT1cImMtaWNvbi0tbWVkaXVtXCIgLz5cbiAgICAgICAgICAgICAgPC9JY29uQnV0dG9uPlxuICAgICAgICAgICAgPC9TdHlsZWRIZWFkZXI+XG4gICAgICAgICAgPC8+XG4gICAgICAgICl9XG4gICAgICA8L1N0eWxlZERyYXdlcj5cbiAgICA8Lz5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IE1hc3RoZWFkU2VhcmNoTW9kYWw7XG4iXX0= */"));
 var MastheadSearchModal = function MastheadSearchModal(_ref) {
   var onSearchClose = _ref.onClose,
     _children = _ref.children,

package/lib/index.d.ts

@@ -8,7 +8,6 @@
 export { default as SectionHeading } from './SectionHeading';
 export { ConceptNotionV2, ImageEmbed, AudioEmbed, H5pEmbed, ExternalEmbed, IframeEmbed, FootnoteEmbed, BrightcoveEmbed, ContentLinkEmbed, RelatedContentEmbed, ConceptEmbed, ConceptListEmbed, UnknownEmbed, } from './Embed';
 export { ArticleByline, ArticleContent, ArticleFootNotes, ArticleIntroduction, ArticleTitle, ArticleWrapper, ArticleHeaderWrapper, ArticleSideBar, default as Article, } from './Article';
-export { CompetenceGoalsDialog } from './CompetenceGoals';
 export { default as Table } from './Table';
 export { default as ResourcesWrapper, ResourcesTopicTitle } from './ResourcesWrapper';
 export { createUniversalPortal } from './utils/createUniversalPortal';

package/lib/index.js

@@ -184,12 +184,6 @@ Object.defineProperty(exports, "CompetenceGoalTab", {
     return _CompetenceGoalTab["default"];
   }
 });
-Object.defineProperty(exports, "CompetenceGoalsDialog", {
-  enumerable: true,
-  get: function get() {
-    return _CompetenceGoals.CompetenceGoalsDialog;
-  }
-});
 Object.defineProperty(exports, "ConceptEmbed", {
   enumerable: true,
   get: function get() {
@@ -1297,7 +1291,6 @@ Object.defineProperty(exports, "useSnack", {
 var _SectionHeading = _interopRequireDefault(require("./SectionHeading"));
 var _Embed = require("./Embed");
 var _Article = _interopRequireWildcard(require("./Article"));
-var _CompetenceGoals = require("./CompetenceGoals");
 var _Table = _interopRequireDefault(require("./Table"));
 var _ResourcesWrapper = _interopRequireWildcard(require("./ResourcesWrapper"));
 var _createUniversalPortal = require("./utils/createUniversalPortal");

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ndla/ui",
-  "version": "40.0.0",
+  "version": "41.0.0",
   "description": "UI component library for NDLA.",
   "license": "GPL-3.0",
   "main": "lib/index.js",
@@ -40,8 +40,8 @@
     "@ndla/hooks": "^2.0.7",
     "@ndla/icons": "^3.0.2",
     "@ndla/licenses": "^7.0.4",
-    "@ndla/modal": "^3.0.3",
-    "@ndla/notion": "^5.0.3",
+    "@ndla/modal": "^3.0.4",
+    "@ndla/notion": "^5.0.4",
     "@ndla/safelink": "^4.1.6",
     "@ndla/switch": "^1.1.4",
     "@ndla/tabs": "^3.0.0",
@@ -85,5 +85,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "9d01ddb3d2eee554008a3e58eda434dfc968cb52"
+  "gitHead": "982a8c9b737182c8c1b4f1105ed128be637d47cb"
 }

package/src/Article/Article.tsx

@@ -6,7 +6,7 @@
  *
  */
 
-import React, { ComponentType, ReactNode, useEffect, useRef, useState, forwardRef } from 'react';
+import React, { ReactNode, useEffect, useRef, useState, forwardRef } from 'react';
 import BEMHelper from 'react-bem-helper';
 import parse from 'html-react-parser';
 import styled from '@emotion/styled';
@@ -120,17 +120,13 @@ type Props = {
   article: ArticleType;
   icon?: ReactNode;
   licenseBox?: ReactNode;
-  competenceGoalsLoading?: boolean;
   modifier?: string;
   children?: ReactNode;
   messages: Messages;
   contentTransformed?: boolean;
   locale: Locale;
   messageBoxLinks?: [];
-  competenceGoals?: (inp: {
-    Dialog: ComponentType;
-    dialogProps: { isOpen: boolean; onClose: () => void };
-  }) => ReactNode;
+  competenceGoals?: ReactNode;
   id: string;
   renderMarkdown: (text: string) => string;
   notions?: { list: ConceptNotionType[]; related: NotionRelatedContent[] };
@@ -160,7 +156,6 @@ export const Article = ({
   messageBoxLinks,
   children,
   competenceGoals,
-  competenceGoalsLoading,
   id,
   locale,
   notions,
@@ -217,7 +212,7 @@ export const Article = ({
               <MessageBox links={messageBoxLinks}>{messages.messageBox}</MessageBox>
             </MSGboxWrapper>
           )}
-          <ArticleHeaderWrapper competenceGoals={competenceGoals} competenceGoalsLoading={competenceGoalsLoading}>
+          <ArticleHeaderWrapper competenceGoals={competenceGoals}>
             {heartButton ? <ArticleFavoritesButtonWrapper>{heartButton}</ArticleFavoritesButtonWrapper> : null}
 
             <ArticleTitle icon={icon} label={messages.label}>

package/src/Article/ArticleHeaderWrapper.tsx

@@ -6,38 +6,21 @@
  *
  */
 
-import React, { ComponentType, ReactNode, useEffect, useState } from 'react';
+import React, { ReactNode, useEffect } from 'react';
 import BEMHelper from 'react-bem-helper';
-import { useTranslation } from 'react-i18next';
-import { ButtonV2 } from '@ndla/button';
 import { isMobile } from 'react-device-detect';
 
-import styled from '@emotion/styled';
-import { FooterHeaderIcon } from '@ndla/icons/common';
-import CompetenceGoalsDialog from '../CompetenceGoals/CompetenceGoalsDialog';
-
 const classes = new BEMHelper({
   name: 'article',
   prefix: 'c-',
 });
 
-const CompetenceBadgeText = styled.span`
-  padding: 0 5px;
-`;
-
 type Props = {
-  competenceGoals?: (inp: {
-    Dialog: ComponentType;
-    dialogProps: { isOpen: boolean; onClose: () => void; controlled: true };
-  }) => ReactNode;
-  competenceGoalsLoading?: boolean;
+  competenceGoals?: ReactNode;
   children: ReactNode;
 };
 
-const ArticleHeaderWrapper = ({ children, competenceGoals, competenceGoalsLoading }: Props) => {
-  const [isOpen, setIsOpen] = useState(false);
-  const { t } = useTranslation();
-
+const ArticleHeaderWrapper = ({ children, competenceGoals }: Props) => {
   useEffect(() => {
     if (isMobile) {
       const heroContentList: NodeListOf<HTMLElement> = document.querySelectorAll('.c-article__header');
@@ -48,41 +31,10 @@ const ArticleHeaderWrapper = ({ children, competenceGoals, competenceGoalsLoadin
     }
   }, []);
 
-  const openDialog = () => {
-    setIsOpen(true);
-  };
-
-  const closeDialog = () => {
-    setIsOpen(false);
-  };
-
-  if (!competenceGoals) {
-    return <div {...classes('header')}>{children}</div>;
-  }
-
-  const dialog = competenceGoals({
-    Dialog: CompetenceGoalsDialog,
-    dialogProps: {
-      isOpen: isOpen,
-      onClose: closeDialog,
-      controlled: true,
-    },
-  });
   return (
     <div {...classes('header')}>
       {children}
-      <ButtonV2
-        aria-busy={competenceGoalsLoading}
-        size="xsmall"
-        colorTheme="light"
-        shape="pill"
-        onClick={openDialog}
-        disabled={competenceGoalsLoading}
-      >
-        <FooterHeaderIcon />
-        <CompetenceBadgeText>{t('competenceGoals.showCompetenceGoals')}</CompetenceBadgeText>
-      </ButtonV2>
-      {dialog}
+      {competenceGoals}
     </div>
   );
 };

package/src/LearningPaths/LearningPathMenuModalWrapper.tsx

@@ -6,7 +6,7 @@
  *
  */
 
-import React, { ReactChild, ReactChildren, ReactNode } from 'react';
+import React, { ReactNode } from 'react';
 import { spacing, mq, breakpoints, colors } from '@ndla/core';
 import { ModalHeader, ModalBody, ModalCloseButton, Modal } from '@ndla/modal';
 import { css } from '@emotion/react';
@@ -36,7 +36,7 @@ const StyledModal = styled(Modal)`
 
 type ModalWrapperProps = {
   innerWidth: number;
-  children: (arg: VoidFunction) => ReactChild | ReactChildren | ReactNode;
+  children: (arg: VoidFunction) => ReactNode;
 };
 
 const ModalWrapperComponent = ({ innerWidth, children }: ModalWrapperProps) => {

package/src/Masthead/MastheadSearchModal.tsx

@@ -1,4 +1,4 @@
-import React, { ReactChild, ReactChildren, ReactNode, useState } from 'react';
+import React, { ReactNode, useState } from 'react';
 import { Drawer } from '@ndla/modal';
 import { IconButtonV2 as IconButton } from '@ndla/button';
 import { Cross } from '@ndla/icons/action';
@@ -9,7 +9,7 @@ import ToggleSearchButton from '../Search/ToggleSearchButton';
 
 interface Props {
   onClose: VoidFunction;
-  children: (arg: () => void) => ReactChild | ReactChildren | ReactNode;
+  children: (arg: () => void) => ReactNode;
   hideOnNarrowScreen?: boolean;
   ndlaFilm?: boolean;
 }

package/src/index.ts

@@ -38,8 +38,6 @@ export {
   default as Article,
 } from './Article';
 
-export { CompetenceGoalsDialog } from './CompetenceGoals';
-
 export { default as Table } from './Table';
 
 export { default as ResourcesWrapper, ResourcesTopicTitle } from './ResourcesWrapper';

package/es/CompetenceGoals/CompetenceGoalsDialog.js

@@ -1,79 +0,0 @@
-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 = ["children", "subjectName"];
-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) 2018-present, NDLA.
- *
- * This source code is licensed under the GPLv3 license found in the
- * LICENSE file in the root directory of this source tree.
- *
- */
-
-import React from 'react';
-import { useTranslation } from 'react-i18next';
-import { breakpoints, mq } from '@ndla/core';
-import { ModalHeader, ModalBody, ModalCloseButton, Modal, ModalTitle } from '@ndla/modal';
-import { FooterHeaderIcon } from '@ndla/icons/common';
-import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-import { jsxs as _jsxs } from "@emotion/react/jsx-runtime";
-import { Fragment as _Fragment } from "@emotion/react/jsx-runtime";
-var HeaderWrapper = /*#__PURE__*/_styled("div", {
-  target: "e1gm3dqo1",
-  label: "HeaderWrapper"
-})(process.env.NODE_ENV === "production" ? {
-  name: "1nqlp1d",
-  styles: "padding:14px 20px 14px 0;display:flex;align-items:center;justify-content:space-between;width:100%"
-} : {
-  name: "1nqlp1d",
-  styles: "padding:14px 20px 14px 0;display:flex;align-items:center;justify-content:space-between;width:100%",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNvbXBldGVuY2VHb2Fsc0RpYWxvZy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZWdDIiwiZmlsZSI6IkNvbXBldGVuY2VHb2Fsc0RpYWxvZy50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKlxuICogQ29weXJpZ2h0IChjKSAyMDE4LXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuaW1wb3J0IFJlYWN0LCB7IFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IHVzZVRyYW5zbGF0aW9uIH0gZnJvbSAncmVhY3QtaTE4bmV4dCc7XG5pbXBvcnQgeyBicmVha3BvaW50cywgbXEgfSBmcm9tICdAbmRsYS9jb3JlJztcbmltcG9ydCB7IE1vZGFsSGVhZGVyLCBNb2RhbEJvZHksIE1vZGFsQ2xvc2VCdXR0b24sIE1vZGFsLCBNb2RhbFRpdGxlLCBNb2RhbFByb3BzIH0gZnJvbSAnQG5kbGEvbW9kYWwnO1xuaW1wb3J0IHsgRm9vdGVySGVhZGVySWNvbiB9IGZyb20gJ0BuZGxhL2ljb25zL2NvbW1vbic7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmNvbnN0IEhlYWRlcldyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBwYWRkaW5nOiAxNHB4IDIwcHggMTRweCAwO1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gIHdpZHRoOiAxMDAlO1xuYDtcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgY2hpbGRyZW4/OiBSZWFjdE5vZGU7XG4gIHN1YmplY3ROYW1lPzogc3RyaW5nO1xufVxuXG5jb25zdCBDb21wZXRlbmNlR29hbHNXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgaGVpZ2h0OiAxMDAlO1xuICBtYXgtd2lkdGg6IDk2MHB4O1xuICB3aWR0aDogMTAwJTtcbiAgbWFyZ2luOiAwIGF1dG87XG4gIHBhZGRpbmc6IDMycHg7XG5cbiAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLm1vYmlsZSB9KX0ge1xuICAgIHBhZGRpbmc6IDA7XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBDb21wZXRlbmNlR29hbHNEaWFsb2cgPSAoe1xuICBjaGlsZHJlbixcbiAgc3ViamVjdE5hbWUsXG4gIC4uLm1vZGFsUHJvcHNcbn06IFByb3BzICYgT21pdDxNb2RhbFByb3BzLCAnY2hpbGRyZW4nPikgPT4ge1xuICBjb25zdCB7IHQgfSA9IHVzZVRyYW5zbGF0aW9uKCk7XG5cbiAgcmV0dXJuIChcbiAgICA8TW9kYWwgey4uLihtb2RhbFByb3BzIGFzIE1vZGFsUHJvcHMpfSBzaXplPVwiZnVsbFwiPlxuICAgICAgeyhjbG9zZSkgPT4gKFxuICAgICAgICA8PlxuICAgICAgICAgIDxNb2RhbEhlYWRlcj5cbiAgICAgICAgICAgIDxIZWFkZXJXcmFwcGVyPlxuICAgICAgICAgICAgICA8TW9kYWxUaXRsZT5cbiAgICAgICAgICAgICAgICA8Rm9vdGVySGVhZGVySWNvbiBzaXplPVwiMjRweFwiIHN0eWxlPXt7IG1hcmdpblJpZ2h0OiAnMjBweCcgfX0gLz5cbiAgICAgICAgICAgICAgICB7dCgnY29tcGV0ZW5jZUdvYWxzLm1vZGFsVGV4dCcpfSB7c3ViamVjdE5hbWUgJiYgYCBcXHUyMDIyICR7c3ViamVjdE5hbWV9YH1cbiAgICAgICAgICAgICAgPC9Nb2RhbFRpdGxlPlxuICAgICAgICAgICAgICA8TW9kYWxDbG9zZUJ1dHRvbiBvbkNsaWNrPXtjbG9zZX0gdGl0bGU9e3QoJ2NvbXBldGVuY2VHb2Fscy5jb21wZXRlbmNlR29hbENsb3NlJyl9IC8+XG4gICAgICAgICAgICA8L0hlYWRlcldyYXBwZXI+XG4gICAgICAgICAgPC9Nb2RhbEhlYWRlcj5cbiAgICAgICAgICA8TW9kYWxCb2R5PlxuICAgICAgICAgICAgPENvbXBldGVuY2VHb2Fsc1dyYXBwZXI+e2NoaWxkcmVufTwvQ29tcGV0ZW5jZUdvYWxzV3JhcHBlcj5cbiAgICAgICAgICA8L01vZGFsQm9keT5cbiAgICAgICAgPC8+XG4gICAgICApfVxuICAgIDwvTW9kYWw+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBDb21wZXRlbmNlR29hbHNEaWFsb2c7XG4iXX0= */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-var CompetenceGoalsWrapper = /*#__PURE__*/_styled("div", {
-  target: "e1gm3dqo0",
-  label: "CompetenceGoalsWrapper"
-})("height:100%;max-width:960px;width:100%;margin:0 auto;padding:32px;", mq.range({
-  from: breakpoints.mobile
-}), "{padding:0;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNvbXBldGVuY2VHb2Fsc0RpYWxvZy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNEJ5QyIsImZpbGUiOiJDb21wZXRlbmNlR29hbHNEaWFsb2cudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLypcbiAqIENvcHlyaWdodCAoYykgMjAxOC1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBSZWFjdCwgeyBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyB1c2VUcmFuc2xhdGlvbiB9IGZyb20gJ3JlYWN0LWkxOG5leHQnO1xuaW1wb3J0IHsgYnJlYWtwb2ludHMsIG1xIH0gZnJvbSAnQG5kbGEvY29yZSc7XG5pbXBvcnQgeyBNb2RhbEhlYWRlciwgTW9kYWxCb2R5LCBNb2RhbENsb3NlQnV0dG9uLCBNb2RhbCwgTW9kYWxUaXRsZSwgTW9kYWxQcm9wcyB9IGZyb20gJ0BuZGxhL21vZGFsJztcbmltcG9ydCB7IEZvb3RlckhlYWRlckljb24gfSBmcm9tICdAbmRsYS9pY29ucy9jb21tb24nO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5jb25zdCBIZWFkZXJXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgcGFkZGluZzogMTRweCAyMHB4IDE0cHggMDtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICB3aWR0aDogMTAwJTtcbmA7XG5cbmludGVyZmFjZSBQcm9wcyB7XG4gIGNoaWxkcmVuPzogUmVhY3ROb2RlO1xuICBzdWJqZWN0TmFtZT86IHN0cmluZztcbn1cblxuY29uc3QgQ29tcGV0ZW5jZUdvYWxzV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGhlaWdodDogMTAwJTtcbiAgbWF4LXdpZHRoOiA5NjBweDtcbiAgd2lkdGg6IDEwMCU7XG4gIG1hcmdpbjogMCBhdXRvO1xuICBwYWRkaW5nOiAzMnB4O1xuXG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy5tb2JpbGUgfSl9IHtcbiAgICBwYWRkaW5nOiAwO1xuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgQ29tcGV0ZW5jZUdvYWxzRGlhbG9nID0gKHtcbiAgY2hpbGRyZW4sXG4gIHN1YmplY3ROYW1lLFxuICAuLi5tb2RhbFByb3BzXG59OiBQcm9wcyAmIE9taXQ8TW9kYWxQcm9wcywgJ2NoaWxkcmVuJz4pID0+IHtcbiAgY29uc3QgeyB0IH0gPSB1c2VUcmFuc2xhdGlvbigpO1xuXG4gIHJldHVybiAoXG4gICAgPE1vZGFsIHsuLi4obW9kYWxQcm9wcyBhcyBNb2RhbFByb3BzKX0gc2l6ZT1cImZ1bGxcIj5cbiAgICAgIHsoY2xvc2UpID0+IChcbiAgICAgICAgPD5cbiAgICAgICAgICA8TW9kYWxIZWFkZXI+XG4gICAgICAgICAgICA8SGVhZGVyV3JhcHBlcj5cbiAgICAgICAgICAgICAgPE1vZGFsVGl0bGU+XG4gICAgICAgICAgICAgICAgPEZvb3RlckhlYWRlckljb24gc2l6ZT1cIjI0cHhcIiBzdHlsZT17eyBtYXJnaW5SaWdodDogJzIwcHgnIH19IC8+XG4gICAgICAgICAgICAgICAge3QoJ2NvbXBldGVuY2VHb2Fscy5tb2RhbFRleHQnKX0ge3N1YmplY3ROYW1lICYmIGAgXFx1MjAyMiAke3N1YmplY3ROYW1lfWB9XG4gICAgICAgICAgICAgIDwvTW9kYWxUaXRsZT5cbiAgICAgICAgICAgICAgPE1vZGFsQ2xvc2VCdXR0b24gb25DbGljaz17Y2xvc2V9IHRpdGxlPXt0KCdjb21wZXRlbmNlR29hbHMuY29tcGV0ZW5jZUdvYWxDbG9zZScpfSAvPlxuICAgICAgICAgICAgPC9IZWFkZXJXcmFwcGVyPlxuICAgICAgICAgIDwvTW9kYWxIZWFkZXI+XG4gICAgICAgICAgPE1vZGFsQm9keT5cbiAgICAgICAgICAgIDxDb21wZXRlbmNlR29hbHNXcmFwcGVyPntjaGlsZHJlbn08L0NvbXBldGVuY2VHb2Fsc1dyYXBwZXI+XG4gICAgICAgICAgPC9Nb2RhbEJvZHk+XG4gICAgICAgIDwvPlxuICAgICAgKX1cbiAgICA8L01vZGFsPlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgQ29tcGV0ZW5jZUdvYWxzRGlhbG9nO1xuIl19 */"));
-export var CompetenceGoalsDialog = function CompetenceGoalsDialog(_ref) {
-  var _children = _ref.children,
-    subjectName = _ref.subjectName,
-    modalProps = _objectWithoutProperties(_ref, _excluded);
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  return _jsx(Modal, _objectSpread(_objectSpread({}, modalProps), {}, {
-    size: "full",
-    children: function children(close) {
-      return _jsxs(_Fragment, {
-        children: [_jsx(ModalHeader, {
-          children: _jsxs(HeaderWrapper, {
-            children: [_jsxs(ModalTitle, {
-              children: [_jsx(FooterHeaderIcon, {
-                size: "24px",
-                style: {
-                  marginRight: '20px'
-                }
-              }), t('competenceGoals.modalText'), " ", subjectName && " \u2022 ".concat(subjectName)]
-            }), _jsx(ModalCloseButton, {
-              onClick: close,
-              title: t('competenceGoals.competenceGoalClose')
-            })]
-          })
-        }), _jsx(ModalBody, {
-          children: _jsx(CompetenceGoalsWrapper, {
-            children: _children
-          })
-        })]
-      });
-    }
-  }));
-};
-export default CompetenceGoalsDialog;

package/es/CompetenceGoals/index.js

@@ -1 +0,0 @@
-export { default as CompetenceGoalsDialog } from './CompetenceGoalsDialog';

package/lib/CompetenceGoals/CompetenceGoalsDialog.d.ts

@@ -1,8 +0,0 @@
-import { ReactNode } from 'react';
-import { ModalProps } from '@ndla/modal';
-interface Props {
-    children?: ReactNode;
-    subjectName?: string;
-}
-export declare const CompetenceGoalsDialog: ({ children, subjectName, ...modalProps }: Props & Omit<ModalProps, 'children'>) => import("@emotion/react/jsx-runtime").JSX.Element;
-export default CompetenceGoalsDialog;