@ndla/ui 3.3.3 → 3.3.7

package/lib/Programme/ProgrammeSubjects.js

@@ -1,7 +1,5 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -9,7 +7,7 @@ exports["default"] = void 0;
 
 var _styledBase = _interopRequireDefault(require("@emotion/styled-base"));
 
-var _react = _interopRequireWildcard(require("react"));
+var _react = _interopRequireDefault(require("react"));
 
 var _button = _interopRequireDefault(require("@ndla/button"));
 
@@ -19,73 +17,50 @@ var _Navigation = require("../Navigation");
 
 var _core2 = require("@emotion/core");
 
-function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
-
-function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (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 _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) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
+/**
+ * Copyright (c) 2021-present, NDLA.
+ *
+ * This source code is licensed under the GPLv3 license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+// @ts-ignore
 var GradesMenu = (0, _styledBase["default"])("div", {
   target: "e1jqauch0",
   label: "GradesMenu"
 })("margin-bottom:28px;> *{margin-right:10px;}> *:last-of-type{margin-right:0;}", _core.mq.range({
   from: _core.breakpoints.tablet
-}), "{margin-bottom:40px;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlByb2dyYW1tZVN1YmplY3RzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFlNkIiLCJmaWxlIjoiUHJvZ3JhbW1lU3ViamVjdHMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjEtcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgUmVhY3QsIHsgdXNlU3RhdGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG4vLyBAdHMtaWdub3JlXG5pbXBvcnQgQnV0dG9uIGZyb20gJ0BuZGxhL2J1dHRvbic7XG5pbXBvcnQgeyBicmVha3BvaW50cywgbXEgfSBmcm9tICdAbmRsYS9jb3JlJztcbmltcG9ydCB7IE5hdmlnYXRpb25Cb3ggfSBmcm9tICcuLi9OYXZpZ2F0aW9uJztcblxuY29uc3QgR3JhZGVzTWVudSA9IHN0eWxlZC5kaXZgXG4gIG1hcmdpbi1ib3R0b206IDI4cHg7XG4gID4gKiB7XG4gICAgbWFyZ2luLXJpZ2h0OiAxMHB4O1xuICB9XG4gID4gKjpsYXN0LW9mLXR5cGUge1xuICAgIG1hcmdpbi1yaWdodDogMDtcbiAgfVxuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0IH0pfSB7XG4gICAgbWFyZ2luLWJvdHRvbTogNDBweDtcbiAgfVxuYDtcblxuZXhwb3J0IHR5cGUgR3JhZGVzUHJvcHMgPSB7XG4gIGdyYWRlczogW1xuICAgIHtcbiAgICAgIG5hbWU6IHN0cmluZztcbiAgICAgIGNhdGVnb3JpZXM6IFtcbiAgICAgICAge1xuICAgICAgICAgIG5hbWU6IHN0cmluZztcbiAgICAgICAgICBzdWJqZWN0czogW1xuICAgICAgICAgICAge1xuICAgICAgICAgICAgICBsYWJlbDogc3RyaW5nO1xuICAgICAgICAgICAgICB1cmw6IHN0cmluZztcbiAgICAgICAgICAgIH0sXG4gICAgICAgICAgXTtcbiAgICAgICAgfSxcbiAgICAgIF07XG4gICAgfSxcbiAgXTtcbn07XG5cbnR5cGUgUHJvcHMgPSBHcmFkZXNQcm9wcyAmIHtcbiAgcHJlU2VsZWN0ZWRHcmFkZUluZGV4PzogbnVtYmVyO1xuICBvbk5hdmlnYXRlPzogKCkgPT4gdm9pZDtcbn07XG5cbmNvbnN0IFByb2dyYW1tZVN1YmplY3RzID0gKHsgZ3JhZGVzLCBvbk5hdmlnYXRlLCBwcmVTZWxlY3RlZEdyYWRlSW5kZXggPSAwIH06IFByb3BzKSA9PiB7XG4gIGNvbnN0IFtzaG93R3JhZGVJbmRleCwgc2V0U2hvd0dyYWRlSW5kZXhdID0gdXNlU3RhdGUocHJlU2VsZWN0ZWRHcmFkZUluZGV4KTtcbiAgY29uc3QgaXNXaW5kb3dDb250ZXh0ID0gdHlwZW9mIHdpbmRvdyAhPT0gJ3VuZGVmaW5lZCc7XG5cbiAgY29uc3QgdG9nZ2xlR3JhZGVJbmRleCA9IChpbmRleDogbnVtYmVyKSA9PiB7XG4gICAgc2V0U2hvd0dyYWRlSW5kZXgoaW5kZXgpO1xuICAgIGlmIChpc1dpbmRvd0NvbnRleHQpIHtcbiAgICAgIHdpbmRvdy5sb2NhbFN0b3JhZ2Uuc2V0SXRlbSgncHJvZ3JhbW1lU2hvd0dyYWRlSW5kZXgnLCBgJHtpbmRleH1gKTtcbiAgICB9XG4gIH07XG5cbiAgY29uc3Qgc2VsZWN0ZWRHcmFkZSA9IGdyYWRlc1tzaG93R3JhZGVJbmRleF07XG4gIHJldHVybiAoXG4gICAgPD5cbiAgICAgIDxHcmFkZXNNZW51PlxuICAgICAgICB7Z3JhZGVzLm1hcCgoaXRlbSwgaW5kZXgpID0+IChcbiAgICAgICAgICA8QnV0dG9uXG4gICAgICAgICAgICBrZXk9e2l0ZW0ubmFtZX1cbiAgICAgICAgICAgIG9uQ2xpY2s9eygpID0+IHRvZ2dsZUdyYWRlSW5kZXgoaW5kZXgpfVxuICAgICAgICAgICAgbGlnaHRlcj17c2hvd0dyYWRlSW5kZXggIT09IGluZGV4fVxuICAgICAgICAgICAgc2l6ZT1cIm5vcm1hbFwiXG4gICAgICAgICAgICBib3JkZXJTaGFwZT1cInJvdW5kZWRcIj5cbiAgICAgICAgICAgIHtpdGVtLm5hbWV9XG4gICAgICAgICAgPC9CdXR0b24+XG4gICAgICAgICkpfVxuICAgICAgPC9HcmFkZXNNZW51PlxuICAgICAge3NlbGVjdGVkR3JhZGUuY2F0ZWdvcmllcy5tYXAoKGNhdGVnb3J5KSA9PiAoXG4gICAgICAgIDxOYXZpZ2F0aW9uQm94XG4gICAgICAgICAga2V5PXtjYXRlZ29yeS5uYW1lfVxuICAgICAgICAgIGhlYWRpbmc9e2NhdGVnb3J5Lm5hbWV9XG4gICAgICAgICAgaXRlbXM9e2NhdGVnb3J5LnN1YmplY3RzfVxuICAgICAgICAgIG9uQ2xpY2s9eygpID0+IHtcbiAgICAgICAgICAgIGlmIChvbk5hdmlnYXRlKSB7XG4gICAgICAgICAgICAgIG9uTmF2aWdhdGUoKTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgICB9fVxuICAgICAgICAvPlxuICAgICAgKSl9XG4gICAgPC8+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBQcm9ncmFtbWVTdWJqZWN0cztcbiJdfQ== */"));
+}), "{margin-bottom:40px;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlByb2dyYW1tZVN1YmplY3RzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFlNkIiLCJmaWxlIjoiUHJvZ3JhbW1lU3ViamVjdHMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjEtcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuLy8gQHRzLWlnbm9yZVxuaW1wb3J0IEJ1dHRvbiBmcm9tICdAbmRsYS9idXR0b24nO1xuaW1wb3J0IHsgYnJlYWtwb2ludHMsIG1xIH0gZnJvbSAnQG5kbGEvY29yZSc7XG5pbXBvcnQgeyBOYXZpZ2F0aW9uQm94IH0gZnJvbSAnLi4vTmF2aWdhdGlvbic7XG5cbmNvbnN0IEdyYWRlc01lbnUgPSBzdHlsZWQuZGl2YFxuICBtYXJnaW4tYm90dG9tOiAyOHB4O1xuICA+ICoge1xuICAgIG1hcmdpbi1yaWdodDogMTBweDtcbiAgfVxuICA+ICo6bGFzdC1vZi10eXBlIHtcbiAgICBtYXJnaW4tcmlnaHQ6IDA7XG4gIH1cbiAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLnRhYmxldCB9KX0ge1xuICAgIG1hcmdpbi1ib3R0b206IDQwcHg7XG4gIH1cbmA7XG5cbmV4cG9ydCB0eXBlIEdyYWRlc1Byb3BzID0ge1xuICBzZWxlY3RlZEdyYWRlPzogc3RyaW5nO1xuICBvbkNoYW5nZUdyYWRlOiAobmV3R3JhZGU6IHN0cmluZykgPT4gdm9pZDtcbiAgZ3JhZGVzOiB7XG4gICAgbmFtZTogc3RyaW5nO1xuICAgIGNhdGVnb3JpZXM6IHtcbiAgICAgIG5hbWU6IHN0cmluZztcbiAgICAgIHN1YmplY3RzOiB7XG4gICAgICAgIGxhYmVsOiBzdHJpbmc7XG4gICAgICAgIHVybDogc3RyaW5nO1xuICAgICAgfVtdO1xuICAgIH1bXTtcbiAgfVtdO1xufTtcblxudHlwZSBQcm9wcyA9IEdyYWRlc1Byb3BzICYge1xuICBvbk5hdmlnYXRlPzogKCkgPT4gdm9pZDtcbn07XG5cbmNvbnN0IFByb2dyYW1tZVN1YmplY3RzID0gKHsgZ3JhZGVzLCBvbk5hdmlnYXRlLCBvbkNoYW5nZUdyYWRlLCBzZWxlY3RlZEdyYWRlID0gJ3ZnMScgfTogUHJvcHMpID0+IHtcbiAgY29uc3QgZ3JhZGUgPSBncmFkZXMuZmluZCgoZ3JhZGUpID0+IGdyYWRlLm5hbWUudG9Mb3dlckNhc2UoKSA9PT0gc2VsZWN0ZWRHcmFkZSkgPz8gZ3JhZGVzWzBdO1xuICByZXR1cm4gKFxuICAgIDw+XG4gICAgICA8R3JhZGVzTWVudT5cbiAgICAgICAge2dyYWRlcy5tYXAoKGl0ZW0pID0+IChcbiAgICAgICAgICA8QnV0dG9uXG4gICAgICAgICAgICBrZXk9e2l0ZW0ubmFtZX1cbiAgICAgICAgICAgIG9uQ2xpY2s9eygpID0+IG9uQ2hhbmdlR3JhZGUoaXRlbS5uYW1lLnRvTG93ZXJDYXNlKCkpfVxuICAgICAgICAgICAgbGlnaHRlcj17aXRlbSAhPT0gZ3JhZGV9XG4gICAgICAgICAgICBzaXplPVwibm9ybWFsXCJcbiAgICAgICAgICAgIGJvcmRlclNoYXBlPVwicm91bmRlZFwiPlxuICAgICAgICAgICAge2l0ZW0ubmFtZX1cbiAgICAgICAgICA8L0J1dHRvbj5cbiAgICAgICAgKSl9XG4gICAgICA8L0dyYWRlc01lbnU+XG4gICAgICB7Z3JhZGUuY2F0ZWdvcmllcy5tYXAoKGNhdGVnb3J5KSA9PiAoXG4gICAgICAgIDxOYXZpZ2F0aW9uQm94IGtleT17Y2F0ZWdvcnkubmFtZX0gaGVhZGluZz17Y2F0ZWdvcnkubmFtZX0gaXRlbXM9e2NhdGVnb3J5LnN1YmplY3RzfSBvbkNsaWNrPXtvbk5hdmlnYXRlfSAvPlxuICAgICAgKSl9XG4gICAgPC8+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBQcm9ncmFtbWVTdWJqZWN0cztcbiJdfQ== */"));
 
 var ProgrammeSubjects = function ProgrammeSubjects(_ref) {
+  var _grades$find;
+
   var grades = _ref.grades,
       onNavigate = _ref.onNavigate,
-      _ref$preSelectedGrade = _ref.preSelectedGradeIndex,
-      preSelectedGradeIndex = _ref$preSelectedGrade === void 0 ? 0 : _ref$preSelectedGrade;
-
-  var _useState = (0, _react.useState)(preSelectedGradeIndex),
-      _useState2 = _slicedToArray(_useState, 2),
-      showGradeIndex = _useState2[0],
-      setShowGradeIndex = _useState2[1];
-
-  var isWindowContext = typeof window !== 'undefined';
-
-  var toggleGradeIndex = function toggleGradeIndex(index) {
-    setShowGradeIndex(index);
-
-    if (isWindowContext) {
-      window.localStorage.setItem('programmeShowGradeIndex', "".concat(index));
-    }
-  };
-
-  var selectedGrade = grades[showGradeIndex];
-  return (0, _core2.jsx)(_react["default"].Fragment, null, (0, _core2.jsx)(GradesMenu, null, grades.map(function (item, index) {
+      onChangeGrade = _ref.onChangeGrade,
+      _ref$selectedGrade = _ref.selectedGrade,
+      selectedGrade = _ref$selectedGrade === void 0 ? 'vg1' : _ref$selectedGrade;
+  var grade = (_grades$find = grades.find(function (grade) {
+    return grade.name.toLowerCase() === selectedGrade;
+  })) !== null && _grades$find !== void 0 ? _grades$find : grades[0];
+  return (0, _core2.jsx)(_react["default"].Fragment, null, (0, _core2.jsx)(GradesMenu, null, grades.map(function (item) {
     return (0, _core2.jsx)(_button["default"], {
       key: item.name,
       onClick: function onClick() {
-        return toggleGradeIndex(index);
+        return onChangeGrade(item.name.toLowerCase());
       },
-      lighter: showGradeIndex !== index,
+      lighter: item !== grade,
       size: "normal",
       borderShape: "rounded"
     }, item.name);
-  })), selectedGrade.categories.map(function (category) {
+  })), grade.categories.map(function (category) {
     return (0, _core2.jsx)(_Navigation.NavigationBox, {
       key: category.name,
       heading: category.name,
       items: category.subjects,
-      onClick: function onClick() {
-        if (onNavigate) {
-          onNavigate();
-        }
-      }
+      onClick: onNavigate
     });
   }));
 };

package/lib/SearchTypeResult/SearchTypeHeader.js

@@ -28,19 +28,19 @@ var HeaderWrapper = (0, _styledBase["default"])("div", {
   label: "HeaderWrapper"
 })("display:flex;flex-direction:row;border-bottom:2px solid #20588f;align-items:center;margin:", _core.spacing.small, " 0;justify-content:space-between;padding:0 2px;", _core.mq.range({
   until: _core.breakpoints.tablet
-}), "{flex-wrap:wrap;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNlYXJjaFR5cGVIZWFkZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWtCZ0MiLCJmaWxlIjoiU2VhcmNoVHlwZUhlYWRlci50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMC1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7IC8vIHVzZU1lbW8gLCB7IENoaWxkcmVuIH1cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbi8vIEB0cy1pZ25vcmVcbmltcG9ydCBCdXR0b24gZnJvbSAnQG5kbGEvYnV0dG9uJztcbmltcG9ydCB7IGJyZWFrcG9pbnRzLCBtcSwgc3BhY2luZyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuaW1wb3J0IHsgV2l0aFRyYW5zbGF0aW9uLCB3aXRoVHJhbnNsYXRpb24gfSBmcm9tICdyZWFjdC1pMThuZXh0Jztcbi8vIEB0cy1pZ25vcmVcbmltcG9ydCBDb250ZW50VHlwZUJhZGdlIGZyb20gJy4uL0NvbnRlbnRUeXBlQmFkZ2UnO1xuaW1wb3J0IHsgQ29udGVudFR5cGUgfSBmcm9tICcuL1NlYXJjaFR5cGVSZXN1bHQnO1xuXG5jb25zdCBIZWFkZXJXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IHJvdztcbiAgYm9yZGVyLWJvdHRvbTogMnB4IHNvbGlkICMyMDU4OGY7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIG1hcmdpbjogJHtzcGFjaW5nLnNtYWxsfSAwO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gIHBhZGRpbmc6IDAgMnB4O1xuICAke21xLnJhbmdlKHsgdW50aWw6IGJyZWFrcG9pbnRzLnRhYmxldCB9KX0ge1xuICAgIGZsZXgtd3JhcDogd3JhcDtcbiAgfVxuYDtcbmNvbnN0IFR5cGVXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZmxleDogMSAwIGF1dG87XG4gIGZsZXgtZGlyZWN0aW9uOiByb3c7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIG1pbi13aWR0aDogMjAwcHg7XG4gIGp1c3RpZnktY29udGVudDogZmxleC1zdGFydDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgbWFyZ2luLWJvdHRvbTogJHtzcGFjaW5nLnhzbWFsbH07XG5gO1xuXG5jb25zdCBTdWJqZWN0TmFtZSA9IHN0eWxlZC5zcGFuYFxuICBmb250LXNpemU6IDE4cHg7XG4gIG1hcmdpbjogMnB4ICR7c3BhY2luZy5zbWFsbH07XG4gIGIge1xuICAgIGZvbnQtc2l6ZTogMThweDtcbiAgICBtYXJnaW4tcmlnaHQ6IDRweDtcbiAgICBmb250LXdlaWdodDogNjAwO1xuICB9XG5gO1xuXG5jb25zdCBDb3VudCA9IHN0eWxlZC5zcGFuYGA7XG5cbmNvbnN0IENhdGVnb3J5VHlwZUJ1dHRvbldyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBtYXJnaW46IDRweDtcbmA7XG5cbmNvbnN0IENhdGVnb3J5SXRlbXMgPSBzdHlsZWQuZGl2YFxuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIHJpZ2h0OiAtNHB4O1xuICBidXR0b24ge1xuICAgIHdoaXRlLXNwYWNlOiBub3dyYXA7XG4gICAgbWF4LWhlaWdodDogMjlweDtcbiAgfVxuICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtZW5kO1xuICBmbGV4LXdyYXA6IHdyYXA7XG4gICR7bXEucmFuZ2UoeyB1bnRpbDogYnJlYWtwb2ludHMudGFibGV0IH0pfSB7XG4gICAganVzdGlmeS1jb250ZW50OiBmbGV4LXN0YXJ0O1xuICB9XG5gO1xuXG5leHBvcnQgdHlwZSBGaWx0ZXJPcHRpb25zVHlwZSA9IHtcbiAgaWQ6IHN0cmluZztcbiAgbmFtZTogc3RyaW5nO1xuICBhY3RpdmU/OiBib29sZWFuO1xufTtcblxudHlwZSBQcm9wcyA9IHtcbiAgZmlsdGVyczogRmlsdGVyT3B0aW9uc1R5cGVbXTtcbiAgb25GaWx0ZXJDbGljazogKGlkOiBzdHJpbmcpID0+IHZvaWQ7XG4gIHRvdGFsQ291bnQ6IG51bWJlcjtcbiAgdHlwZT86IENvbnRlbnRUeXBlO1xufTtcbmNvbnN0IFNlYXJjaFR5cGVIZWFkZXIgPSAoeyBmaWx0ZXJzLCBvbkZpbHRlckNsaWNrLCB0b3RhbENvdW50LCB0eXBlLCB0IH06IFByb3BzICYgV2l0aFRyYW5zbGF0aW9uKSA9PiAoXG4gIDxIZWFkZXJXcmFwcGVyPlxuICAgIDxUeXBlV3JhcHBlcj5cbiAgICAgIHt0eXBlICYmIDxDb250ZW50VHlwZUJhZGdlIHR5cGU9e3R5cGV9IGJhY2tncm91bmQgc2l6ZT1cImxhcmdlXCIgLz59XG4gICAgICA8U3ViamVjdE5hbWU+XG4gICAgICAgIHt0eXBlICYmIDxiPnt0KGBjb250ZW50VHlwZXMuJHt0eXBlfWApfTwvYj59eycgJ31cbiAgICAgICAge3RvdGFsQ291bnQgJiYgPENvdW50Pnt0KGBzZWFyY2hQYWdlLnJlc3VsdFR5cGUuaGl0c2AsIHsgY291bnQ6IHRvdGFsQ291bnQgfSl9PC9Db3VudD59XG4gICAgICA8L1N1YmplY3ROYW1lPlxuICAgIDwvVHlwZVdyYXBwZXI+XG4gICAge2ZpbHRlcnMgJiYgKFxuICAgICAgPENhdGVnb3J5SXRlbXM+XG4gICAgICAgIHtmaWx0ZXJzLm1hcCgob3B0aW9uOiBGaWx0ZXJPcHRpb25zVHlwZSkgPT4gKFxuICAgICAgICAgIDxDYXRlZ29yeVR5cGVCdXR0b25XcmFwcGVyIGtleT17b3B0aW9uLmlkfT5cbiAgICAgICAgICAgIDxCdXR0b25cbiAgICAgICAgICAgICAgc2l6ZT1cInNtYWxsXCJcbiAgICAgICAgICAgICAgbGlnaHRlcj17IW9wdGlvbi5hY3RpdmV9XG4gICAgICAgICAgICAgIG9uQ2xpY2s9eyhlOiBSZWFjdC5Nb3VzZUV2ZW50PEhUTUxCdXR0b25FbGVtZW50PikgPT4ge1xuICAgICAgICAgICAgICAgIGlmIChlLmN1cnJlbnRUYXJnZXQgJiYgb3B0aW9uLmFjdGl2ZSkge1xuICAgICAgICAgICAgICAgICAgZS5jdXJyZW50VGFyZ2V0LmJsdXIoKTtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgb25GaWx0ZXJDbGljayhvcHRpb24uaWQpO1xuICAgICAgICAgICAgICB9fT5cbiAgICAgICAgICAgICAge29wdGlvbi5uYW1lfVxuICAgICAgICAgICAgPC9CdXR0b24+XG4gICAgICAgICAgPC9DYXRlZ29yeVR5cGVCdXR0b25XcmFwcGVyPlxuICAgICAgICApKX1cbiAgICAgIDwvQ2F0ZWdvcnlJdGVtcz5cbiAgICApfVxuICA8L0hlYWRlcldyYXBwZXI+XG4pO1xuZXhwb3J0IGRlZmF1bHQgUmVhY3QubWVtbyh3aXRoVHJhbnNsYXRpb24oKShTZWFyY2hUeXBlSGVhZGVyKSk7XG4iXX0= */"));
+}), "{flex-wrap:wrap;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNlYXJjaFR5cGVIZWFkZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWtCZ0MiLCJmaWxlIjoiU2VhcmNoVHlwZUhlYWRlci50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMC1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7IC8vIHVzZU1lbW8gLCB7IENoaWxkcmVuIH1cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbi8vIEB0cy1pZ25vcmVcbmltcG9ydCBCdXR0b24gZnJvbSAnQG5kbGEvYnV0dG9uJztcbmltcG9ydCB7IGJyZWFrcG9pbnRzLCBtcSwgc3BhY2luZyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuaW1wb3J0IHsgV2l0aFRyYW5zbGF0aW9uLCB3aXRoVHJhbnNsYXRpb24gfSBmcm9tICdyZWFjdC1pMThuZXh0Jztcbi8vIEB0cy1pZ25vcmVcbmltcG9ydCBDb250ZW50VHlwZUJhZGdlIGZyb20gJy4uL0NvbnRlbnRUeXBlQmFkZ2UnO1xuaW1wb3J0IHsgQ29udGVudFR5cGUgfSBmcm9tICcuL1NlYXJjaFR5cGVSZXN1bHQnO1xuXG5jb25zdCBIZWFkZXJXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IHJvdztcbiAgYm9yZGVyLWJvdHRvbTogMnB4IHNvbGlkICMyMDU4OGY7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIG1hcmdpbjogJHtzcGFjaW5nLnNtYWxsfSAwO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gIHBhZGRpbmc6IDAgMnB4O1xuICAke21xLnJhbmdlKHsgdW50aWw6IGJyZWFrcG9pbnRzLnRhYmxldCB9KX0ge1xuICAgIGZsZXgtd3JhcDogd3JhcDtcbiAgfVxuYDtcbmNvbnN0IFR5cGVXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZmxleDogMSAwIGF1dG87XG4gIGZsZXgtZGlyZWN0aW9uOiByb3c7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIG1pbi13aWR0aDogMjAwcHg7XG4gIGp1c3RpZnktY29udGVudDogZmxleC1zdGFydDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgbWFyZ2luLWJvdHRvbTogJHtzcGFjaW5nLnhzbWFsbH07XG5gO1xuXG5jb25zdCBTdWJqZWN0TmFtZSA9IHN0eWxlZC5zcGFuYFxuICBmb250LXNpemU6IDE4cHg7XG4gIG1hcmdpbjogMnB4ICR7c3BhY2luZy5zbWFsbH07XG4gIGIge1xuICAgIGZvbnQtc2l6ZTogMThweDtcbiAgICBtYXJnaW4tcmlnaHQ6IDRweDtcbiAgICBmb250LXdlaWdodDogNjAwO1xuICB9XG5gO1xuXG5jb25zdCBDb3VudCA9IHN0eWxlZC5zcGFuYGA7XG5cbmNvbnN0IENhdGVnb3J5VHlwZUJ1dHRvbldyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBtYXJnaW46IDRweDtcbmA7XG5cbmNvbnN0IENhdGVnb3J5SXRlbXMgPSBzdHlsZWQuZGl2YFxuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIHJpZ2h0OiAtNHB4O1xuICBidXR0b24ge1xuICAgIHdoaXRlLXNwYWNlOiBub3dyYXA7XG4gICAgbWF4LWhlaWdodDogMjlweDtcbiAgfVxuICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtZW5kO1xuICBmbGV4LXdyYXA6IHdyYXA7XG4gICR7bXEucmFuZ2UoeyB1bnRpbDogYnJlYWtwb2ludHMudGFibGV0IH0pfSB7XG4gICAganVzdGlmeS1jb250ZW50OiBmbGV4LXN0YXJ0O1xuICB9XG5gO1xuXG5leHBvcnQgdHlwZSBGaWx0ZXJPcHRpb25zVHlwZSA9IHtcbiAgaWQ6IHN0cmluZztcbiAgbmFtZTogc3RyaW5nO1xuICBhY3RpdmU/OiBib29sZWFuO1xufTtcblxudHlwZSBQcm9wcyA9IHtcbiAgZmlsdGVyczogRmlsdGVyT3B0aW9uc1R5cGVbXTtcbiAgb25GaWx0ZXJDbGljazogKGlkOiBzdHJpbmcpID0+IHZvaWQ7XG4gIHRvdGFsQ291bnQ6IG51bWJlcjtcbiAgdHlwZT86IENvbnRlbnRUeXBlO1xufTtcbmNvbnN0IFNlYXJjaFR5cGVIZWFkZXIgPSAoeyBmaWx0ZXJzLCBvbkZpbHRlckNsaWNrLCB0b3RhbENvdW50LCB0eXBlLCB0IH06IFByb3BzICYgV2l0aFRyYW5zbGF0aW9uKSA9PiAoXG4gIDxIZWFkZXJXcmFwcGVyPlxuICAgIDxUeXBlV3JhcHBlcj5cbiAgICAgIHt0eXBlICYmIDxDb250ZW50VHlwZUJhZGdlIHR5cGU9e3R5cGV9IHRpdGxlPXt0KGBjb250ZW50VHlwZXMuJHt0eXBlfWApfSBiYWNrZ3JvdW5kIHNpemU9XCJsYXJnZVwiIC8+fVxuICAgICAgPFN1YmplY3ROYW1lPlxuICAgICAgICB7dHlwZSAmJiA8Yj57dChgY29udGVudFR5cGVzLiR7dHlwZX1gKX08L2I+fXsnICd9XG4gICAgICAgIHt0b3RhbENvdW50ICYmIDxDb3VudD57dChgc2VhcmNoUGFnZS5yZXN1bHRUeXBlLmhpdHNgLCB7IGNvdW50OiB0b3RhbENvdW50IH0pfTwvQ291bnQ+fVxuICAgICAgPC9TdWJqZWN0TmFtZT5cbiAgICA8L1R5cGVXcmFwcGVyPlxuICAgIHtmaWx0ZXJzICYmIChcbiAgICAgIDxDYXRlZ29yeUl0ZW1zPlxuICAgICAgICB7ZmlsdGVycy5tYXAoKG9wdGlvbjogRmlsdGVyT3B0aW9uc1R5cGUpID0+IChcbiAgICAgICAgICA8Q2F0ZWdvcnlUeXBlQnV0dG9uV3JhcHBlciBrZXk9e29wdGlvbi5pZH0+XG4gICAgICAgICAgICA8QnV0dG9uXG4gICAgICAgICAgICAgIHNpemU9XCJzbWFsbFwiXG4gICAgICAgICAgICAgIGxpZ2h0ZXI9eyFvcHRpb24uYWN0aXZlfVxuICAgICAgICAgICAgICBvbkNsaWNrPXsoZTogUmVhY3QuTW91c2VFdmVudDxIVE1MQnV0dG9uRWxlbWVudD4pID0+IHtcbiAgICAgICAgICAgICAgICBpZiAoZS5jdXJyZW50VGFyZ2V0ICYmIG9wdGlvbi5hY3RpdmUpIHtcbiAgICAgICAgICAgICAgICAgIGUuY3VycmVudFRhcmdldC5ibHVyKCk7XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgIG9uRmlsdGVyQ2xpY2sob3B0aW9uLmlkKTtcbiAgICAgICAgICAgICAgfX0+XG4gICAgICAgICAgICAgIHtvcHRpb24ubmFtZX1cbiAgICAgICAgICAgIDwvQnV0dG9uPlxuICAgICAgICAgIDwvQ2F0ZWdvcnlUeXBlQnV0dG9uV3JhcHBlcj5cbiAgICAgICAgKSl9XG4gICAgICA8L0NhdGVnb3J5SXRlbXM+XG4gICAgKX1cbiAgPC9IZWFkZXJXcmFwcGVyPlxuKTtcbmV4cG9ydCBkZWZhdWx0IFJlYWN0Lm1lbW8od2l0aFRyYW5zbGF0aW9uKCkoU2VhcmNoVHlwZUhlYWRlcikpO1xuIl19 */"));
 var TypeWrapper = (0, _styledBase["default"])("div", {
   target: "e11w3wo61",
   label: "TypeWrapper"
-})("flex:1 0 auto;flex-direction:row;display:flex;min-width:200px;justify-content:flex-start;align-items:center;margin-bottom:", _core.spacing.xsmall, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNlYXJjaFR5cGVIZWFkZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQThCOEIiLCJmaWxlIjoiU2VhcmNoVHlwZUhlYWRlci50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMC1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7IC8vIHVzZU1lbW8gLCB7IENoaWxkcmVuIH1cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbi8vIEB0cy1pZ25vcmVcbmltcG9ydCBCdXR0b24gZnJvbSAnQG5kbGEvYnV0dG9uJztcbmltcG9ydCB7IGJyZWFrcG9pbnRzLCBtcSwgc3BhY2luZyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuaW1wb3J0IHsgV2l0aFRyYW5zbGF0aW9uLCB3aXRoVHJhbnNsYXRpb24gfSBmcm9tICdyZWFjdC1pMThuZXh0Jztcbi8vIEB0cy1pZ25vcmVcbmltcG9ydCBDb250ZW50VHlwZUJhZGdlIGZyb20gJy4uL0NvbnRlbnRUeXBlQmFkZ2UnO1xuaW1wb3J0IHsgQ29udGVudFR5cGUgfSBmcm9tICcuL1NlYXJjaFR5cGVSZXN1bHQnO1xuXG5jb25zdCBIZWFkZXJXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IHJvdztcbiAgYm9yZGVyLWJvdHRvbTogMnB4IHNvbGlkICMyMDU4OGY7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIG1hcmdpbjogJHtzcGFjaW5nLnNtYWxsfSAwO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gIHBhZGRpbmc6IDAgMnB4O1xuICAke21xLnJhbmdlKHsgdW50aWw6IGJyZWFrcG9pbnRzLnRhYmxldCB9KX0ge1xuICAgIGZsZXgtd3JhcDogd3JhcDtcbiAgfVxuYDtcbmNvbnN0IFR5cGVXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZmxleDogMSAwIGF1dG87XG4gIGZsZXgtZGlyZWN0aW9uOiByb3c7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIG1pbi13aWR0aDogMjAwcHg7XG4gIGp1c3RpZnktY29udGVudDogZmxleC1zdGFydDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgbWFyZ2luLWJvdHRvbTogJHtzcGFjaW5nLnhzbWFsbH07XG5gO1xuXG5jb25zdCBTdWJqZWN0TmFtZSA9IHN0eWxlZC5zcGFuYFxuICBmb250LXNpemU6IDE4cHg7XG4gIG1hcmdpbjogMnB4ICR7c3BhY2luZy5zbWFsbH07XG4gIGIge1xuICAgIGZvbnQtc2l6ZTogMThweDtcbiAgICBtYXJnaW4tcmlnaHQ6IDRweDtcbiAgICBmb250LXdlaWdodDogNjAwO1xuICB9XG5gO1xuXG5jb25zdCBDb3VudCA9IHN0eWxlZC5zcGFuYGA7XG5cbmNvbnN0IENhdGVnb3J5VHlwZUJ1dHRvbldyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBtYXJnaW46IDRweDtcbmA7XG5cbmNvbnN0IENhdGVnb3J5SXRlbXMgPSBzdHlsZWQuZGl2YFxuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIHJpZ2h0OiAtNHB4O1xuICBidXR0b24ge1xuICAgIHdoaXRlLXNwYWNlOiBub3dyYXA7XG4gICAgbWF4LWhlaWdodDogMjlweDtcbiAgfVxuICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtZW5kO1xuICBmbGV4LXdyYXA6IHdyYXA7XG4gICR7bXEucmFuZ2UoeyB1bnRpbDogYnJlYWtwb2ludHMudGFibGV0IH0pfSB7XG4gICAganVzdGlmeS1jb250ZW50OiBmbGV4LXN0YXJ0O1xuICB9XG5gO1xuXG5leHBvcnQgdHlwZSBGaWx0ZXJPcHRpb25zVHlwZSA9IHtcbiAgaWQ6IHN0cmluZztcbiAgbmFtZTogc3RyaW5nO1xuICBhY3RpdmU/OiBib29sZWFuO1xufTtcblxudHlwZSBQcm9wcyA9IHtcbiAgZmlsdGVyczogRmlsdGVyT3B0aW9uc1R5cGVbXTtcbiAgb25GaWx0ZXJDbGljazogKGlkOiBzdHJpbmcpID0+IHZvaWQ7XG4gIHRvdGFsQ291bnQ6IG51bWJlcjtcbiAgdHlwZT86IENvbnRlbnRUeXBlO1xufTtcbmNvbnN0IFNlYXJjaFR5cGVIZWFkZXIgPSAoeyBmaWx0ZXJzLCBvbkZpbHRlckNsaWNrLCB0b3RhbENvdW50LCB0eXBlLCB0IH06IFByb3BzICYgV2l0aFRyYW5zbGF0aW9uKSA9PiAoXG4gIDxIZWFkZXJXcmFwcGVyPlxuICAgIDxUeXBlV3JhcHBlcj5cbiAgICAgIHt0eXBlICYmIDxDb250ZW50VHlwZUJhZGdlIHR5cGU9e3R5cGV9IGJhY2tncm91bmQgc2l6ZT1cImxhcmdlXCIgLz59XG4gICAgICA8U3ViamVjdE5hbWU+XG4gICAgICAgIHt0eXBlICYmIDxiPnt0KGBjb250ZW50VHlwZXMuJHt0eXBlfWApfTwvYj59eycgJ31cbiAgICAgICAge3RvdGFsQ291bnQgJiYgPENvdW50Pnt0KGBzZWFyY2hQYWdlLnJlc3VsdFR5cGUuaGl0c2AsIHsgY291bnQ6IHRvdGFsQ291bnQgfSl9PC9Db3VudD59XG4gICAgICA8L1N1YmplY3ROYW1lPlxuICAgIDwvVHlwZVdyYXBwZXI+XG4gICAge2ZpbHRlcnMgJiYgKFxuICAgICAgPENhdGVnb3J5SXRlbXM+XG4gICAgICAgIHtmaWx0ZXJzLm1hcCgob3B0aW9uOiBGaWx0ZXJPcHRpb25zVHlwZSkgPT4gKFxuICAgICAgICAgIDxDYXRlZ29yeVR5cGVCdXR0b25XcmFwcGVyIGtleT17b3B0aW9uLmlkfT5cbiAgICAgICAgICAgIDxCdXR0b25cbiAgICAgICAgICAgICAgc2l6ZT1cInNtYWxsXCJcbiAgICAgICAgICAgICAgbGlnaHRlcj17IW9wdGlvbi5hY3RpdmV9XG4gICAgICAgICAgICAgIG9uQ2xpY2s9eyhlOiBSZWFjdC5Nb3VzZUV2ZW50PEhUTUxCdXR0b25FbGVtZW50PikgPT4ge1xuICAgICAgICAgICAgICAgIGlmIChlLmN1cnJlbnRUYXJnZXQgJiYgb3B0aW9uLmFjdGl2ZSkge1xuICAgICAgICAgICAgICAgICAgZS5jdXJyZW50VGFyZ2V0LmJsdXIoKTtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgb25GaWx0ZXJDbGljayhvcHRpb24uaWQpO1xuICAgICAgICAgICAgICB9fT5cbiAgICAgICAgICAgICAge29wdGlvbi5uYW1lfVxuICAgICAgICAgICAgPC9CdXR0b24+XG4gICAgICAgICAgPC9DYXRlZ29yeVR5cGVCdXR0b25XcmFwcGVyPlxuICAgICAgICApKX1cbiAgICAgIDwvQ2F0ZWdvcnlJdGVtcz5cbiAgICApfVxuICA8L0hlYWRlcldyYXBwZXI+XG4pO1xuZXhwb3J0IGRlZmF1bHQgUmVhY3QubWVtbyh3aXRoVHJhbnNsYXRpb24oKShTZWFyY2hUeXBlSGVhZGVyKSk7XG4iXX0= */"));
+})("flex:1 0 auto;flex-direction:row;display:flex;min-width:200px;justify-content:flex-start;align-items:center;margin-bottom:", _core.spacing.xsmall, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNlYXJjaFR5cGVIZWFkZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQThCOEIiLCJmaWxlIjoiU2VhcmNoVHlwZUhlYWRlci50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMC1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7IC8vIHVzZU1lbW8gLCB7IENoaWxkcmVuIH1cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbi8vIEB0cy1pZ25vcmVcbmltcG9ydCBCdXR0b24gZnJvbSAnQG5kbGEvYnV0dG9uJztcbmltcG9ydCB7IGJyZWFrcG9pbnRzLCBtcSwgc3BhY2luZyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuaW1wb3J0IHsgV2l0aFRyYW5zbGF0aW9uLCB3aXRoVHJhbnNsYXRpb24gfSBmcm9tICdyZWFjdC1pMThuZXh0Jztcbi8vIEB0cy1pZ25vcmVcbmltcG9ydCBDb250ZW50VHlwZUJhZGdlIGZyb20gJy4uL0NvbnRlbnRUeXBlQmFkZ2UnO1xuaW1wb3J0IHsgQ29udGVudFR5cGUgfSBmcm9tICcuL1NlYXJjaFR5cGVSZXN1bHQnO1xuXG5jb25zdCBIZWFkZXJXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IHJvdztcbiAgYm9yZGVyLWJvdHRvbTogMnB4IHNvbGlkICMyMDU4OGY7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIG1hcmdpbjogJHtzcGFjaW5nLnNtYWxsfSAwO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gIHBhZGRpbmc6IDAgMnB4O1xuICAke21xLnJhbmdlKHsgdW50aWw6IGJyZWFrcG9pbnRzLnRhYmxldCB9KX0ge1xuICAgIGZsZXgtd3JhcDogd3JhcDtcbiAgfVxuYDtcbmNvbnN0IFR5cGVXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZmxleDogMSAwIGF1dG87XG4gIGZsZXgtZGlyZWN0aW9uOiByb3c7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIG1pbi13aWR0aDogMjAwcHg7XG4gIGp1c3RpZnktY29udGVudDogZmxleC1zdGFydDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgbWFyZ2luLWJvdHRvbTogJHtzcGFjaW5nLnhzbWFsbH07XG5gO1xuXG5jb25zdCBTdWJqZWN0TmFtZSA9IHN0eWxlZC5zcGFuYFxuICBmb250LXNpemU6IDE4cHg7XG4gIG1hcmdpbjogMnB4ICR7c3BhY2luZy5zbWFsbH07XG4gIGIge1xuICAgIGZvbnQtc2l6ZTogMThweDtcbiAgICBtYXJnaW4tcmlnaHQ6IDRweDtcbiAgICBmb250LXdlaWdodDogNjAwO1xuICB9XG5gO1xuXG5jb25zdCBDb3VudCA9IHN0eWxlZC5zcGFuYGA7XG5cbmNvbnN0IENhdGVnb3J5VHlwZUJ1dHRvbldyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBtYXJnaW46IDRweDtcbmA7XG5cbmNvbnN0IENhdGVnb3J5SXRlbXMgPSBzdHlsZWQuZGl2YFxuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIHJpZ2h0OiAtNHB4O1xuICBidXR0b24ge1xuICAgIHdoaXRlLXNwYWNlOiBub3dyYXA7XG4gICAgbWF4LWhlaWdodDogMjlweDtcbiAgfVxuICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtZW5kO1xuICBmbGV4LXdyYXA6IHdyYXA7XG4gICR7bXEucmFuZ2UoeyB1bnRpbDogYnJlYWtwb2ludHMudGFibGV0IH0pfSB7XG4gICAganVzdGlmeS1jb250ZW50OiBmbGV4LXN0YXJ0O1xuICB9XG5gO1xuXG5leHBvcnQgdHlwZSBGaWx0ZXJPcHRpb25zVHlwZSA9IHtcbiAgaWQ6IHN0cmluZztcbiAgbmFtZTogc3RyaW5nO1xuICBhY3RpdmU/OiBib29sZWFuO1xufTtcblxudHlwZSBQcm9wcyA9IHtcbiAgZmlsdGVyczogRmlsdGVyT3B0aW9uc1R5cGVbXTtcbiAgb25GaWx0ZXJDbGljazogKGlkOiBzdHJpbmcpID0+IHZvaWQ7XG4gIHRvdGFsQ291bnQ6IG51bWJlcjtcbiAgdHlwZT86IENvbnRlbnRUeXBlO1xufTtcbmNvbnN0IFNlYXJjaFR5cGVIZWFkZXIgPSAoeyBmaWx0ZXJzLCBvbkZpbHRlckNsaWNrLCB0b3RhbENvdW50LCB0eXBlLCB0IH06IFByb3BzICYgV2l0aFRyYW5zbGF0aW9uKSA9PiAoXG4gIDxIZWFkZXJXcmFwcGVyPlxuICAgIDxUeXBlV3JhcHBlcj5cbiAgICAgIHt0eXBlICYmIDxDb250ZW50VHlwZUJhZGdlIHR5cGU9e3R5cGV9IHRpdGxlPXt0KGBjb250ZW50VHlwZXMuJHt0eXBlfWApfSBiYWNrZ3JvdW5kIHNpemU9XCJsYXJnZVwiIC8+fVxuICAgICAgPFN1YmplY3ROYW1lPlxuICAgICAgICB7dHlwZSAmJiA8Yj57dChgY29udGVudFR5cGVzLiR7dHlwZX1gKX08L2I+fXsnICd9XG4gICAgICAgIHt0b3RhbENvdW50ICYmIDxDb3VudD57dChgc2VhcmNoUGFnZS5yZXN1bHRUeXBlLmhpdHNgLCB7IGNvdW50OiB0b3RhbENvdW50IH0pfTwvQ291bnQ+fVxuICAgICAgPC9TdWJqZWN0TmFtZT5cbiAgICA8L1R5cGVXcmFwcGVyPlxuICAgIHtmaWx0ZXJzICYmIChcbiAgICAgIDxDYXRlZ29yeUl0ZW1zPlxuICAgICAgICB7ZmlsdGVycy5tYXAoKG9wdGlvbjogRmlsdGVyT3B0aW9uc1R5cGUpID0+IChcbiAgICAgICAgICA8Q2F0ZWdvcnlUeXBlQnV0dG9uV3JhcHBlciBrZXk9e29wdGlvbi5pZH0+XG4gICAgICAgICAgICA8QnV0dG9uXG4gICAgICAgICAgICAgIHNpemU9XCJzbWFsbFwiXG4gICAgICAgICAgICAgIGxpZ2h0ZXI9eyFvcHRpb24uYWN0aXZlfVxuICAgICAgICAgICAgICBvbkNsaWNrPXsoZTogUmVhY3QuTW91c2VFdmVudDxIVE1MQnV0dG9uRWxlbWVudD4pID0+IHtcbiAgICAgICAgICAgICAgICBpZiAoZS5jdXJyZW50VGFyZ2V0ICYmIG9wdGlvbi5hY3RpdmUpIHtcbiAgICAgICAgICAgICAgICAgIGUuY3VycmVudFRhcmdldC5ibHVyKCk7XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgIG9uRmlsdGVyQ2xpY2sob3B0aW9uLmlkKTtcbiAgICAgICAgICAgICAgfX0+XG4gICAgICAgICAgICAgIHtvcHRpb24ubmFtZX1cbiAgICAgICAgICAgIDwvQnV0dG9uPlxuICAgICAgICAgIDwvQ2F0ZWdvcnlUeXBlQnV0dG9uV3JhcHBlcj5cbiAgICAgICAgKSl9XG4gICAgICA8L0NhdGVnb3J5SXRlbXM+XG4gICAgKX1cbiAgPC9IZWFkZXJXcmFwcGVyPlxuKTtcbmV4cG9ydCBkZWZhdWx0IFJlYWN0Lm1lbW8od2l0aFRyYW5zbGF0aW9uKCkoU2VhcmNoVHlwZUhlYWRlcikpO1xuIl19 */"));
 var SubjectName = (0, _styledBase["default"])("span", {
   target: "e11w3wo62",
   label: "SubjectName"
-})("font-size:18px;margin:2px ", _core.spacing.small, ";b{font-size:18px;margin-right:4px;font-weight:600;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNlYXJjaFR5cGVIZWFkZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXdDK0IiLCJmaWxlIjoiU2VhcmNoVHlwZUhlYWRlci50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMC1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7IC8vIHVzZU1lbW8gLCB7IENoaWxkcmVuIH1cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbi8vIEB0cy1pZ25vcmVcbmltcG9ydCBCdXR0b24gZnJvbSAnQG5kbGEvYnV0dG9uJztcbmltcG9ydCB7IGJyZWFrcG9pbnRzLCBtcSwgc3BhY2luZyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuaW1wb3J0IHsgV2l0aFRyYW5zbGF0aW9uLCB3aXRoVHJhbnNsYXRpb24gfSBmcm9tICdyZWFjdC1pMThuZXh0Jztcbi8vIEB0cy1pZ25vcmVcbmltcG9ydCBDb250ZW50VHlwZUJhZGdlIGZyb20gJy4uL0NvbnRlbnRUeXBlQmFkZ2UnO1xuaW1wb3J0IHsgQ29udGVudFR5cGUgfSBmcm9tICcuL1NlYXJjaFR5cGVSZXN1bHQnO1xuXG5jb25zdCBIZWFkZXJXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IHJvdztcbiAgYm9yZGVyLWJvdHRvbTogMnB4IHNvbGlkICMyMDU4OGY7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIG1hcmdpbjogJHtzcGFjaW5nLnNtYWxsfSAwO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gIHBhZGRpbmc6IDAgMnB4O1xuICAke21xLnJhbmdlKHsgdW50aWw6IGJyZWFrcG9pbnRzLnRhYmxldCB9KX0ge1xuICAgIGZsZXgtd3JhcDogd3JhcDtcbiAgfVxuYDtcbmNvbnN0IFR5cGVXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZmxleDogMSAwIGF1dG87XG4gIGZsZXgtZGlyZWN0aW9uOiByb3c7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIG1pbi13aWR0aDogMjAwcHg7XG4gIGp1c3RpZnktY29udGVudDogZmxleC1zdGFydDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgbWFyZ2luLWJvdHRvbTogJHtzcGFjaW5nLnhzbWFsbH07XG5gO1xuXG5jb25zdCBTdWJqZWN0TmFtZSA9IHN0eWxlZC5zcGFuYFxuICBmb250LXNpemU6IDE4cHg7XG4gIG1hcmdpbjogMnB4ICR7c3BhY2luZy5zbWFsbH07XG4gIGIge1xuICAgIGZvbnQtc2l6ZTogMThweDtcbiAgICBtYXJnaW4tcmlnaHQ6IDRweDtcbiAgICBmb250LXdlaWdodDogNjAwO1xuICB9XG5gO1xuXG5jb25zdCBDb3VudCA9IHN0eWxlZC5zcGFuYGA7XG5cbmNvbnN0IENhdGVnb3J5VHlwZUJ1dHRvbldyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBtYXJnaW46IDRweDtcbmA7XG5cbmNvbnN0IENhdGVnb3J5SXRlbXMgPSBzdHlsZWQuZGl2YFxuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIHJpZ2h0OiAtNHB4O1xuICBidXR0b24ge1xuICAgIHdoaXRlLXNwYWNlOiBub3dyYXA7XG4gICAgbWF4LWhlaWdodDogMjlweDtcbiAgfVxuICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtZW5kO1xuICBmbGV4LXdyYXA6IHdyYXA7XG4gICR7bXEucmFuZ2UoeyB1bnRpbDogYnJlYWtwb2ludHMudGFibGV0IH0pfSB7XG4gICAganVzdGlmeS1jb250ZW50OiBmbGV4LXN0YXJ0O1xuICB9XG5gO1xuXG5leHBvcnQgdHlwZSBGaWx0ZXJPcHRpb25zVHlwZSA9IHtcbiAgaWQ6IHN0cmluZztcbiAgbmFtZTogc3RyaW5nO1xuICBhY3RpdmU/OiBib29sZWFuO1xufTtcblxudHlwZSBQcm9wcyA9IHtcbiAgZmlsdGVyczogRmlsdGVyT3B0aW9uc1R5cGVbXTtcbiAgb25GaWx0ZXJDbGljazogKGlkOiBzdHJpbmcpID0+IHZvaWQ7XG4gIHRvdGFsQ291bnQ6IG51bWJlcjtcbiAgdHlwZT86IENvbnRlbnRUeXBlO1xufTtcbmNvbnN0IFNlYXJjaFR5cGVIZWFkZXIgPSAoeyBmaWx0ZXJzLCBvbkZpbHRlckNsaWNrLCB0b3RhbENvdW50LCB0eXBlLCB0IH06IFByb3BzICYgV2l0aFRyYW5zbGF0aW9uKSA9PiAoXG4gIDxIZWFkZXJXcmFwcGVyPlxuICAgIDxUeXBlV3JhcHBlcj5cbiAgICAgIHt0eXBlICYmIDxDb250ZW50VHlwZUJhZGdlIHR5cGU9e3R5cGV9IGJhY2tncm91bmQgc2l6ZT1cImxhcmdlXCIgLz59XG4gICAgICA8U3ViamVjdE5hbWU+XG4gICAgICAgIHt0eXBlICYmIDxiPnt0KGBjb250ZW50VHlwZXMuJHt0eXBlfWApfTwvYj59eycgJ31cbiAgICAgICAge3RvdGFsQ291bnQgJiYgPENvdW50Pnt0KGBzZWFyY2hQYWdlLnJlc3VsdFR5cGUuaGl0c2AsIHsgY291bnQ6IHRvdGFsQ291bnQgfSl9PC9Db3VudD59XG4gICAgICA8L1N1YmplY3ROYW1lPlxuICAgIDwvVHlwZVdyYXBwZXI+XG4gICAge2ZpbHRlcnMgJiYgKFxuICAgICAgPENhdGVnb3J5SXRlbXM+XG4gICAgICAgIHtmaWx0ZXJzLm1hcCgob3B0aW9uOiBGaWx0ZXJPcHRpb25zVHlwZSkgPT4gKFxuICAgICAgICAgIDxDYXRlZ29yeVR5cGVCdXR0b25XcmFwcGVyIGtleT17b3B0aW9uLmlkfT5cbiAgICAgICAgICAgIDxCdXR0b25cbiAgICAgICAgICAgICAgc2l6ZT1cInNtYWxsXCJcbiAgICAgICAgICAgICAgbGlnaHRlcj17IW9wdGlvbi5hY3RpdmV9XG4gICAgICAgICAgICAgIG9uQ2xpY2s9eyhlOiBSZWFjdC5Nb3VzZUV2ZW50PEhUTUxCdXR0b25FbGVtZW50PikgPT4ge1xuICAgICAgICAgICAgICAgIGlmIChlLmN1cnJlbnRUYXJnZXQgJiYgb3B0aW9uLmFjdGl2ZSkge1xuICAgICAgICAgICAgICAgICAgZS5jdXJyZW50VGFyZ2V0LmJsdXIoKTtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgb25GaWx0ZXJDbGljayhvcHRpb24uaWQpO1xuICAgICAgICAgICAgICB9fT5cbiAgICAgICAgICAgICAge29wdGlvbi5uYW1lfVxuICAgICAgICAgICAgPC9CdXR0b24+XG4gICAgICAgICAgPC9DYXRlZ29yeVR5cGVCdXR0b25XcmFwcGVyPlxuICAgICAgICApKX1cbiAgICAgIDwvQ2F0ZWdvcnlJdGVtcz5cbiAgICApfVxuICA8L0hlYWRlcldyYXBwZXI+XG4pO1xuZXhwb3J0IGRlZmF1bHQgUmVhY3QubWVtbyh3aXRoVHJhbnNsYXRpb24oKShTZWFyY2hUeXBlSGVhZGVyKSk7XG4iXX0= */"));
+})("font-size:18px;margin:2px ", _core.spacing.small, ";b{font-size:18px;margin-right:4px;font-weight:600;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNlYXJjaFR5cGVIZWFkZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXdDK0IiLCJmaWxlIjoiU2VhcmNoVHlwZUhlYWRlci50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMC1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7IC8vIHVzZU1lbW8gLCB7IENoaWxkcmVuIH1cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbi8vIEB0cy1pZ25vcmVcbmltcG9ydCBCdXR0b24gZnJvbSAnQG5kbGEvYnV0dG9uJztcbmltcG9ydCB7IGJyZWFrcG9pbnRzLCBtcSwgc3BhY2luZyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuaW1wb3J0IHsgV2l0aFRyYW5zbGF0aW9uLCB3aXRoVHJhbnNsYXRpb24gfSBmcm9tICdyZWFjdC1pMThuZXh0Jztcbi8vIEB0cy1pZ25vcmVcbmltcG9ydCBDb250ZW50VHlwZUJhZGdlIGZyb20gJy4uL0NvbnRlbnRUeXBlQmFkZ2UnO1xuaW1wb3J0IHsgQ29udGVudFR5cGUgfSBmcm9tICcuL1NlYXJjaFR5cGVSZXN1bHQnO1xuXG5jb25zdCBIZWFkZXJXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IHJvdztcbiAgYm9yZGVyLWJvdHRvbTogMnB4IHNvbGlkICMyMDU4OGY7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIG1hcmdpbjogJHtzcGFjaW5nLnNtYWxsfSAwO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gIHBhZGRpbmc6IDAgMnB4O1xuICAke21xLnJhbmdlKHsgdW50aWw6IGJyZWFrcG9pbnRzLnRhYmxldCB9KX0ge1xuICAgIGZsZXgtd3JhcDogd3JhcDtcbiAgfVxuYDtcbmNvbnN0IFR5cGVXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZmxleDogMSAwIGF1dG87XG4gIGZsZXgtZGlyZWN0aW9uOiByb3c7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIG1pbi13aWR0aDogMjAwcHg7XG4gIGp1c3RpZnktY29udGVudDogZmxleC1zdGFydDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgbWFyZ2luLWJvdHRvbTogJHtzcGFjaW5nLnhzbWFsbH07XG5gO1xuXG5jb25zdCBTdWJqZWN0TmFtZSA9IHN0eWxlZC5zcGFuYFxuICBmb250LXNpemU6IDE4cHg7XG4gIG1hcmdpbjogMnB4ICR7c3BhY2luZy5zbWFsbH07XG4gIGIge1xuICAgIGZvbnQtc2l6ZTogMThweDtcbiAgICBtYXJnaW4tcmlnaHQ6IDRweDtcbiAgICBmb250LXdlaWdodDogNjAwO1xuICB9XG5gO1xuXG5jb25zdCBDb3VudCA9IHN0eWxlZC5zcGFuYGA7XG5cbmNvbnN0IENhdGVnb3J5VHlwZUJ1dHRvbldyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBtYXJnaW46IDRweDtcbmA7XG5cbmNvbnN0IENhdGVnb3J5SXRlbXMgPSBzdHlsZWQuZGl2YFxuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIHJpZ2h0OiAtNHB4O1xuICBidXR0b24ge1xuICAgIHdoaXRlLXNwYWNlOiBub3dyYXA7XG4gICAgbWF4LWhlaWdodDogMjlweDtcbiAgfVxuICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtZW5kO1xuICBmbGV4LXdyYXA6IHdyYXA7XG4gICR7bXEucmFuZ2UoeyB1bnRpbDogYnJlYWtwb2ludHMudGFibGV0IH0pfSB7XG4gICAganVzdGlmeS1jb250ZW50OiBmbGV4LXN0YXJ0O1xuICB9XG5gO1xuXG5leHBvcnQgdHlwZSBGaWx0ZXJPcHRpb25zVHlwZSA9IHtcbiAgaWQ6IHN0cmluZztcbiAgbmFtZTogc3RyaW5nO1xuICBhY3RpdmU/OiBib29sZWFuO1xufTtcblxudHlwZSBQcm9wcyA9IHtcbiAgZmlsdGVyczogRmlsdGVyT3B0aW9uc1R5cGVbXTtcbiAgb25GaWx0ZXJDbGljazogKGlkOiBzdHJpbmcpID0+IHZvaWQ7XG4gIHRvdGFsQ291bnQ6IG51bWJlcjtcbiAgdHlwZT86IENvbnRlbnRUeXBlO1xufTtcbmNvbnN0IFNlYXJjaFR5cGVIZWFkZXIgPSAoeyBmaWx0ZXJzLCBvbkZpbHRlckNsaWNrLCB0b3RhbENvdW50LCB0eXBlLCB0IH06IFByb3BzICYgV2l0aFRyYW5zbGF0aW9uKSA9PiAoXG4gIDxIZWFkZXJXcmFwcGVyPlxuICAgIDxUeXBlV3JhcHBlcj5cbiAgICAgIHt0eXBlICYmIDxDb250ZW50VHlwZUJhZGdlIHR5cGU9e3R5cGV9IHRpdGxlPXt0KGBjb250ZW50VHlwZXMuJHt0eXBlfWApfSBiYWNrZ3JvdW5kIHNpemU9XCJsYXJnZVwiIC8+fVxuICAgICAgPFN1YmplY3ROYW1lPlxuICAgICAgICB7dHlwZSAmJiA8Yj57dChgY29udGVudFR5cGVzLiR7dHlwZX1gKX08L2I+fXsnICd9XG4gICAgICAgIHt0b3RhbENvdW50ICYmIDxDb3VudD57dChgc2VhcmNoUGFnZS5yZXN1bHRUeXBlLmhpdHNgLCB7IGNvdW50OiB0b3RhbENvdW50IH0pfTwvQ291bnQ+fVxuICAgICAgPC9TdWJqZWN0TmFtZT5cbiAgICA8L1R5cGVXcmFwcGVyPlxuICAgIHtmaWx0ZXJzICYmIChcbiAgICAgIDxDYXRlZ29yeUl0ZW1zPlxuICAgICAgICB7ZmlsdGVycy5tYXAoKG9wdGlvbjogRmlsdGVyT3B0aW9uc1R5cGUpID0+IChcbiAgICAgICAgICA8Q2F0ZWdvcnlUeXBlQnV0dG9uV3JhcHBlciBrZXk9e29wdGlvbi5pZH0+XG4gICAgICAgICAgICA8QnV0dG9uXG4gICAgICAgICAgICAgIHNpemU9XCJzbWFsbFwiXG4gICAgICAgICAgICAgIGxpZ2h0ZXI9eyFvcHRpb24uYWN0aXZlfVxuICAgICAgICAgICAgICBvbkNsaWNrPXsoZTogUmVhY3QuTW91c2VFdmVudDxIVE1MQnV0dG9uRWxlbWVudD4pID0+IHtcbiAgICAgICAgICAgICAgICBpZiAoZS5jdXJyZW50VGFyZ2V0ICYmIG9wdGlvbi5hY3RpdmUpIHtcbiAgICAgICAgICAgICAgICAgIGUuY3VycmVudFRhcmdldC5ibHVyKCk7XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgIG9uRmlsdGVyQ2xpY2sob3B0aW9uLmlkKTtcbiAgICAgICAgICAgICAgfX0+XG4gICAgICAgICAgICAgIHtvcHRpb24ubmFtZX1cbiAgICAgICAgICAgIDwvQnV0dG9uPlxuICAgICAgICAgIDwvQ2F0ZWdvcnlUeXBlQnV0dG9uV3JhcHBlcj5cbiAgICAgICAgKSl9XG4gICAgICA8L0NhdGVnb3J5SXRlbXM+XG4gICAgKX1cbiAgPC9IZWFkZXJXcmFwcGVyPlxuKTtcbmV4cG9ydCBkZWZhdWx0IFJlYWN0Lm1lbW8od2l0aFRyYW5zbGF0aW9uKCkoU2VhcmNoVHlwZUhlYWRlcikpO1xuIl19 */"));
 var Count = (0, _styledBase["default"])("span", {
   target: "e11w3wo63",
   label: "Count"
-})(process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNlYXJjaFR5cGVIZWFkZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWtEeUIiLCJmaWxlIjoiU2VhcmNoVHlwZUhlYWRlci50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMC1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7IC8vIHVzZU1lbW8gLCB7IENoaWxkcmVuIH1cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbi8vIEB0cy1pZ25vcmVcbmltcG9ydCBCdXR0b24gZnJvbSAnQG5kbGEvYnV0dG9uJztcbmltcG9ydCB7IGJyZWFrcG9pbnRzLCBtcSwgc3BhY2luZyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuaW1wb3J0IHsgV2l0aFRyYW5zbGF0aW9uLCB3aXRoVHJhbnNsYXRpb24gfSBmcm9tICdyZWFjdC1pMThuZXh0Jztcbi8vIEB0cy1pZ25vcmVcbmltcG9ydCBDb250ZW50VHlwZUJhZGdlIGZyb20gJy4uL0NvbnRlbnRUeXBlQmFkZ2UnO1xuaW1wb3J0IHsgQ29udGVudFR5cGUgfSBmcm9tICcuL1NlYXJjaFR5cGVSZXN1bHQnO1xuXG5jb25zdCBIZWFkZXJXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IHJvdztcbiAgYm9yZGVyLWJvdHRvbTogMnB4IHNvbGlkICMyMDU4OGY7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIG1hcmdpbjogJHtzcGFjaW5nLnNtYWxsfSAwO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gIHBhZGRpbmc6IDAgMnB4O1xuICAke21xLnJhbmdlKHsgdW50aWw6IGJyZWFrcG9pbnRzLnRhYmxldCB9KX0ge1xuICAgIGZsZXgtd3JhcDogd3JhcDtcbiAgfVxuYDtcbmNvbnN0IFR5cGVXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZmxleDogMSAwIGF1dG87XG4gIGZsZXgtZGlyZWN0aW9uOiByb3c7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIG1pbi13aWR0aDogMjAwcHg7XG4gIGp1c3RpZnktY29udGVudDogZmxleC1zdGFydDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgbWFyZ2luLWJvdHRvbTogJHtzcGFjaW5nLnhzbWFsbH07XG5gO1xuXG5jb25zdCBTdWJqZWN0TmFtZSA9IHN0eWxlZC5zcGFuYFxuICBmb250LXNpemU6IDE4cHg7XG4gIG1hcmdpbjogMnB4ICR7c3BhY2luZy5zbWFsbH07XG4gIGIge1xuICAgIGZvbnQtc2l6ZTogMThweDtcbiAgICBtYXJnaW4tcmlnaHQ6IDRweDtcbiAgICBmb250LXdlaWdodDogNjAwO1xuICB9XG5gO1xuXG5jb25zdCBDb3VudCA9IHN0eWxlZC5zcGFuYGA7XG5cbmNvbnN0IENhdGVnb3J5VHlwZUJ1dHRvbldyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBtYXJnaW46IDRweDtcbmA7XG5cbmNvbnN0IENhdGVnb3J5SXRlbXMgPSBzdHlsZWQuZGl2YFxuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIHJpZ2h0OiAtNHB4O1xuICBidXR0b24ge1xuICAgIHdoaXRlLXNwYWNlOiBub3dyYXA7XG4gICAgbWF4LWhlaWdodDogMjlweDtcbiAgfVxuICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtZW5kO1xuICBmbGV4LXdyYXA6IHdyYXA7XG4gICR7bXEucmFuZ2UoeyB1bnRpbDogYnJlYWtwb2ludHMudGFibGV0IH0pfSB7XG4gICAganVzdGlmeS1jb250ZW50OiBmbGV4LXN0YXJ0O1xuICB9XG5gO1xuXG5leHBvcnQgdHlwZSBGaWx0ZXJPcHRpb25zVHlwZSA9IHtcbiAgaWQ6IHN0cmluZztcbiAgbmFtZTogc3RyaW5nO1xuICBhY3RpdmU/OiBib29sZWFuO1xufTtcblxudHlwZSBQcm9wcyA9IHtcbiAgZmlsdGVyczogRmlsdGVyT3B0aW9uc1R5cGVbXTtcbiAgb25GaWx0ZXJDbGljazogKGlkOiBzdHJpbmcpID0+IHZvaWQ7XG4gIHRvdGFsQ291bnQ6IG51bWJlcjtcbiAgdHlwZT86IENvbnRlbnRUeXBlO1xufTtcbmNvbnN0IFNlYXJjaFR5cGVIZWFkZXIgPSAoeyBmaWx0ZXJzLCBvbkZpbHRlckNsaWNrLCB0b3RhbENvdW50LCB0eXBlLCB0IH06IFByb3BzICYgV2l0aFRyYW5zbGF0aW9uKSA9PiAoXG4gIDxIZWFkZXJXcmFwcGVyPlxuICAgIDxUeXBlV3JhcHBlcj5cbiAgICAgIHt0eXBlICYmIDxDb250ZW50VHlwZUJhZGdlIHR5cGU9e3R5cGV9IGJhY2tncm91bmQgc2l6ZT1cImxhcmdlXCIgLz59XG4gICAgICA8U3ViamVjdE5hbWU+XG4gICAgICAgIHt0eXBlICYmIDxiPnt0KGBjb250ZW50VHlwZXMuJHt0eXBlfWApfTwvYj59eycgJ31cbiAgICAgICAge3RvdGFsQ291bnQgJiYgPENvdW50Pnt0KGBzZWFyY2hQYWdlLnJlc3VsdFR5cGUuaGl0c2AsIHsgY291bnQ6IHRvdGFsQ291bnQgfSl9PC9Db3VudD59XG4gICAgICA8L1N1YmplY3ROYW1lPlxuICAgIDwvVHlwZVdyYXBwZXI+XG4gICAge2ZpbHRlcnMgJiYgKFxuICAgICAgPENhdGVnb3J5SXRlbXM+XG4gICAgICAgIHtmaWx0ZXJzLm1hcCgob3B0aW9uOiBGaWx0ZXJPcHRpb25zVHlwZSkgPT4gKFxuICAgICAgICAgIDxDYXRlZ29yeVR5cGVCdXR0b25XcmFwcGVyIGtleT17b3B0aW9uLmlkfT5cbiAgICAgICAgICAgIDxCdXR0b25cbiAgICAgICAgICAgICAgc2l6ZT1cInNtYWxsXCJcbiAgICAgICAgICAgICAgbGlnaHRlcj17IW9wdGlvbi5hY3RpdmV9XG4gICAgICAgICAgICAgIG9uQ2xpY2s9eyhlOiBSZWFjdC5Nb3VzZUV2ZW50PEhUTUxCdXR0b25FbGVtZW50PikgPT4ge1xuICAgICAgICAgICAgICAgIGlmIChlLmN1cnJlbnRUYXJnZXQgJiYgb3B0aW9uLmFjdGl2ZSkge1xuICAgICAgICAgICAgICAgICAgZS5jdXJyZW50VGFyZ2V0LmJsdXIoKTtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgb25GaWx0ZXJDbGljayhvcHRpb24uaWQpO1xuICAgICAgICAgICAgICB9fT5cbiAgICAgICAgICAgICAge29wdGlvbi5uYW1lfVxuICAgICAgICAgICAgPC9CdXR0b24+XG4gICAgICAgICAgPC9DYXRlZ29yeVR5cGVCdXR0b25XcmFwcGVyPlxuICAgICAgICApKX1cbiAgICAgIDwvQ2F0ZWdvcnlJdGVtcz5cbiAgICApfVxuICA8L0hlYWRlcldyYXBwZXI+XG4pO1xuZXhwb3J0IGRlZmF1bHQgUmVhY3QubWVtbyh3aXRoVHJhbnNsYXRpb24oKShTZWFyY2hUeXBlSGVhZGVyKSk7XG4iXX0= */");
+})(process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNlYXJjaFR5cGVIZWFkZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWtEeUIiLCJmaWxlIjoiU2VhcmNoVHlwZUhlYWRlci50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMC1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7IC8vIHVzZU1lbW8gLCB7IENoaWxkcmVuIH1cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbi8vIEB0cy1pZ25vcmVcbmltcG9ydCBCdXR0b24gZnJvbSAnQG5kbGEvYnV0dG9uJztcbmltcG9ydCB7IGJyZWFrcG9pbnRzLCBtcSwgc3BhY2luZyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuaW1wb3J0IHsgV2l0aFRyYW5zbGF0aW9uLCB3aXRoVHJhbnNsYXRpb24gfSBmcm9tICdyZWFjdC1pMThuZXh0Jztcbi8vIEB0cy1pZ25vcmVcbmltcG9ydCBDb250ZW50VHlwZUJhZGdlIGZyb20gJy4uL0NvbnRlbnRUeXBlQmFkZ2UnO1xuaW1wb3J0IHsgQ29udGVudFR5cGUgfSBmcm9tICcuL1NlYXJjaFR5cGVSZXN1bHQnO1xuXG5jb25zdCBIZWFkZXJXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IHJvdztcbiAgYm9yZGVyLWJvdHRvbTogMnB4IHNvbGlkICMyMDU4OGY7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIG1hcmdpbjogJHtzcGFjaW5nLnNtYWxsfSAwO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gIHBhZGRpbmc6IDAgMnB4O1xuICAke21xLnJhbmdlKHsgdW50aWw6IGJyZWFrcG9pbnRzLnRhYmxldCB9KX0ge1xuICAgIGZsZXgtd3JhcDogd3JhcDtcbiAgfVxuYDtcbmNvbnN0IFR5cGVXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZmxleDogMSAwIGF1dG87XG4gIGZsZXgtZGlyZWN0aW9uOiByb3c7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIG1pbi13aWR0aDogMjAwcHg7XG4gIGp1c3RpZnktY29udGVudDogZmxleC1zdGFydDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgbWFyZ2luLWJvdHRvbTogJHtzcGFjaW5nLnhzbWFsbH07XG5gO1xuXG5jb25zdCBTdWJqZWN0TmFtZSA9IHN0eWxlZC5zcGFuYFxuICBmb250LXNpemU6IDE4cHg7XG4gIG1hcmdpbjogMnB4ICR7c3BhY2luZy5zbWFsbH07XG4gIGIge1xuICAgIGZvbnQtc2l6ZTogMThweDtcbiAgICBtYXJnaW4tcmlnaHQ6IDRweDtcbiAgICBmb250LXdlaWdodDogNjAwO1xuICB9XG5gO1xuXG5jb25zdCBDb3VudCA9IHN0eWxlZC5zcGFuYGA7XG5cbmNvbnN0IENhdGVnb3J5VHlwZUJ1dHRvbldyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBtYXJnaW46IDRweDtcbmA7XG5cbmNvbnN0IENhdGVnb3J5SXRlbXMgPSBzdHlsZWQuZGl2YFxuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIHJpZ2h0OiAtNHB4O1xuICBidXR0b24ge1xuICAgIHdoaXRlLXNwYWNlOiBub3dyYXA7XG4gICAgbWF4LWhlaWdodDogMjlweDtcbiAgfVxuICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtZW5kO1xuICBmbGV4LXdyYXA6IHdyYXA7XG4gICR7bXEucmFuZ2UoeyB1bnRpbDogYnJlYWtwb2ludHMudGFibGV0IH0pfSB7XG4gICAganVzdGlmeS1jb250ZW50OiBmbGV4LXN0YXJ0O1xuICB9XG5gO1xuXG5leHBvcnQgdHlwZSBGaWx0ZXJPcHRpb25zVHlwZSA9IHtcbiAgaWQ6IHN0cmluZztcbiAgbmFtZTogc3RyaW5nO1xuICBhY3RpdmU/OiBib29sZWFuO1xufTtcblxudHlwZSBQcm9wcyA9IHtcbiAgZmlsdGVyczogRmlsdGVyT3B0aW9uc1R5cGVbXTtcbiAgb25GaWx0ZXJDbGljazogKGlkOiBzdHJpbmcpID0+IHZvaWQ7XG4gIHRvdGFsQ291bnQ6IG51bWJlcjtcbiAgdHlwZT86IENvbnRlbnRUeXBlO1xufTtcbmNvbnN0IFNlYXJjaFR5cGVIZWFkZXIgPSAoeyBmaWx0ZXJzLCBvbkZpbHRlckNsaWNrLCB0b3RhbENvdW50LCB0eXBlLCB0IH06IFByb3BzICYgV2l0aFRyYW5zbGF0aW9uKSA9PiAoXG4gIDxIZWFkZXJXcmFwcGVyPlxuICAgIDxUeXBlV3JhcHBlcj5cbiAgICAgIHt0eXBlICYmIDxDb250ZW50VHlwZUJhZGdlIHR5cGU9e3R5cGV9IHRpdGxlPXt0KGBjb250ZW50VHlwZXMuJHt0eXBlfWApfSBiYWNrZ3JvdW5kIHNpemU9XCJsYXJnZVwiIC8+fVxuICAgICAgPFN1YmplY3ROYW1lPlxuICAgICAgICB7dHlwZSAmJiA8Yj57dChgY29udGVudFR5cGVzLiR7dHlwZX1gKX08L2I+fXsnICd9XG4gICAgICAgIHt0b3RhbENvdW50ICYmIDxDb3VudD57dChgc2VhcmNoUGFnZS5yZXN1bHRUeXBlLmhpdHNgLCB7IGNvdW50OiB0b3RhbENvdW50IH0pfTwvQ291bnQ+fVxuICAgICAgPC9TdWJqZWN0TmFtZT5cbiAgICA8L1R5cGVXcmFwcGVyPlxuICAgIHtmaWx0ZXJzICYmIChcbiAgICAgIDxDYXRlZ29yeUl0ZW1zPlxuICAgICAgICB7ZmlsdGVycy5tYXAoKG9wdGlvbjogRmlsdGVyT3B0aW9uc1R5cGUpID0+IChcbiAgICAgICAgICA8Q2F0ZWdvcnlUeXBlQnV0dG9uV3JhcHBlciBrZXk9e29wdGlvbi5pZH0+XG4gICAgICAgICAgICA8QnV0dG9uXG4gICAgICAgICAgICAgIHNpemU9XCJzbWFsbFwiXG4gICAgICAgICAgICAgIGxpZ2h0ZXI9eyFvcHRpb24uYWN0aXZlfVxuICAgICAgICAgICAgICBvbkNsaWNrPXsoZTogUmVhY3QuTW91c2VFdmVudDxIVE1MQnV0dG9uRWxlbWVudD4pID0+IHtcbiAgICAgICAgICAgICAgICBpZiAoZS5jdXJyZW50VGFyZ2V0ICYmIG9wdGlvbi5hY3RpdmUpIHtcbiAgICAgICAgICAgICAgICAgIGUuY3VycmVudFRhcmdldC5ibHVyKCk7XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgIG9uRmlsdGVyQ2xpY2sob3B0aW9uLmlkKTtcbiAgICAgICAgICAgICAgfX0+XG4gICAgICAgICAgICAgIHtvcHRpb24ubmFtZX1cbiAgICAgICAgICAgIDwvQnV0dG9uPlxuICAgICAgICAgIDwvQ2F0ZWdvcnlUeXBlQnV0dG9uV3JhcHBlcj5cbiAgICAgICAgKSl9XG4gICAgICA8L0NhdGVnb3J5SXRlbXM+XG4gICAgKX1cbiAgPC9IZWFkZXJXcmFwcGVyPlxuKTtcbmV4cG9ydCBkZWZhdWx0IFJlYWN0Lm1lbW8od2l0aFRyYW5zbGF0aW9uKCkoU2VhcmNoVHlwZUhlYWRlcikpO1xuIl19 */");
 var CategoryTypeButtonWrapper = (0, _styledBase["default"])("div", {
   target: "e11w3wo64",
   label: "CategoryTypeButtonWrapper"
@@ -50,7 +50,7 @@ var CategoryTypeButtonWrapper = (0, _styledBase["default"])("div", {
 } : {
   name: "1kxrbkv",
   styles: "margin:4px;",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNlYXJjaFR5cGVIZWFkZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW9ENEMiLCJmaWxlIjoiU2VhcmNoVHlwZUhlYWRlci50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMC1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7IC8vIHVzZU1lbW8gLCB7IENoaWxkcmVuIH1cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbi8vIEB0cy1pZ25vcmVcbmltcG9ydCBCdXR0b24gZnJvbSAnQG5kbGEvYnV0dG9uJztcbmltcG9ydCB7IGJyZWFrcG9pbnRzLCBtcSwgc3BhY2luZyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuaW1wb3J0IHsgV2l0aFRyYW5zbGF0aW9uLCB3aXRoVHJhbnNsYXRpb24gfSBmcm9tICdyZWFjdC1pMThuZXh0Jztcbi8vIEB0cy1pZ25vcmVcbmltcG9ydCBDb250ZW50VHlwZUJhZGdlIGZyb20gJy4uL0NvbnRlbnRUeXBlQmFkZ2UnO1xuaW1wb3J0IHsgQ29udGVudFR5cGUgfSBmcm9tICcuL1NlYXJjaFR5cGVSZXN1bHQnO1xuXG5jb25zdCBIZWFkZXJXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IHJvdztcbiAgYm9yZGVyLWJvdHRvbTogMnB4IHNvbGlkICMyMDU4OGY7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIG1hcmdpbjogJHtzcGFjaW5nLnNtYWxsfSAwO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gIHBhZGRpbmc6IDAgMnB4O1xuICAke21xLnJhbmdlKHsgdW50aWw6IGJyZWFrcG9pbnRzLnRhYmxldCB9KX0ge1xuICAgIGZsZXgtd3JhcDogd3JhcDtcbiAgfVxuYDtcbmNvbnN0IFR5cGVXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZmxleDogMSAwIGF1dG87XG4gIGZsZXgtZGlyZWN0aW9uOiByb3c7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIG1pbi13aWR0aDogMjAwcHg7XG4gIGp1c3RpZnktY29udGVudDogZmxleC1zdGFydDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgbWFyZ2luLWJvdHRvbTogJHtzcGFjaW5nLnhzbWFsbH07XG5gO1xuXG5jb25zdCBTdWJqZWN0TmFtZSA9IHN0eWxlZC5zcGFuYFxuICBmb250LXNpemU6IDE4cHg7XG4gIG1hcmdpbjogMnB4ICR7c3BhY2luZy5zbWFsbH07XG4gIGIge1xuICAgIGZvbnQtc2l6ZTogMThweDtcbiAgICBtYXJnaW4tcmlnaHQ6IDRweDtcbiAgICBmb250LXdlaWdodDogNjAwO1xuICB9XG5gO1xuXG5jb25zdCBDb3VudCA9IHN0eWxlZC5zcGFuYGA7XG5cbmNvbnN0IENhdGVnb3J5VHlwZUJ1dHRvbldyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBtYXJnaW46IDRweDtcbmA7XG5cbmNvbnN0IENhdGVnb3J5SXRlbXMgPSBzdHlsZWQuZGl2YFxuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIHJpZ2h0OiAtNHB4O1xuICBidXR0b24ge1xuICAgIHdoaXRlLXNwYWNlOiBub3dyYXA7XG4gICAgbWF4LWhlaWdodDogMjlweDtcbiAgfVxuICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtZW5kO1xuICBmbGV4LXdyYXA6IHdyYXA7XG4gICR7bXEucmFuZ2UoeyB1bnRpbDogYnJlYWtwb2ludHMudGFibGV0IH0pfSB7XG4gICAganVzdGlmeS1jb250ZW50OiBmbGV4LXN0YXJ0O1xuICB9XG5gO1xuXG5leHBvcnQgdHlwZSBGaWx0ZXJPcHRpb25zVHlwZSA9IHtcbiAgaWQ6IHN0cmluZztcbiAgbmFtZTogc3RyaW5nO1xuICBhY3RpdmU/OiBib29sZWFuO1xufTtcblxudHlwZSBQcm9wcyA9IHtcbiAgZmlsdGVyczogRmlsdGVyT3B0aW9uc1R5cGVbXTtcbiAgb25GaWx0ZXJDbGljazogKGlkOiBzdHJpbmcpID0+IHZvaWQ7XG4gIHRvdGFsQ291bnQ6IG51bWJlcjtcbiAgdHlwZT86IENvbnRlbnRUeXBlO1xufTtcbmNvbnN0IFNlYXJjaFR5cGVIZWFkZXIgPSAoeyBmaWx0ZXJzLCBvbkZpbHRlckNsaWNrLCB0b3RhbENvdW50LCB0eXBlLCB0IH06IFByb3BzICYgV2l0aFRyYW5zbGF0aW9uKSA9PiAoXG4gIDxIZWFkZXJXcmFwcGVyPlxuICAgIDxUeXBlV3JhcHBlcj5cbiAgICAgIHt0eXBlICYmIDxDb250ZW50VHlwZUJhZGdlIHR5cGU9e3R5cGV9IGJhY2tncm91bmQgc2l6ZT1cImxhcmdlXCIgLz59XG4gICAgICA8U3ViamVjdE5hbWU+XG4gICAgICAgIHt0eXBlICYmIDxiPnt0KGBjb250ZW50VHlwZXMuJHt0eXBlfWApfTwvYj59eycgJ31cbiAgICAgICAge3RvdGFsQ291bnQgJiYgPENvdW50Pnt0KGBzZWFyY2hQYWdlLnJlc3VsdFR5cGUuaGl0c2AsIHsgY291bnQ6IHRvdGFsQ291bnQgfSl9PC9Db3VudD59XG4gICAgICA8L1N1YmplY3ROYW1lPlxuICAgIDwvVHlwZVdyYXBwZXI+XG4gICAge2ZpbHRlcnMgJiYgKFxuICAgICAgPENhdGVnb3J5SXRlbXM+XG4gICAgICAgIHtmaWx0ZXJzLm1hcCgob3B0aW9uOiBGaWx0ZXJPcHRpb25zVHlwZSkgPT4gKFxuICAgICAgICAgIDxDYXRlZ29yeVR5cGVCdXR0b25XcmFwcGVyIGtleT17b3B0aW9uLmlkfT5cbiAgICAgICAgICAgIDxCdXR0b25cbiAgICAgICAgICAgICAgc2l6ZT1cInNtYWxsXCJcbiAgICAgICAgICAgICAgbGlnaHRlcj17IW9wdGlvbi5hY3RpdmV9XG4gICAgICAgICAgICAgIG9uQ2xpY2s9eyhlOiBSZWFjdC5Nb3VzZUV2ZW50PEhUTUxCdXR0b25FbGVtZW50PikgPT4ge1xuICAgICAgICAgICAgICAgIGlmIChlLmN1cnJlbnRUYXJnZXQgJiYgb3B0aW9uLmFjdGl2ZSkge1xuICAgICAgICAgICAgICAgICAgZS5jdXJyZW50VGFyZ2V0LmJsdXIoKTtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgb25GaWx0ZXJDbGljayhvcHRpb24uaWQpO1xuICAgICAgICAgICAgICB9fT5cbiAgICAgICAgICAgICAge29wdGlvbi5uYW1lfVxuICAgICAgICAgICAgPC9CdXR0b24+XG4gICAgICAgICAgPC9DYXRlZ29yeVR5cGVCdXR0b25XcmFwcGVyPlxuICAgICAgICApKX1cbiAgICAgIDwvQ2F0ZWdvcnlJdGVtcz5cbiAgICApfVxuICA8L0hlYWRlcldyYXBwZXI+XG4pO1xuZXhwb3J0IGRlZmF1bHQgUmVhY3QubWVtbyh3aXRoVHJhbnNsYXRpb24oKShTZWFyY2hUeXBlSGVhZGVyKSk7XG4iXX0= */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNlYXJjaFR5cGVIZWFkZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW9ENEMiLCJmaWxlIjoiU2VhcmNoVHlwZUhlYWRlci50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMC1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7IC8vIHVzZU1lbW8gLCB7IENoaWxkcmVuIH1cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbi8vIEB0cy1pZ25vcmVcbmltcG9ydCBCdXR0b24gZnJvbSAnQG5kbGEvYnV0dG9uJztcbmltcG9ydCB7IGJyZWFrcG9pbnRzLCBtcSwgc3BhY2luZyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuaW1wb3J0IHsgV2l0aFRyYW5zbGF0aW9uLCB3aXRoVHJhbnNsYXRpb24gfSBmcm9tICdyZWFjdC1pMThuZXh0Jztcbi8vIEB0cy1pZ25vcmVcbmltcG9ydCBDb250ZW50VHlwZUJhZGdlIGZyb20gJy4uL0NvbnRlbnRUeXBlQmFkZ2UnO1xuaW1wb3J0IHsgQ29udGVudFR5cGUgfSBmcm9tICcuL1NlYXJjaFR5cGVSZXN1bHQnO1xuXG5jb25zdCBIZWFkZXJXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IHJvdztcbiAgYm9yZGVyLWJvdHRvbTogMnB4IHNvbGlkICMyMDU4OGY7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIG1hcmdpbjogJHtzcGFjaW5nLnNtYWxsfSAwO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gIHBhZGRpbmc6IDAgMnB4O1xuICAke21xLnJhbmdlKHsgdW50aWw6IGJyZWFrcG9pbnRzLnRhYmxldCB9KX0ge1xuICAgIGZsZXgtd3JhcDogd3JhcDtcbiAgfVxuYDtcbmNvbnN0IFR5cGVXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZmxleDogMSAwIGF1dG87XG4gIGZsZXgtZGlyZWN0aW9uOiByb3c7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIG1pbi13aWR0aDogMjAwcHg7XG4gIGp1c3RpZnktY29udGVudDogZmxleC1zdGFydDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgbWFyZ2luLWJvdHRvbTogJHtzcGFjaW5nLnhzbWFsbH07XG5gO1xuXG5jb25zdCBTdWJqZWN0TmFtZSA9IHN0eWxlZC5zcGFuYFxuICBmb250LXNpemU6IDE4cHg7XG4gIG1hcmdpbjogMnB4ICR7c3BhY2luZy5zbWFsbH07XG4gIGIge1xuICAgIGZvbnQtc2l6ZTogMThweDtcbiAgICBtYXJnaW4tcmlnaHQ6IDRweDtcbiAgICBmb250LXdlaWdodDogNjAwO1xuICB9XG5gO1xuXG5jb25zdCBDb3VudCA9IHN0eWxlZC5zcGFuYGA7XG5cbmNvbnN0IENhdGVnb3J5VHlwZUJ1dHRvbldyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBtYXJnaW46IDRweDtcbmA7XG5cbmNvbnN0IENhdGVnb3J5SXRlbXMgPSBzdHlsZWQuZGl2YFxuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIHJpZ2h0OiAtNHB4O1xuICBidXR0b24ge1xuICAgIHdoaXRlLXNwYWNlOiBub3dyYXA7XG4gICAgbWF4LWhlaWdodDogMjlweDtcbiAgfVxuICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtZW5kO1xuICBmbGV4LXdyYXA6IHdyYXA7XG4gICR7bXEucmFuZ2UoeyB1bnRpbDogYnJlYWtwb2ludHMudGFibGV0IH0pfSB7XG4gICAganVzdGlmeS1jb250ZW50OiBmbGV4LXN0YXJ0O1xuICB9XG5gO1xuXG5leHBvcnQgdHlwZSBGaWx0ZXJPcHRpb25zVHlwZSA9IHtcbiAgaWQ6IHN0cmluZztcbiAgbmFtZTogc3RyaW5nO1xuICBhY3RpdmU/OiBib29sZWFuO1xufTtcblxudHlwZSBQcm9wcyA9IHtcbiAgZmlsdGVyczogRmlsdGVyT3B0aW9uc1R5cGVbXTtcbiAgb25GaWx0ZXJDbGljazogKGlkOiBzdHJpbmcpID0+IHZvaWQ7XG4gIHRvdGFsQ291bnQ6IG51bWJlcjtcbiAgdHlwZT86IENvbnRlbnRUeXBlO1xufTtcbmNvbnN0IFNlYXJjaFR5cGVIZWFkZXIgPSAoeyBmaWx0ZXJzLCBvbkZpbHRlckNsaWNrLCB0b3RhbENvdW50LCB0eXBlLCB0IH06IFByb3BzICYgV2l0aFRyYW5zbGF0aW9uKSA9PiAoXG4gIDxIZWFkZXJXcmFwcGVyPlxuICAgIDxUeXBlV3JhcHBlcj5cbiAgICAgIHt0eXBlICYmIDxDb250ZW50VHlwZUJhZGdlIHR5cGU9e3R5cGV9IHRpdGxlPXt0KGBjb250ZW50VHlwZXMuJHt0eXBlfWApfSBiYWNrZ3JvdW5kIHNpemU9XCJsYXJnZVwiIC8+fVxuICAgICAgPFN1YmplY3ROYW1lPlxuICAgICAgICB7dHlwZSAmJiA8Yj57dChgY29udGVudFR5cGVzLiR7dHlwZX1gKX08L2I+fXsnICd9XG4gICAgICAgIHt0b3RhbENvdW50ICYmIDxDb3VudD57dChgc2VhcmNoUGFnZS5yZXN1bHRUeXBlLmhpdHNgLCB7IGNvdW50OiB0b3RhbENvdW50IH0pfTwvQ291bnQ+fVxuICAgICAgPC9TdWJqZWN0TmFtZT5cbiAgICA8L1R5cGVXcmFwcGVyPlxuICAgIHtmaWx0ZXJzICYmIChcbiAgICAgIDxDYXRlZ29yeUl0ZW1zPlxuICAgICAgICB7ZmlsdGVycy5tYXAoKG9wdGlvbjogRmlsdGVyT3B0aW9uc1R5cGUpID0+IChcbiAgICAgICAgICA8Q2F0ZWdvcnlUeXBlQnV0dG9uV3JhcHBlciBrZXk9e29wdGlvbi5pZH0+XG4gICAgICAgICAgICA8QnV0dG9uXG4gICAgICAgICAgICAgIHNpemU9XCJzbWFsbFwiXG4gICAgICAgICAgICAgIGxpZ2h0ZXI9eyFvcHRpb24uYWN0aXZlfVxuICAgICAgICAgICAgICBvbkNsaWNrPXsoZTogUmVhY3QuTW91c2VFdmVudDxIVE1MQnV0dG9uRWxlbWVudD4pID0+IHtcbiAgICAgICAgICAgICAgICBpZiAoZS5jdXJyZW50VGFyZ2V0ICYmIG9wdGlvbi5hY3RpdmUpIHtcbiAgICAgICAgICAgICAgICAgIGUuY3VycmVudFRhcmdldC5ibHVyKCk7XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgIG9uRmlsdGVyQ2xpY2sob3B0aW9uLmlkKTtcbiAgICAgICAgICAgICAgfX0+XG4gICAgICAgICAgICAgIHtvcHRpb24ubmFtZX1cbiAgICAgICAgICAgIDwvQnV0dG9uPlxuICAgICAgICAgIDwvQ2F0ZWdvcnlUeXBlQnV0dG9uV3JhcHBlcj5cbiAgICAgICAgKSl9XG4gICAgICA8L0NhdGVnb3J5SXRlbXM+XG4gICAgKX1cbiAgPC9IZWFkZXJXcmFwcGVyPlxuKTtcbmV4cG9ydCBkZWZhdWx0IFJlYWN0Lm1lbW8od2l0aFRyYW5zbGF0aW9uKCkoU2VhcmNoVHlwZUhlYWRlcikpO1xuIl19 */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
 var CategoryItems = (0, _styledBase["default"])("div", {
@@ -58,7 +58,7 @@ var CategoryItems = (0, _styledBase["default"])("div", {
   label: "CategoryItems"
 })("position:relative;right:-4px;button{white-space:nowrap;max-height:29px;}white-space:nowrap;display:flex;justify-content:flex-end;flex-wrap:wrap;", _core.mq.range({
   until: _core.breakpoints.tablet
-}), "{justify-content:flex-start;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNlYXJjaFR5cGVIZWFkZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXdEZ0MiLCJmaWxlIjoiU2VhcmNoVHlwZUhlYWRlci50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMC1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7IC8vIHVzZU1lbW8gLCB7IENoaWxkcmVuIH1cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbi8vIEB0cy1pZ25vcmVcbmltcG9ydCBCdXR0b24gZnJvbSAnQG5kbGEvYnV0dG9uJztcbmltcG9ydCB7IGJyZWFrcG9pbnRzLCBtcSwgc3BhY2luZyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuaW1wb3J0IHsgV2l0aFRyYW5zbGF0aW9uLCB3aXRoVHJhbnNsYXRpb24gfSBmcm9tICdyZWFjdC1pMThuZXh0Jztcbi8vIEB0cy1pZ25vcmVcbmltcG9ydCBDb250ZW50VHlwZUJhZGdlIGZyb20gJy4uL0NvbnRlbnRUeXBlQmFkZ2UnO1xuaW1wb3J0IHsgQ29udGVudFR5cGUgfSBmcm9tICcuL1NlYXJjaFR5cGVSZXN1bHQnO1xuXG5jb25zdCBIZWFkZXJXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IHJvdztcbiAgYm9yZGVyLWJvdHRvbTogMnB4IHNvbGlkICMyMDU4OGY7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIG1hcmdpbjogJHtzcGFjaW5nLnNtYWxsfSAwO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gIHBhZGRpbmc6IDAgMnB4O1xuICAke21xLnJhbmdlKHsgdW50aWw6IGJyZWFrcG9pbnRzLnRhYmxldCB9KX0ge1xuICAgIGZsZXgtd3JhcDogd3JhcDtcbiAgfVxuYDtcbmNvbnN0IFR5cGVXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZmxleDogMSAwIGF1dG87XG4gIGZsZXgtZGlyZWN0aW9uOiByb3c7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIG1pbi13aWR0aDogMjAwcHg7XG4gIGp1c3RpZnktY29udGVudDogZmxleC1zdGFydDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgbWFyZ2luLWJvdHRvbTogJHtzcGFjaW5nLnhzbWFsbH07XG5gO1xuXG5jb25zdCBTdWJqZWN0TmFtZSA9IHN0eWxlZC5zcGFuYFxuICBmb250LXNpemU6IDE4cHg7XG4gIG1hcmdpbjogMnB4ICR7c3BhY2luZy5zbWFsbH07XG4gIGIge1xuICAgIGZvbnQtc2l6ZTogMThweDtcbiAgICBtYXJnaW4tcmlnaHQ6IDRweDtcbiAgICBmb250LXdlaWdodDogNjAwO1xuICB9XG5gO1xuXG5jb25zdCBDb3VudCA9IHN0eWxlZC5zcGFuYGA7XG5cbmNvbnN0IENhdGVnb3J5VHlwZUJ1dHRvbldyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBtYXJnaW46IDRweDtcbmA7XG5cbmNvbnN0IENhdGVnb3J5SXRlbXMgPSBzdHlsZWQuZGl2YFxuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIHJpZ2h0OiAtNHB4O1xuICBidXR0b24ge1xuICAgIHdoaXRlLXNwYWNlOiBub3dyYXA7XG4gICAgbWF4LWhlaWdodDogMjlweDtcbiAgfVxuICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtZW5kO1xuICBmbGV4LXdyYXA6IHdyYXA7XG4gICR7bXEucmFuZ2UoeyB1bnRpbDogYnJlYWtwb2ludHMudGFibGV0IH0pfSB7XG4gICAganVzdGlmeS1jb250ZW50OiBmbGV4LXN0YXJ0O1xuICB9XG5gO1xuXG5leHBvcnQgdHlwZSBGaWx0ZXJPcHRpb25zVHlwZSA9IHtcbiAgaWQ6IHN0cmluZztcbiAgbmFtZTogc3RyaW5nO1xuICBhY3RpdmU/OiBib29sZWFuO1xufTtcblxudHlwZSBQcm9wcyA9IHtcbiAgZmlsdGVyczogRmlsdGVyT3B0aW9uc1R5cGVbXTtcbiAgb25GaWx0ZXJDbGljazogKGlkOiBzdHJpbmcpID0+IHZvaWQ7XG4gIHRvdGFsQ291bnQ6IG51bWJlcjtcbiAgdHlwZT86IENvbnRlbnRUeXBlO1xufTtcbmNvbnN0IFNlYXJjaFR5cGVIZWFkZXIgPSAoeyBmaWx0ZXJzLCBvbkZpbHRlckNsaWNrLCB0b3RhbENvdW50LCB0eXBlLCB0IH06IFByb3BzICYgV2l0aFRyYW5zbGF0aW9uKSA9PiAoXG4gIDxIZWFkZXJXcmFwcGVyPlxuICAgIDxUeXBlV3JhcHBlcj5cbiAgICAgIHt0eXBlICYmIDxDb250ZW50VHlwZUJhZGdlIHR5cGU9e3R5cGV9IGJhY2tncm91bmQgc2l6ZT1cImxhcmdlXCIgLz59XG4gICAgICA8U3ViamVjdE5hbWU+XG4gICAgICAgIHt0eXBlICYmIDxiPnt0KGBjb250ZW50VHlwZXMuJHt0eXBlfWApfTwvYj59eycgJ31cbiAgICAgICAge3RvdGFsQ291bnQgJiYgPENvdW50Pnt0KGBzZWFyY2hQYWdlLnJlc3VsdFR5cGUuaGl0c2AsIHsgY291bnQ6IHRvdGFsQ291bnQgfSl9PC9Db3VudD59XG4gICAgICA8L1N1YmplY3ROYW1lPlxuICAgIDwvVHlwZVdyYXBwZXI+XG4gICAge2ZpbHRlcnMgJiYgKFxuICAgICAgPENhdGVnb3J5SXRlbXM+XG4gICAgICAgIHtmaWx0ZXJzLm1hcCgob3B0aW9uOiBGaWx0ZXJPcHRpb25zVHlwZSkgPT4gKFxuICAgICAgICAgIDxDYXRlZ29yeVR5cGVCdXR0b25XcmFwcGVyIGtleT17b3B0aW9uLmlkfT5cbiAgICAgICAgICAgIDxCdXR0b25cbiAgICAgICAgICAgICAgc2l6ZT1cInNtYWxsXCJcbiAgICAgICAgICAgICAgbGlnaHRlcj17IW9wdGlvbi5hY3RpdmV9XG4gICAgICAgICAgICAgIG9uQ2xpY2s9eyhlOiBSZWFjdC5Nb3VzZUV2ZW50PEhUTUxCdXR0b25FbGVtZW50PikgPT4ge1xuICAgICAgICAgICAgICAgIGlmIChlLmN1cnJlbnRUYXJnZXQgJiYgb3B0aW9uLmFjdGl2ZSkge1xuICAgICAgICAgICAgICAgICAgZS5jdXJyZW50VGFyZ2V0LmJsdXIoKTtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgb25GaWx0ZXJDbGljayhvcHRpb24uaWQpO1xuICAgICAgICAgICAgICB9fT5cbiAgICAgICAgICAgICAge29wdGlvbi5uYW1lfVxuICAgICAgICAgICAgPC9CdXR0b24+XG4gICAgICAgICAgPC9DYXRlZ29yeVR5cGVCdXR0b25XcmFwcGVyPlxuICAgICAgICApKX1cbiAgICAgIDwvQ2F0ZWdvcnlJdGVtcz5cbiAgICApfVxuICA8L0hlYWRlcldyYXBwZXI+XG4pO1xuZXhwb3J0IGRlZmF1bHQgUmVhY3QubWVtbyh3aXRoVHJhbnNsYXRpb24oKShTZWFyY2hUeXBlSGVhZGVyKSk7XG4iXX0= */"));
+}), "{justify-content:flex-start;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNlYXJjaFR5cGVIZWFkZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXdEZ0MiLCJmaWxlIjoiU2VhcmNoVHlwZUhlYWRlci50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMC1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7IC8vIHVzZU1lbW8gLCB7IENoaWxkcmVuIH1cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbi8vIEB0cy1pZ25vcmVcbmltcG9ydCBCdXR0b24gZnJvbSAnQG5kbGEvYnV0dG9uJztcbmltcG9ydCB7IGJyZWFrcG9pbnRzLCBtcSwgc3BhY2luZyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuaW1wb3J0IHsgV2l0aFRyYW5zbGF0aW9uLCB3aXRoVHJhbnNsYXRpb24gfSBmcm9tICdyZWFjdC1pMThuZXh0Jztcbi8vIEB0cy1pZ25vcmVcbmltcG9ydCBDb250ZW50VHlwZUJhZGdlIGZyb20gJy4uL0NvbnRlbnRUeXBlQmFkZ2UnO1xuaW1wb3J0IHsgQ29udGVudFR5cGUgfSBmcm9tICcuL1NlYXJjaFR5cGVSZXN1bHQnO1xuXG5jb25zdCBIZWFkZXJXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IHJvdztcbiAgYm9yZGVyLWJvdHRvbTogMnB4IHNvbGlkICMyMDU4OGY7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIG1hcmdpbjogJHtzcGFjaW5nLnNtYWxsfSAwO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gIHBhZGRpbmc6IDAgMnB4O1xuICAke21xLnJhbmdlKHsgdW50aWw6IGJyZWFrcG9pbnRzLnRhYmxldCB9KX0ge1xuICAgIGZsZXgtd3JhcDogd3JhcDtcbiAgfVxuYDtcbmNvbnN0IFR5cGVXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZmxleDogMSAwIGF1dG87XG4gIGZsZXgtZGlyZWN0aW9uOiByb3c7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIG1pbi13aWR0aDogMjAwcHg7XG4gIGp1c3RpZnktY29udGVudDogZmxleC1zdGFydDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgbWFyZ2luLWJvdHRvbTogJHtzcGFjaW5nLnhzbWFsbH07XG5gO1xuXG5jb25zdCBTdWJqZWN0TmFtZSA9IHN0eWxlZC5zcGFuYFxuICBmb250LXNpemU6IDE4cHg7XG4gIG1hcmdpbjogMnB4ICR7c3BhY2luZy5zbWFsbH07XG4gIGIge1xuICAgIGZvbnQtc2l6ZTogMThweDtcbiAgICBtYXJnaW4tcmlnaHQ6IDRweDtcbiAgICBmb250LXdlaWdodDogNjAwO1xuICB9XG5gO1xuXG5jb25zdCBDb3VudCA9IHN0eWxlZC5zcGFuYGA7XG5cbmNvbnN0IENhdGVnb3J5VHlwZUJ1dHRvbldyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBtYXJnaW46IDRweDtcbmA7XG5cbmNvbnN0IENhdGVnb3J5SXRlbXMgPSBzdHlsZWQuZGl2YFxuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIHJpZ2h0OiAtNHB4O1xuICBidXR0b24ge1xuICAgIHdoaXRlLXNwYWNlOiBub3dyYXA7XG4gICAgbWF4LWhlaWdodDogMjlweDtcbiAgfVxuICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtZW5kO1xuICBmbGV4LXdyYXA6IHdyYXA7XG4gICR7bXEucmFuZ2UoeyB1bnRpbDogYnJlYWtwb2ludHMudGFibGV0IH0pfSB7XG4gICAganVzdGlmeS1jb250ZW50OiBmbGV4LXN0YXJ0O1xuICB9XG5gO1xuXG5leHBvcnQgdHlwZSBGaWx0ZXJPcHRpb25zVHlwZSA9IHtcbiAgaWQ6IHN0cmluZztcbiAgbmFtZTogc3RyaW5nO1xuICBhY3RpdmU/OiBib29sZWFuO1xufTtcblxudHlwZSBQcm9wcyA9IHtcbiAgZmlsdGVyczogRmlsdGVyT3B0aW9uc1R5cGVbXTtcbiAgb25GaWx0ZXJDbGljazogKGlkOiBzdHJpbmcpID0+IHZvaWQ7XG4gIHRvdGFsQ291bnQ6IG51bWJlcjtcbiAgdHlwZT86IENvbnRlbnRUeXBlO1xufTtcbmNvbnN0IFNlYXJjaFR5cGVIZWFkZXIgPSAoeyBmaWx0ZXJzLCBvbkZpbHRlckNsaWNrLCB0b3RhbENvdW50LCB0eXBlLCB0IH06IFByb3BzICYgV2l0aFRyYW5zbGF0aW9uKSA9PiAoXG4gIDxIZWFkZXJXcmFwcGVyPlxuICAgIDxUeXBlV3JhcHBlcj5cbiAgICAgIHt0eXBlICYmIDxDb250ZW50VHlwZUJhZGdlIHR5cGU9e3R5cGV9IHRpdGxlPXt0KGBjb250ZW50VHlwZXMuJHt0eXBlfWApfSBiYWNrZ3JvdW5kIHNpemU9XCJsYXJnZVwiIC8+fVxuICAgICAgPFN1YmplY3ROYW1lPlxuICAgICAgICB7dHlwZSAmJiA8Yj57dChgY29udGVudFR5cGVzLiR7dHlwZX1gKX08L2I+fXsnICd9XG4gICAgICAgIHt0b3RhbENvdW50ICYmIDxDb3VudD57dChgc2VhcmNoUGFnZS5yZXN1bHRUeXBlLmhpdHNgLCB7IGNvdW50OiB0b3RhbENvdW50IH0pfTwvQ291bnQ+fVxuICAgICAgPC9TdWJqZWN0TmFtZT5cbiAgICA8L1R5cGVXcmFwcGVyPlxuICAgIHtmaWx0ZXJzICYmIChcbiAgICAgIDxDYXRlZ29yeUl0ZW1zPlxuICAgICAgICB7ZmlsdGVycy5tYXAoKG9wdGlvbjogRmlsdGVyT3B0aW9uc1R5cGUpID0+IChcbiAgICAgICAgICA8Q2F0ZWdvcnlUeXBlQnV0dG9uV3JhcHBlciBrZXk9e29wdGlvbi5pZH0+XG4gICAgICAgICAgICA8QnV0dG9uXG4gICAgICAgICAgICAgIHNpemU9XCJzbWFsbFwiXG4gICAgICAgICAgICAgIGxpZ2h0ZXI9eyFvcHRpb24uYWN0aXZlfVxuICAgICAgICAgICAgICBvbkNsaWNrPXsoZTogUmVhY3QuTW91c2VFdmVudDxIVE1MQnV0dG9uRWxlbWVudD4pID0+IHtcbiAgICAgICAgICAgICAgICBpZiAoZS5jdXJyZW50VGFyZ2V0ICYmIG9wdGlvbi5hY3RpdmUpIHtcbiAgICAgICAgICAgICAgICAgIGUuY3VycmVudFRhcmdldC5ibHVyKCk7XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgIG9uRmlsdGVyQ2xpY2sob3B0aW9uLmlkKTtcbiAgICAgICAgICAgICAgfX0+XG4gICAgICAgICAgICAgIHtvcHRpb24ubmFtZX1cbiAgICAgICAgICAgIDwvQnV0dG9uPlxuICAgICAgICAgIDwvQ2F0ZWdvcnlUeXBlQnV0dG9uV3JhcHBlcj5cbiAgICAgICAgKSl9XG4gICAgICA8L0NhdGVnb3J5SXRlbXM+XG4gICAgKX1cbiAgPC9IZWFkZXJXcmFwcGVyPlxuKTtcbmV4cG9ydCBkZWZhdWx0IFJlYWN0Lm1lbW8od2l0aFRyYW5zbGF0aW9uKCkoU2VhcmNoVHlwZUhlYWRlcikpO1xuIl19 */"));
 
 var SearchTypeHeader = function SearchTypeHeader(_ref) {
   var filters = _ref.filters,
@@ -68,6 +68,7 @@ var SearchTypeHeader = function SearchTypeHeader(_ref) {
       t = _ref.t;
   return (0, _core2.jsx)(HeaderWrapper, null, (0, _core2.jsx)(TypeWrapper, null, type && (0, _core2.jsx)(_ContentTypeBadge["default"], {
     type: type,
+    title: t("contentTypes.".concat(type)),
     background: true,
     size: "large"
   }), (0, _core2.jsx)(SubjectName, null, type && (0, _core2.jsx)("b", null, t("contentTypes.".concat(type))), ' ', totalCount && (0, _core2.jsx)(Count, null, t("searchPage.resultType.hits", {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ndla/ui",
-  "version": "3.3.3",
+  "version": "3.3.7",
   "description": "UI component library for NDLA.",
   "license": "GPL-3.0",
   "main": "lib/index.js",
@@ -31,16 +31,16 @@
     "types"
   ],
   "dependencies": {
-    "@ndla/button": "^1.1.1",
-    "@ndla/carousel": "^1.0.6",
+    "@ndla/button": "^1.1.2",
+    "@ndla/carousel": "^1.0.7",
     "@ndla/core": "^0.7.2",
     "@ndla/hooks": "^1.0.7",
-    "@ndla/icons": "^1.3.1",
-    "@ndla/licenses": "^1.1.1",
-    "@ndla/modal": "^1.1.15",
-    "@ndla/safelink": "^1.0.6",
+    "@ndla/icons": "^1.3.2",
+    "@ndla/licenses": "^1.1.4",
+    "@ndla/modal": "^1.1.16",
+    "@ndla/safelink": "^1.0.7",
     "@ndla/switch": "^0.0.32",
-    "@ndla/tabs": "^1.0.12",
+    "@ndla/tabs": "^1.0.13",
     "@ndla/tooltip": "^0.2.49",
     "@ndla/util": "^2.0.1",
     "@reach/menu-button": "^0.12.1",
@@ -92,5 +92,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "5ec937851624b9d911db185f20ecc19d87799a35"
+  "gitHead": "442cac4c7229e4d8151b850ab4e8c4a6e0b7586c"
 }

package/src/AudioPlayer/Controls.tsx

@@ -415,9 +415,9 @@ const Controls = ({ src, title }: Props) => {
         <PlayButton type="button" onClick={togglePlay} title="play" aria-label="play">
           <span aria-hidden>
             {playing ? (
-              <Pause role="img" aria-label="pause" title="play" />
+              <Pause role="img" aria-label="Pause" title="Pause" />
             ) : (
-              <Play role="img" aria-label="play" title="play" />
+              <Play role="img" aria-label="Play" title="Play" />
             )}
           </span>
         </PlayButton>

package/src/ContentTypeBadge/ContentTypeBadge.tsx

@@ -26,11 +26,12 @@ const classes = new BEMHelper({
 interface Props {
   size: 'xx-small' | 'x-small' | 'small' | 'large';
   type: string;
+  title?: string;
   background?: boolean;
   border?: boolean;
 }
 
-export const ContentTypeBadge = ({ type, background, size, border }: Props) => {
+export const ContentTypeBadge = ({ type, background, title, size = 'small', border = true }: Props) => {
   const modifiers = [type, size];
 
   if (background) {
@@ -43,28 +44,28 @@ export const ContentTypeBadge = ({ type, background, size, border }: Props) => {
   let icon = null;
   switch (type) {
     case contentTypes.SUBJECT_MATERIAL:
-      icon = <SubjectMaterial />;
+      icon = <SubjectMaterial title={title} />;
       break;
     case contentTypes.TASKS_AND_ACTIVITIES:
-      icon = <TasksAndActivities />;
+      icon = <TasksAndActivities title={title} />;
       break;
     case contentTypes.ASSESSMENT_RESOURCES:
-      icon = <AssessmentResource />;
+      icon = <AssessmentResource title={title} />;
       break;
     case contentTypes.SUBJECT:
-      icon = <MenuBook />;
+      icon = <MenuBook title={title} />;
       break;
     case contentTypes.EXTERNAL_LEARNING_RESOURCES:
-      icon = <ExternalLearningResource />;
+      icon = <ExternalLearningResource title={title} />;
       break;
     case contentTypes.SOURCE_MATERIAL:
-      icon = <SharedResource />;
+      icon = <SharedResource title={title} />;
       break;
     case contentTypes.LEARNING_PATH:
-      icon = <LearningPath />;
+      icon = <LearningPath title={title} />;
       break;
     case contentTypes.TOPIC:
-      icon = <Subject />;
+      icon = <Subject title={title} />;
       break;
     default:
       break;
@@ -75,6 +76,7 @@ export const ContentTypeBadge = ({ type, background, size, border }: Props) => {
 ContentTypeBadge.propTypes = {
   size: PropTypes.oneOf(['xx-small', 'x-small', 'small', 'large']),
   type: ContentTypeShape,
+  title: PropTypes.string,
   background: PropTypes.bool,
   border: PropTypes.bool,
 };

package/src/CopyParagraphButton/CopyParagraphButton.tsx

@@ -16,8 +16,7 @@ import Tooltip from '@ndla/tooltip';
 import { copyTextToClipboard } from '@ndla/util';
 
 const IconButton = styled.button`
-  float: left;
-  position: relative;
+  position: absolute;
   left: -3em;
   top: 0.1em;
   background: none;
@@ -33,15 +32,11 @@ const IconButton = styled.button`
 `;
 
 const ContainerDiv = styled.div`
+  position: relative;
   &:hover button {
     cursor: pointer;
     opacity: 0.5;
   }
-
-  & h2 {
-    position: relative;
-    left: -2em;
-  }
 `;
 
 interface Props {

package/src/Frontpage/FrontpageSearch.tsx

@@ -55,7 +55,6 @@ type Props = {
   onSearch: (event: React.FormEvent) => void;
   allResultUrl: string;
   searchResult: Array<ContentTypeResultType>;
-  infoText: string;
   loading: boolean;
   history: History;
   suggestion: string;

package/src/Programme/Programme.tsx

@@ -1,4 +1,4 @@
-import React, { useEffect, useState } from 'react';
+import React from 'react';
 import styled from '@emotion/styled';
 import { breakpoints, mq, spacing } from '@ndla/core';
 import LayoutItem, { OneColumn } from '../Layout';
@@ -65,19 +65,7 @@ type Props = GradesProps & {
   image?: string;
 };
 
-export const Programme = ({ heading, image, grades }: Props) => {
-  const [showGradeIndex, setShowGradeIndex] = useState(0);
-  const isWindowContext = typeof window !== 'undefined';
-
-  useEffect(() => {
-    if (isWindowContext) {
-      const rememberGradeIndex = window.localStorage.getItem('programmeShowGradeIndex') || '0';
-      if (grades.length > Number(rememberGradeIndex)) {
-        setShowGradeIndex(Number(rememberGradeIndex));
-      }
-    }
-  }, [isWindowContext, grades]);
-
+export const Programme = ({ heading, image, grades, selectedGrade, onChangeGrade }: Props) => {
   return (
     <StyledWrapper>
       <StyledBackground image={image} />
@@ -87,7 +75,7 @@ export const Programme = ({ heading, image, grades }: Props) => {
             <StyledContentWrapper>
               <NavigationHeading>{heading}</NavigationHeading>
               <SubjectsWrapper>
-                <ProgrammeSubjects grades={grades} preSelectedGradeIndex={showGradeIndex} />
+                <ProgrammeSubjects grades={grades} selectedGrade={selectedGrade} onChangeGrade={onChangeGrade} />
               </SubjectsWrapper>
             </StyledContentWrapper>
           </LayoutItem>

package/src/Programme/ProgrammeSubjects.tsx

@@ -6,7 +6,7 @@
  *
  */
 
-import React, { useState } from 'react';
+import React from 'react';
 import styled from '@emotion/styled';
 // @ts-ignore
 import Button from '@ndla/button';
@@ -27,66 +27,42 @@ const GradesMenu = styled.div`
 `;
 
 export type GradesProps = {
-  grades: [
-    {
+  selectedGrade?: string;
+  onChangeGrade: (newGrade: string) => void;
+  grades: {
+    name: string;
+    categories: {
       name: string;
-      categories: [
-        {
-          name: string;
-          subjects: [
-            {
-              label: string;
-              url: string;
-            },
-          ];
-        },
-      ];
-    },
-  ];
+      subjects: {
+        label: string;
+        url: string;
+      }[];
+    }[];
+  }[];
 };
 
 type Props = GradesProps & {
-  preSelectedGradeIndex?: number;
   onNavigate?: () => void;
 };
 
-const ProgrammeSubjects = ({ grades, onNavigate, preSelectedGradeIndex = 0 }: Props) => {
-  const [showGradeIndex, setShowGradeIndex] = useState(preSelectedGradeIndex);
-  const isWindowContext = typeof window !== 'undefined';
-
-  const toggleGradeIndex = (index: number) => {
-    setShowGradeIndex(index);
-    if (isWindowContext) {
-      window.localStorage.setItem('programmeShowGradeIndex', `${index}`);
-    }
-  };
-
-  const selectedGrade = grades[showGradeIndex];
+const ProgrammeSubjects = ({ grades, onNavigate, onChangeGrade, selectedGrade = 'vg1' }: Props) => {
+  const grade = grades.find((grade) => grade.name.toLowerCase() === selectedGrade) ?? grades[0];
   return (
     <>
       <GradesMenu>
-        {grades.map((item, index) => (
+        {grades.map((item) => (
           <Button
             key={item.name}
-            onClick={() => toggleGradeIndex(index)}
-            lighter={showGradeIndex !== index}
+            onClick={() => onChangeGrade(item.name.toLowerCase())}
+            lighter={item !== grade}
             size="normal"
             borderShape="rounded">
             {item.name}
           </Button>
         ))}
       </GradesMenu>
-      {selectedGrade.categories.map((category) => (
-        <NavigationBox
-          key={category.name}
-          heading={category.name}
-          items={category.subjects}
-          onClick={() => {
-            if (onNavigate) {
-              onNavigate();
-            }
-          }}
-        />
+      {grade.categories.map((category) => (
+        <NavigationBox key={category.name} heading={category.name} items={category.subjects} onClick={onNavigate} />
       ))}
     </>
   );

package/src/SearchTypeResult/SearchTypeHeader.tsx

@@ -85,7 +85,7 @@ type Props = {
 const SearchTypeHeader = ({ filters, onFilterClick, totalCount, type, t }: Props & WithTranslation) => (
   <HeaderWrapper>
     <TypeWrapper>
-      {type && <ContentTypeBadge type={type} background size="large" />}
+      {type && <ContentTypeBadge type={type} title={t(`contentTypes.${type}`)} background size="large" />}
       <SubjectName>
         {type && <b>{t(`contentTypes.${type}`)}</b>}{' '}
         {totalCount && <Count>{t(`searchPage.resultType.hits`, { count: totalCount })}</Count>}