@ndla/ui 12.1.0 → 13.0.0

package/es/Breadcrumb/Breadcrumb.js

@@ -1,3 +1,25 @@
+import _styled from "@emotion/styled-base";
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return 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; }
+
+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.
  *
@@ -5,39 +27,94 @@
  * LICENSE file in the root directory of this source tree.
  *
  */
-import React from 'react';
-import BEMHelper from 'react-bem-helper';
+import React, { useRef } from 'react';
+import { useComponentSize, useIsomorphicLayoutEffect } from '@ndla/hooks';
 import { uuid } from '@ndla/util';
-import { withTranslation } from 'react-i18next';
-import { Home } from '@ndla/icons/common';
+import { useTranslation } from 'react-i18next';
 import BreadcrumbItem from './BreadcrumbItem';
 import { jsx as ___EmotionJSX } from "@emotion/core";
-var classes = BEMHelper({
-  name: 'breadcrumb',
-  prefix: 'c-'
+
+var BreadcrumbNav = _styled("nav", {
+  target: "e1oxrjfx0",
+  label: "BreadcrumbNav"
+})(process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkJyZWFkY3J1bWIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXVCZ0MiLCJmaWxlIjoiQnJlYWRjcnVtYi50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAxNi1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBSZWFjdCwgeyBSZWFjdE5vZGUsIHVzZVJlZiB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IHVzZUNvbXBvbmVudFNpemUsIHVzZUlzb21vcnBoaWNMYXlvdXRFZmZlY3QgfSBmcm9tICdAbmRsYS9ob29rcyc7XG5pbXBvcnQgeyB1dWlkIH0gZnJvbSAnQG5kbGEvdXRpbCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyB1c2VUcmFuc2xhdGlvbiB9IGZyb20gJ3JlYWN0LWkxOG5leHQnO1xuaW1wb3J0IEJyZWFkY3J1bWJJdGVtLCB7IEluZGV4ZWRCcmVhZGNydW1iSXRlbSwgU2ltcGxlQnJlYWRjcnVtYkl0ZW0gfSBmcm9tICcuL0JyZWFkY3J1bWJJdGVtJztcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgaXRlbXM6IFNpbXBsZUJyZWFkY3J1bWJJdGVtW107XG4gIGF1dG9Db2xsYXBzZT86IGJvb2xlYW47XG4gIGNvbGxhcHNlRmlyc3Q/OiBib29sZWFuO1xuICByZW5kZXJJdGVtPzogKGl0ZW06IEluZGV4ZWRCcmVhZGNydW1iSXRlbSwgdG90YWxDb3VudDogbnVtYmVyKSA9PiBSZWFjdE5vZGU7XG4gIHJlbmRlclNlcGFyYXRvcj86IChpdGVtOiBJbmRleGVkQnJlYWRjcnVtYkl0ZW0sIHRvdGFsQ291bnQ6IG51bWJlcikgPT4gUmVhY3ROb2RlO1xufVxuXG5jb25zdCBCcmVhZGNydW1iTmF2ID0gc3R5bGVkLm5hdmBgO1xuXG5jb25zdCBTdHlsZWRMaXN0ID0gc3R5bGVkLm9sYFxuICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gIHBhZGRpbmctbGVmdDogMDtcbiAgbWFyZ2luLWJvdHRvbTogMDtcbiAgbWFyZ2luLXRvcDogMDtcbiAgbGlzdC1zdHlsZTogbm9uZTtcbmA7XG5cbmNvbnN0IEJyZWFkY3J1bWIgPSAoeyBpdGVtcywgYXV0b0NvbGxhcHNlLCByZW5kZXJJdGVtLCByZW5kZXJTZXBhcmF0b3IsIGNvbGxhcHNlRmlyc3QgfTogUHJvcHMpID0+IHtcbiAgY29uc3QgeyB0IH0gPSB1c2VUcmFuc2xhdGlvbigpO1xuICBjb25zdCBvbFJlZiA9IHVzZVJlZjxhbnk+KCk7XG4gIGNvbnN0IGNvbnRhaW5lclJlZiA9IHVzZVJlZjxIVE1MRGl2RWxlbWVudD4obnVsbCk7XG4gIC8vIE5vIGlkaW9tYXRpYyB3YXkgb2YgZGVhbGluZyB3aXRoIHNldHMgb2YgcmVmcyB5ZXRcbiAgLy8gU2VlOiBodHRwczovL2dpdGh1Yi5jb20vZmFjZWJvb2svcmVhY3QvaXNzdWVzLzE0MDcyI2lzc3VlY29tbWVudC00NDY3Nzc0MDZcbiAgY29uc3QgYnJlYWRjcnVtYkl0ZW1SZWZzID0gdXNlUmVmKG5ldyBNYXAoKSkuY3VycmVudDtcbiAgY29uc3Qgc2l6ZSA9IHVzZUNvbXBvbmVudFNpemUoY29udGFpbmVyUmVmKTtcblxuICB1c2VJc29tb3JwaGljTGF5b3V0RWZmZWN0KCgpID0+IHtcbiAgICBpZiAoIWF1dG9Db2xsYXBzZSkge1xuICAgICAgcmV0dXJuO1xuICAgIH1cbiAgICAvLyBDcmVhdGUgYW4gYXJyYXkgb2YgYWxsIGJyZWFkY3J1bWIgaXRlbSByZWZzXG4gICAgY29uc3QgaXRlbXMgPSBBcnJheS5mcm9tKGJyZWFkY3J1bWJJdGVtUmVmcykubWFwKChba2V5LCB2YWx1ZV0pID0+IHZhbHVlKTtcblxuICAgIC8vIENsZWFyIG1heCB3aWR0aCBvbiBhbGwgaXRlbXNcbiAgICBpdGVtcy5mb3JFYWNoKChlbCkgPT4ge1xuICAgICAgZWwuc2V0TWF4V2lkdGgoJ25vbmUnKTtcbiAgICB9KTtcblxuICAgIC8vIFNldCBtYXhXaWR0aCBvbiBicmVhZGNydW1iIHRleHQgaXRlbXMgaXRlcmF0aXZlbHkgdW50aWxcbiAgICAvLyB0aGUgb3JkZXJlZCBsaXN0IGZpdHMgb24gYSBzaW5nbGUgbGluZS4gSXQncyBvbiBhIHNpbmdsZSBsaW5lXG4gICAgLy8gaWYgdGhlIGhlaWdodCBvZiB0aGUgbGlzdCBpcyBsZXNzIHRoZW4gNzAuXG4gICAgaXRlbXMuZm9yRWFjaCgoZWwpID0+IHtcbiAgICAgIGlmIChvbFJlZi5jdXJyZW50Lm9mZnNldEhlaWdodCA+IDYwKSB7XG4gICAgICAgIGVsLnNldE1heFdpZHRoKCc0MHB4Jyk7XG4gICAgICB9XG4gICAgfSk7XG4gIH0sIFtzaXplXSk7XG5cbiAgcmV0dXJuIChcbiAgICA8QnJlYWRjcnVtYk5hdiByZWY9e2NvbnRhaW5lclJlZn0gYXJpYS1sYWJlbD17dCgnYnJlYWRjcnVtYi5icmVhZGNydW1iJyl9PlxuICAgICAgPFN0eWxlZExpc3QgcmVmPXtvbFJlZn0+XG4gICAgICAgIHtpdGVtcy5tYXAoKGl0ZW0sIGluZGV4KSA9PiAoXG4gICAgICAgICAgPEJyZWFkY3J1bWJJdGVtXG4gICAgICAgICAgICBhdXRvQ29sbGFwc2U9e2F1dG9Db2xsYXBzZX1cbiAgICAgICAgICAgIHJlbmRlckl0ZW09e3JlbmRlckl0ZW19XG4gICAgICAgICAgICByZW5kZXJTZXBhcmF0b3I9e3JlbmRlclNlcGFyYXRvcn1cbiAgICAgICAgICAgIHJlZj17KGVsZW1lbnQpID0+XG4gICAgICAgICAgICAgIGVsZW1lbnQgPT09IG51bGwgfHwgKCFjb2xsYXBzZUZpcnN0ICYmIGluZGV4ID09PSAwKSAvLyBza2lwIGZpcnN0IGl0ZW0gd2hpY2ggaXMgbmV2ZXIgdHJ1bmNhdGVkXG4gICAgICAgICAgICAgICAgPyBicmVhZGNydW1iSXRlbVJlZnMuZGVsZXRlKGl0ZW0udG8pXG4gICAgICAgICAgICAgICAgOiBicmVhZGNydW1iSXRlbVJlZnMuc2V0KGl0ZW0udG8sIGVsZW1lbnQpXG4gICAgICAgICAgICB9XG4gICAgICAgICAgICBrZXk9e3V1aWQoKX1cbiAgICAgICAgICAgIHRvdGFsQ291bnQ9e2l0ZW1zLmxlbmd0aH1cbiAgICAgICAgICAgIGl0ZW09e3sgLi4uaXRlbSwgaW5kZXggfX1cbiAgICAgICAgICAvPlxuICAgICAgICApKX1cbiAgICAgIDwvU3R5bGVkTGlzdD5cbiAgICA8L0JyZWFkY3J1bWJOYXY+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBCcmVhZGNydW1iO1xuIl19 */");
+
+var StyledList = _styled("ol", {
+  target: "e1oxrjfx1",
+  label: "StyledList"
+})(process.env.NODE_ENV === "production" ? {
+  name: "1gc94n2",
+  styles: "display:inline-block;padding-left:0;margin-bottom:0;margin-top:0;list-style:none;"
+} : {
+  name: "1gc94n2",
+  styles: "display:inline-block;padding-left:0;margin-bottom:0;margin-top:0;list-style:none;",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkJyZWFkY3J1bWIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXlCNEIiLCJmaWxlIjoiQnJlYWRjcnVtYi50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAxNi1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBSZWFjdCwgeyBSZWFjdE5vZGUsIHVzZVJlZiB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IHVzZUNvbXBvbmVudFNpemUsIHVzZUlzb21vcnBoaWNMYXlvdXRFZmZlY3QgfSBmcm9tICdAbmRsYS9ob29rcyc7XG5pbXBvcnQgeyB1dWlkIH0gZnJvbSAnQG5kbGEvdXRpbCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyB1c2VUcmFuc2xhdGlvbiB9IGZyb20gJ3JlYWN0LWkxOG5leHQnO1xuaW1wb3J0IEJyZWFkY3J1bWJJdGVtLCB7IEluZGV4ZWRCcmVhZGNydW1iSXRlbSwgU2ltcGxlQnJlYWRjcnVtYkl0ZW0gfSBmcm9tICcuL0JyZWFkY3J1bWJJdGVtJztcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgaXRlbXM6IFNpbXBsZUJyZWFkY3J1bWJJdGVtW107XG4gIGF1dG9Db2xsYXBzZT86IGJvb2xlYW47XG4gIGNvbGxhcHNlRmlyc3Q/OiBib29sZWFuO1xuICByZW5kZXJJdGVtPzogKGl0ZW06IEluZGV4ZWRCcmVhZGNydW1iSXRlbSwgdG90YWxDb3VudDogbnVtYmVyKSA9PiBSZWFjdE5vZGU7XG4gIHJlbmRlclNlcGFyYXRvcj86IChpdGVtOiBJbmRleGVkQnJlYWRjcnVtYkl0ZW0sIHRvdGFsQ291bnQ6IG51bWJlcikgPT4gUmVhY3ROb2RlO1xufVxuXG5jb25zdCBCcmVhZGNydW1iTmF2ID0gc3R5bGVkLm5hdmBgO1xuXG5jb25zdCBTdHlsZWRMaXN0ID0gc3R5bGVkLm9sYFxuICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gIHBhZGRpbmctbGVmdDogMDtcbiAgbWFyZ2luLWJvdHRvbTogMDtcbiAgbWFyZ2luLXRvcDogMDtcbiAgbGlzdC1zdHlsZTogbm9uZTtcbmA7XG5cbmNvbnN0IEJyZWFkY3J1bWIgPSAoeyBpdGVtcywgYXV0b0NvbGxhcHNlLCByZW5kZXJJdGVtLCByZW5kZXJTZXBhcmF0b3IsIGNvbGxhcHNlRmlyc3QgfTogUHJvcHMpID0+IHtcbiAgY29uc3QgeyB0IH0gPSB1c2VUcmFuc2xhdGlvbigpO1xuICBjb25zdCBvbFJlZiA9IHVzZVJlZjxhbnk+KCk7XG4gIGNvbnN0IGNvbnRhaW5lclJlZiA9IHVzZVJlZjxIVE1MRGl2RWxlbWVudD4obnVsbCk7XG4gIC8vIE5vIGlkaW9tYXRpYyB3YXkgb2YgZGVhbGluZyB3aXRoIHNldHMgb2YgcmVmcyB5ZXRcbiAgLy8gU2VlOiBodHRwczovL2dpdGh1Yi5jb20vZmFjZWJvb2svcmVhY3QvaXNzdWVzLzE0MDcyI2lzc3VlY29tbWVudC00NDY3Nzc0MDZcbiAgY29uc3QgYnJlYWRjcnVtYkl0ZW1SZWZzID0gdXNlUmVmKG5ldyBNYXAoKSkuY3VycmVudDtcbiAgY29uc3Qgc2l6ZSA9IHVzZUNvbXBvbmVudFNpemUoY29udGFpbmVyUmVmKTtcblxuICB1c2VJc29tb3JwaGljTGF5b3V0RWZmZWN0KCgpID0+IHtcbiAgICBpZiAoIWF1dG9Db2xsYXBzZSkge1xuICAgICAgcmV0dXJuO1xuICAgIH1cbiAgICAvLyBDcmVhdGUgYW4gYXJyYXkgb2YgYWxsIGJyZWFkY3J1bWIgaXRlbSByZWZzXG4gICAgY29uc3QgaXRlbXMgPSBBcnJheS5mcm9tKGJyZWFkY3J1bWJJdGVtUmVmcykubWFwKChba2V5LCB2YWx1ZV0pID0+IHZhbHVlKTtcblxuICAgIC8vIENsZWFyIG1heCB3aWR0aCBvbiBhbGwgaXRlbXNcbiAgICBpdGVtcy5mb3JFYWNoKChlbCkgPT4ge1xuICAgICAgZWwuc2V0TWF4V2lkdGgoJ25vbmUnKTtcbiAgICB9KTtcblxuICAgIC8vIFNldCBtYXhXaWR0aCBvbiBicmVhZGNydW1iIHRleHQgaXRlbXMgaXRlcmF0aXZlbHkgdW50aWxcbiAgICAvLyB0aGUgb3JkZXJlZCBsaXN0IGZpdHMgb24gYSBzaW5nbGUgbGluZS4gSXQncyBvbiBhIHNpbmdsZSBsaW5lXG4gICAgLy8gaWYgdGhlIGhlaWdodCBvZiB0aGUgbGlzdCBpcyBsZXNzIHRoZW4gNzAuXG4gICAgaXRlbXMuZm9yRWFjaCgoZWwpID0+IHtcbiAgICAgIGlmIChvbFJlZi5jdXJyZW50Lm9mZnNldEhlaWdodCA+IDYwKSB7XG4gICAgICAgIGVsLnNldE1heFdpZHRoKCc0MHB4Jyk7XG4gICAgICB9XG4gICAgfSk7XG4gIH0sIFtzaXplXSk7XG5cbiAgcmV0dXJuIChcbiAgICA8QnJlYWRjcnVtYk5hdiByZWY9e2NvbnRhaW5lclJlZn0gYXJpYS1sYWJlbD17dCgnYnJlYWRjcnVtYi5icmVhZGNydW1iJyl9PlxuICAgICAgPFN0eWxlZExpc3QgcmVmPXtvbFJlZn0+XG4gICAgICAgIHtpdGVtcy5tYXAoKGl0ZW0sIGluZGV4KSA9PiAoXG4gICAgICAgICAgPEJyZWFkY3J1bWJJdGVtXG4gICAgICAgICAgICBhdXRvQ29sbGFwc2U9e2F1dG9Db2xsYXBzZX1cbiAgICAgICAgICAgIHJlbmRlckl0ZW09e3JlbmRlckl0ZW19XG4gICAgICAgICAgICByZW5kZXJTZXBhcmF0b3I9e3JlbmRlclNlcGFyYXRvcn1cbiAgICAgICAgICAgIHJlZj17KGVsZW1lbnQpID0+XG4gICAgICAgICAgICAgIGVsZW1lbnQgPT09IG51bGwgfHwgKCFjb2xsYXBzZUZpcnN0ICYmIGluZGV4ID09PSAwKSAvLyBza2lwIGZpcnN0IGl0ZW0gd2hpY2ggaXMgbmV2ZXIgdHJ1bmNhdGVkXG4gICAgICAgICAgICAgICAgPyBicmVhZGNydW1iSXRlbVJlZnMuZGVsZXRlKGl0ZW0udG8pXG4gICAgICAgICAgICAgICAgOiBicmVhZGNydW1iSXRlbVJlZnMuc2V0KGl0ZW0udG8sIGVsZW1lbnQpXG4gICAgICAgICAgICB9XG4gICAgICAgICAgICBrZXk9e3V1aWQoKX1cbiAgICAgICAgICAgIHRvdGFsQ291bnQ9e2l0ZW1zLmxlbmd0aH1cbiAgICAgICAgICAgIGl0ZW09e3sgLi4uaXRlbSwgaW5kZXggfX1cbiAgICAgICAgICAvPlxuICAgICAgICApKX1cbiAgICAgIDwvU3R5bGVkTGlzdD5cbiAgICA8L0JyZWFkY3J1bWJOYXY+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBCcmVhZGNydW1iO1xuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
 
 var Breadcrumb = function Breadcrumb(_ref) {
-  var children = _ref.children,
-      items = _ref.items,
-      invertedStyle = _ref.invertedStyle,
-      t = _ref.t;
-  return ___EmotionJSX("nav", {
+  var items = _ref.items,
+      autoCollapse = _ref.autoCollapse,
+      renderItem = _ref.renderItem,
+      renderSeparator = _ref.renderSeparator,
+      collapseFirst = _ref.collapseFirst;
+
+  var _useTranslation = useTranslation(),
+      t = _useTranslation.t;
+
+  var olRef = useRef();
+  var containerRef = useRef(null); // No idiomatic way of dealing with sets of refs yet
+  // See: https://github.com/facebook/react/issues/14072#issuecomment-446777406
+
+  var breadcrumbItemRefs = useRef(new Map()).current;
+  var size = useComponentSize(containerRef);
+  useIsomorphicLayoutEffect(function () {
+    if (!autoCollapse) {
+      return;
+    } // Create an array of all breadcrumb item refs
+
+
+    var items = Array.from(breadcrumbItemRefs).map(function (_ref2) {
+      var _ref3 = _slicedToArray(_ref2, 2),
+          key = _ref3[0],
+          value = _ref3[1];
+
+      return value;
+    }); // Clear max width on all items
+
+    items.forEach(function (el) {
+      el.setMaxWidth('none');
+    }); // Set maxWidth on breadcrumb text items iteratively until
+    // the ordered list fits on a single line. It's on a single line
+    // if the height of the list is less then 70.
+
+    items.forEach(function (el) {
+      if (olRef.current.offsetHeight > 60) {
+        el.setMaxWidth('40px');
+      }
+    });
+  }, [size]);
+  return ___EmotionJSX(BreadcrumbNav, {
+    ref: containerRef,
     "aria-label": t('breadcrumb.breadcrumb')
-  }, children, ___EmotionJSX("ol", classes('list'), items.map(function (item, i) {
+  }, ___EmotionJSX(StyledList, {
+    ref: olRef
+  }, items.map(function (item, index) {
     return ___EmotionJSX(BreadcrumbItem, {
-      invertedStyle: invertedStyle,
-      classes: classes,
-      home: i === 0,
+      autoCollapse: autoCollapse,
+      renderItem: renderItem,
+      renderSeparator: renderSeparator,
+      ref: function ref(element) {
+        return element === null || !collapseFirst && index === 0 // skip first item which is never truncated
+        ? breadcrumbItemRefs["delete"](item.to) : breadcrumbItemRefs.set(item.to, element);
+      },
       key: uuid(),
-      isCurrent: i === items.length - 1,
-      to: item.to,
-      name: item.name
-    }, i === 0 ? ___EmotionJSX(Home, {
-      className: "c-icon--20",
-      title: item.name
-    }) : item.name);
+      totalCount: items.length,
+      item: _objectSpread(_objectSpread({}, item), {}, {
+        index: index
+      })
+    });
   })));
 };
 
-export default withTranslation()(Breadcrumb);
+export default Breadcrumb;

package/es/Breadcrumb/BreadcrumbItem.js

@@ -1,4 +1,6 @@
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+import _styled from "@emotion/styled-base";
+
+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.
@@ -10,15 +12,62 @@ function _extends() { _extends = Object.assign || function (target) { for (var i
 import React, { useRef, useImperativeHandle, forwardRef } from 'react';
 import { ChevronRight } from '@ndla/icons/common';
 import SafeLink from '@ndla/safelink';
+import { mq, spacing, breakpoints } from '@ndla/core';
+import { css } from '@emotion/core';
 import { jsx as ___EmotionJSX } from "@emotion/core";
-var BreadcrumbItem = /*#__PURE__*/forwardRef(function (_ref, ref) {
-  var to = _ref.to,
-      children = _ref.children,
-      classes = _ref.classes,
-      isCurrent = _ref.isCurrent,
-      home = _ref.home,
-      invertedStyle = _ref.invertedStyle,
-      name = _ref.name;
+
+var StyledListItem = _styled("li", {
+  target: "ehxjdfm0",
+  label: "StyledListItem"
+})("margin-bottom:0;margin-left:0;display:inline-flex;align-items:center;:before{display:none;}", function (_ref2) {
+  var autoCollapse = _ref2.autoCollapse;
+  return !autoCollapse && /*#__PURE__*/css(mq.range({
+    until: breakpoints.tablet
+  }), "{display:block;};label:StyledListItem;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkJyZWFkY3J1bWJJdGVtLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE0Q08iLCJmaWxlIjoiQnJlYWRjcnVtYkl0ZW0udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMTYtcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgUmVhY3QsIHsgdXNlUmVmLCB1c2VJbXBlcmF0aXZlSGFuZGxlLCBSZWFjdE5vZGUsIGZvcndhcmRSZWYgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBDaGV2cm9uUmlnaHQgfSBmcm9tICdAbmRsYS9pY29ucy9jb21tb24nO1xuaW1wb3J0IFNhZmVMaW5rIGZyb20gJ0BuZGxhL3NhZmVsaW5rJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IG1xLCBzcGFjaW5nLCBicmVha3BvaW50cyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vY29yZSc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgU2ltcGxlQnJlYWRjcnVtYkl0ZW0ge1xuICB0bzogc3RyaW5nIHwgUGFydGlhbDxMb2NhdGlvbj47XG4gIG5hbWU6IHN0cmluZztcbn1cblxuZXhwb3J0IGludGVyZmFjZSBJbmRleGVkQnJlYWRjcnVtYkl0ZW0gZXh0ZW5kcyBTaW1wbGVCcmVhZGNydW1iSXRlbSB7XG4gIGluZGV4OiBudW1iZXI7XG59XG5cbmV4cG9ydCBpbnRlcmZhY2UgQnJlYWRjcnVtYlJlbmRlclByb3BzIHtcbiAgaXRlbTogSW5kZXhlZEJyZWFkY3J1bWJJdGVtO1xuICB0b3RhbENvdW50OiBudW1iZXI7XG59XG5cbmludGVyZmFjZSBBdXRvQ29sbGFwc2VQcm9wcyB7XG4gIGF1dG9Db2xsYXBzZT86IGJvb2xlYW47XG59XG5cbmNvbnN0IFN0eWxlZExpc3RJdGVtID0gc3R5bGVkLmxpPEF1dG9Db2xsYXBzZVByb3BzPmBcbiAgbWFyZ2luLWJvdHRvbTogMDtcbiAgbWFyZ2luLWxlZnQ6IDA7XG4gIGRpc3BsYXk6IGlubGluZS1mbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICA6YmVmb3JlIHtcbiAgICBkaXNwbGF5OiBub25lO1xuICB9XG5cbiAgJHsoeyBhdXRvQ29sbGFwc2UgfSkgPT5cbiAgICAhYXV0b0NvbGxhcHNlICYmXG4gICAgY3NzYFxuICAgICAgJHttcS5yYW5nZSh7IHVudGlsOiBicmVha3BvaW50cy50YWJsZXQgfSl9IHtcbiAgICAgICAgZGlzcGxheTogYmxvY2s7XG4gICAgICB9XG4gICAgYH1cbmA7XG5cbmNvbnN0IENvbGxhcHNlQ29udGFpbmVyID0gc3R5bGVkLmRpdjxBdXRvQ29sbGFwc2VQcm9wcz5gXG4gIGRpc3BsYXk6IGlubGluZS1ibG9jaztcbiAgJHsoeyBhdXRvQ29sbGFwc2UgfSkgPT5cbiAgICBhdXRvQ29sbGFwc2UgJiZcbiAgICBjc3NgXG4gICAgICB0ZXh0LW92ZXJmbG93OiBlbGxpcHNpcztcbiAgICAgIHdoaXRlLXNwYWNlOiBub3dyYXA7XG4gICAgICBvdmVyZmxvdzogaGlkZGVuO1xuICAgICAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuICAgIGB9XG5gO1xuXG5jb25zdCBTdHlsZWRDaGV2cm9uID0gc3R5bGVkKENoZXZyb25SaWdodClgXG4gIG1hcmdpbjogJHtzcGFjaW5nLnh4c21hbGx9O1xuYDtcblxuY29uc3QgU3R5bGVkU2FmZUxpbmsgPSBzdHlsZWQoU2FmZUxpbmspYFxuICBjb2xvcjogaW5oZXJpdDtcbmA7XG5cbmludGVyZmFjZSBQcm9wcyB7XG4gIGl0ZW06IEluZGV4ZWRCcmVhZGNydW1iSXRlbTtcbiAgYXV0b0NvbGxhcHNlPzogYm9vbGVhbjtcbiAgdG90YWxDb3VudDogbnVtYmVyO1xuICByZW5kZXJJdGVtPzogKGl0ZW06IEluZGV4ZWRCcmVhZGNydW1iSXRlbSwgdG90YWxDb3VudDogbnVtYmVyKSA9PiBSZWFjdE5vZGU7XG4gIHJlbmRlclNlcGFyYXRvcj86IChpdGVtOiBJbmRleGVkQnJlYWRjcnVtYkl0ZW0sIHRvdGFsQ291bnQ6IG51bWJlcikgPT4gUmVhY3ROb2RlO1xufVxuXG5jb25zdCBCcmVhZGNydW1iSXRlbSA9IGZvcndhcmRSZWY8YW55LCBQcm9wcz4oXG4gICh7IHJlbmRlckl0ZW0sIHJlbmRlclNlcGFyYXRvciwgaXRlbSwgdG90YWxDb3VudCwgYXV0b0NvbGxhcHNlIH0sIHJlZikgPT4ge1xuICAgIGNvbnN0IGxpUmVmID0gdXNlUmVmPGFueT4oKTtcblxuICAgIHVzZUltcGVyYXRpdmVIYW5kbGUocmVmLCAoKSA9PiAoe1xuICAgICAgc2V0TWF4V2lkdGg6IChtYXhXaWR0aDogbnVtYmVyKSA9PiB7XG4gICAgICAgIGxpUmVmLmN1cnJlbnQuY2hpbGRyZW5bMF0uc3R5bGUubWF4V2lkdGggPSBtYXhXaWR0aDtcbiAgICAgIH0sXG4gICAgfSkpO1xuXG4gICAgY29uc3QgeyB0bywgbmFtZSwgaW5kZXggfSA9IGl0ZW07XG4gICAgY29uc3QgaXNMYXN0ID0gaW5kZXggPT09IHRvdGFsQ291bnQgLSAxO1xuICAgIHJldHVybiAoXG4gICAgICA8U3R5bGVkTGlzdEl0ZW0gcmVmPXtsaVJlZn0gYXV0b0NvbGxhcHNlPXthdXRvQ29sbGFwc2V9PlxuICAgICAgICA8Q29sbGFwc2VDb250YWluZXIgYXV0b0NvbGxhcHNlPXthdXRvQ29sbGFwc2V9PlxuICAgICAgICAgIHtyZW5kZXJJdGVtID8gKFxuICAgICAgICAgICAgcmVuZGVySXRlbShpdGVtLCB0b3RhbENvdW50KVxuICAgICAgICAgICkgOiBpc0xhc3QgPyAoXG4gICAgICAgICAgICA8c3Bhbj57bmFtZX08L3NwYW4+XG4gICAgICAgICAgKSA6IChcbiAgICAgICAgICAgIDxTdHlsZWRTYWZlTGluayB0bz17dG99PlxuICAgICAgICAgICAgICA8c3Bhbj57bmFtZX08L3NwYW4+XG4gICAgICAgICAgICA8L1N0eWxlZFNhZmVMaW5rPlxuICAgICAgICAgICl9XG4gICAgICAgIDwvQ29sbGFwc2VDb250YWluZXI+XG4gICAgICAgIHtyZW5kZXJTZXBhcmF0b3IgPyByZW5kZXJTZXBhcmF0b3IoaXRlbSwgdG90YWxDb3VudCkgOiAhaXNMYXN0ICYmIDxTdHlsZWRDaGV2cm9uIC8+fVxuICAgICAgPC9TdHlsZWRMaXN0SXRlbT5cbiAgICApO1xuICB9LFxuKTtcblxuZXhwb3J0IGRlZmF1bHQgQnJlYWRjcnVtYkl0ZW07XG4iXX0= */"));
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkJyZWFkY3J1bWJJdGVtLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpQ21EIiwiZmlsZSI6IkJyZWFkY3J1bWJJdGVtLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDE2LXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuaW1wb3J0IFJlYWN0LCB7IHVzZVJlZiwgdXNlSW1wZXJhdGl2ZUhhbmRsZSwgUmVhY3ROb2RlLCBmb3J3YXJkUmVmIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgQ2hldnJvblJpZ2h0IH0gZnJvbSAnQG5kbGEvaWNvbnMvY29tbW9uJztcbmltcG9ydCBTYWZlTGluayBmcm9tICdAbmRsYS9zYWZlbGluayc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBtcSwgc3BhY2luZywgYnJlYWtwb2ludHMgfSBmcm9tICdAbmRsYS9jb3JlJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL2NvcmUnO1xuXG5leHBvcnQgaW50ZXJmYWNlIFNpbXBsZUJyZWFkY3J1bWJJdGVtIHtcbiAgdG86IHN0cmluZyB8IFBhcnRpYWw8TG9jYXRpb24+O1xuICBuYW1lOiBzdHJpbmc7XG59XG5cbmV4cG9ydCBpbnRlcmZhY2UgSW5kZXhlZEJyZWFkY3J1bWJJdGVtIGV4dGVuZHMgU2ltcGxlQnJlYWRjcnVtYkl0ZW0ge1xuICBpbmRleDogbnVtYmVyO1xufVxuXG5leHBvcnQgaW50ZXJmYWNlIEJyZWFkY3J1bWJSZW5kZXJQcm9wcyB7XG4gIGl0ZW06IEluZGV4ZWRCcmVhZGNydW1iSXRlbTtcbiAgdG90YWxDb3VudDogbnVtYmVyO1xufVxuXG5pbnRlcmZhY2UgQXV0b0NvbGxhcHNlUHJvcHMge1xuICBhdXRvQ29sbGFwc2U/OiBib29sZWFuO1xufVxuXG5jb25zdCBTdHlsZWRMaXN0SXRlbSA9IHN0eWxlZC5saTxBdXRvQ29sbGFwc2VQcm9wcz5gXG4gIG1hcmdpbi1ib3R0b206IDA7XG4gIG1hcmdpbi1sZWZ0OiAwO1xuICBkaXNwbGF5OiBpbmxpbmUtZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgOmJlZm9yZSB7XG4gICAgZGlzcGxheTogbm9uZTtcbiAgfVxuXG4gICR7KHsgYXV0b0NvbGxhcHNlIH0pID0+XG4gICAgIWF1dG9Db2xsYXBzZSAmJlxuICAgIGNzc2BcbiAgICAgICR7bXEucmFuZ2UoeyB1bnRpbDogYnJlYWtwb2ludHMudGFibGV0IH0pfSB7XG4gICAgICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgICAgfVxuICAgIGB9XG5gO1xuXG5jb25zdCBDb2xsYXBzZUNvbnRhaW5lciA9IHN0eWxlZC5kaXY8QXV0b0NvbGxhcHNlUHJvcHM+YFxuICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gICR7KHsgYXV0b0NvbGxhcHNlIH0pID0+XG4gICAgYXV0b0NvbGxhcHNlICYmXG4gICAgY3NzYFxuICAgICAgdGV4dC1vdmVyZmxvdzogZWxsaXBzaXM7XG4gICAgICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuICAgICAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgICAgIGRpc3BsYXk6IGlubGluZS1ibG9jaztcbiAgICBgfVxuYDtcblxuY29uc3QgU3R5bGVkQ2hldnJvbiA9IHN0eWxlZChDaGV2cm9uUmlnaHQpYFxuICBtYXJnaW46ICR7c3BhY2luZy54eHNtYWxsfTtcbmA7XG5cbmNvbnN0IFN0eWxlZFNhZmVMaW5rID0gc3R5bGVkKFNhZmVMaW5rKWBcbiAgY29sb3I6IGluaGVyaXQ7XG5gO1xuXG5pbnRlcmZhY2UgUHJvcHMge1xuICBpdGVtOiBJbmRleGVkQnJlYWRjcnVtYkl0ZW07XG4gIGF1dG9Db2xsYXBzZT86IGJvb2xlYW47XG4gIHRvdGFsQ291bnQ6IG51bWJlcjtcbiAgcmVuZGVySXRlbT86IChpdGVtOiBJbmRleGVkQnJlYWRjcnVtYkl0ZW0sIHRvdGFsQ291bnQ6IG51bWJlcikgPT4gUmVhY3ROb2RlO1xuICByZW5kZXJTZXBhcmF0b3I/OiAoaXRlbTogSW5kZXhlZEJyZWFkY3J1bWJJdGVtLCB0b3RhbENvdW50OiBudW1iZXIpID0+IFJlYWN0Tm9kZTtcbn1cblxuY29uc3QgQnJlYWRjcnVtYkl0ZW0gPSBmb3J3YXJkUmVmPGFueSwgUHJvcHM+KFxuICAoeyByZW5kZXJJdGVtLCByZW5kZXJTZXBhcmF0b3IsIGl0ZW0sIHRvdGFsQ291bnQsIGF1dG9Db2xsYXBzZSB9LCByZWYpID0+IHtcbiAgICBjb25zdCBsaVJlZiA9IHVzZVJlZjxhbnk+KCk7XG5cbiAgICB1c2VJbXBlcmF0aXZlSGFuZGxlKHJlZiwgKCkgPT4gKHtcbiAgICAgIHNldE1heFdpZHRoOiAobWF4V2lkdGg6IG51bWJlcikgPT4ge1xuICAgICAgICBsaVJlZi5jdXJyZW50LmNoaWxkcmVuWzBdLnN0eWxlLm1heFdpZHRoID0gbWF4V2lkdGg7XG4gICAgICB9LFxuICAgIH0pKTtcblxuICAgIGNvbnN0IHsgdG8sIG5hbWUsIGluZGV4IH0gPSBpdGVtO1xuICAgIGNvbnN0IGlzTGFzdCA9IGluZGV4ID09PSB0b3RhbENvdW50IC0gMTtcbiAgICByZXR1cm4gKFxuICAgICAgPFN0eWxlZExpc3RJdGVtIHJlZj17bGlSZWZ9IGF1dG9Db2xsYXBzZT17YXV0b0NvbGxhcHNlfT5cbiAgICAgICAgPENvbGxhcHNlQ29udGFpbmVyIGF1dG9Db2xsYXBzZT17YXV0b0NvbGxhcHNlfT5cbiAgICAgICAgICB7cmVuZGVySXRlbSA/IChcbiAgICAgICAgICAgIHJlbmRlckl0ZW0oaXRlbSwgdG90YWxDb3VudClcbiAgICAgICAgICApIDogaXNMYXN0ID8gKFxuICAgICAgICAgICAgPHNwYW4+e25hbWV9PC9zcGFuPlxuICAgICAgICAgICkgOiAoXG4gICAgICAgICAgICA8U3R5bGVkU2FmZUxpbmsgdG89e3RvfT5cbiAgICAgICAgICAgICAgPHNwYW4+e25hbWV9PC9zcGFuPlxuICAgICAgICAgICAgPC9TdHlsZWRTYWZlTGluaz5cbiAgICAgICAgICApfVxuICAgICAgICA8L0NvbGxhcHNlQ29udGFpbmVyPlxuICAgICAgICB7cmVuZGVyU2VwYXJhdG9yID8gcmVuZGVyU2VwYXJhdG9yKGl0ZW0sIHRvdGFsQ291bnQpIDogIWlzTGFzdCAmJiA8U3R5bGVkQ2hldnJvbiAvPn1cbiAgICAgIDwvU3R5bGVkTGlzdEl0ZW0+XG4gICAgKTtcbiAgfSxcbik7XG5cbmV4cG9ydCBkZWZhdWx0IEJyZWFkY3J1bWJJdGVtO1xuIl19 */");
+
+var _ref = process.env.NODE_ENV === "production" ? {
+  name: "1wrud1n-CollapseContainer",
+  styles: "text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:inline-block;;label:CollapseContainer;"
+} : {
+  name: "1wrud1n-CollapseContainer",
+  styles: "text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:inline-block;;label:CollapseContainer;",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkJyZWFkY3J1bWJJdGVtLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF1RE8iLCJmaWxlIjoiQnJlYWRjcnVtYkl0ZW0udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMTYtcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgUmVhY3QsIHsgdXNlUmVmLCB1c2VJbXBlcmF0aXZlSGFuZGxlLCBSZWFjdE5vZGUsIGZvcndhcmRSZWYgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBDaGV2cm9uUmlnaHQgfSBmcm9tICdAbmRsYS9pY29ucy9jb21tb24nO1xuaW1wb3J0IFNhZmVMaW5rIGZyb20gJ0BuZGxhL3NhZmVsaW5rJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IG1xLCBzcGFjaW5nLCBicmVha3BvaW50cyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vY29yZSc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgU2ltcGxlQnJlYWRjcnVtYkl0ZW0ge1xuICB0bzogc3RyaW5nIHwgUGFydGlhbDxMb2NhdGlvbj47XG4gIG5hbWU6IHN0cmluZztcbn1cblxuZXhwb3J0IGludGVyZmFjZSBJbmRleGVkQnJlYWRjcnVtYkl0ZW0gZXh0ZW5kcyBTaW1wbGVCcmVhZGNydW1iSXRlbSB7XG4gIGluZGV4OiBudW1iZXI7XG59XG5cbmV4cG9ydCBpbnRlcmZhY2UgQnJlYWRjcnVtYlJlbmRlclByb3BzIHtcbiAgaXRlbTogSW5kZXhlZEJyZWFkY3J1bWJJdGVtO1xuICB0b3RhbENvdW50OiBudW1iZXI7XG59XG5cbmludGVyZmFjZSBBdXRvQ29sbGFwc2VQcm9wcyB7XG4gIGF1dG9Db2xsYXBzZT86IGJvb2xlYW47XG59XG5cbmNvbnN0IFN0eWxlZExpc3RJdGVtID0gc3R5bGVkLmxpPEF1dG9Db2xsYXBzZVByb3BzPmBcbiAgbWFyZ2luLWJvdHRvbTogMDtcbiAgbWFyZ2luLWxlZnQ6IDA7XG4gIGRpc3BsYXk6IGlubGluZS1mbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICA6YmVmb3JlIHtcbiAgICBkaXNwbGF5OiBub25lO1xuICB9XG5cbiAgJHsoeyBhdXRvQ29sbGFwc2UgfSkgPT5cbiAgICAhYXV0b0NvbGxhcHNlICYmXG4gICAgY3NzYFxuICAgICAgJHttcS5yYW5nZSh7IHVudGlsOiBicmVha3BvaW50cy50YWJsZXQgfSl9IHtcbiAgICAgICAgZGlzcGxheTogYmxvY2s7XG4gICAgICB9XG4gICAgYH1cbmA7XG5cbmNvbnN0IENvbGxhcHNlQ29udGFpbmVyID0gc3R5bGVkLmRpdjxBdXRvQ29sbGFwc2VQcm9wcz5gXG4gIGRpc3BsYXk6IGlubGluZS1ibG9jaztcbiAgJHsoeyBhdXRvQ29sbGFwc2UgfSkgPT5cbiAgICBhdXRvQ29sbGFwc2UgJiZcbiAgICBjc3NgXG4gICAgICB0ZXh0LW92ZXJmbG93OiBlbGxpcHNpcztcbiAgICAgIHdoaXRlLXNwYWNlOiBub3dyYXA7XG4gICAgICBvdmVyZmxvdzogaGlkZGVuO1xuICAgICAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuICAgIGB9XG5gO1xuXG5jb25zdCBTdHlsZWRDaGV2cm9uID0gc3R5bGVkKENoZXZyb25SaWdodClgXG4gIG1hcmdpbjogJHtzcGFjaW5nLnh4c21hbGx9O1xuYDtcblxuY29uc3QgU3R5bGVkU2FmZUxpbmsgPSBzdHlsZWQoU2FmZUxpbmspYFxuICBjb2xvcjogaW5oZXJpdDtcbmA7XG5cbmludGVyZmFjZSBQcm9wcyB7XG4gIGl0ZW06IEluZGV4ZWRCcmVhZGNydW1iSXRlbTtcbiAgYXV0b0NvbGxhcHNlPzogYm9vbGVhbjtcbiAgdG90YWxDb3VudDogbnVtYmVyO1xuICByZW5kZXJJdGVtPzogKGl0ZW06IEluZGV4ZWRCcmVhZGNydW1iSXRlbSwgdG90YWxDb3VudDogbnVtYmVyKSA9PiBSZWFjdE5vZGU7XG4gIHJlbmRlclNlcGFyYXRvcj86IChpdGVtOiBJbmRleGVkQnJlYWRjcnVtYkl0ZW0sIHRvdGFsQ291bnQ6IG51bWJlcikgPT4gUmVhY3ROb2RlO1xufVxuXG5jb25zdCBCcmVhZGNydW1iSXRlbSA9IGZvcndhcmRSZWY8YW55LCBQcm9wcz4oXG4gICh7IHJlbmRlckl0ZW0sIHJlbmRlclNlcGFyYXRvciwgaXRlbSwgdG90YWxDb3VudCwgYXV0b0NvbGxhcHNlIH0sIHJlZikgPT4ge1xuICAgIGNvbnN0IGxpUmVmID0gdXNlUmVmPGFueT4oKTtcblxuICAgIHVzZUltcGVyYXRpdmVIYW5kbGUocmVmLCAoKSA9PiAoe1xuICAgICAgc2V0TWF4V2lkdGg6IChtYXhXaWR0aDogbnVtYmVyKSA9PiB7XG4gICAgICAgIGxpUmVmLmN1cnJlbnQuY2hpbGRyZW5bMF0uc3R5bGUubWF4V2lkdGggPSBtYXhXaWR0aDtcbiAgICAgIH0sXG4gICAgfSkpO1xuXG4gICAgY29uc3QgeyB0bywgbmFtZSwgaW5kZXggfSA9IGl0ZW07XG4gICAgY29uc3QgaXNMYXN0ID0gaW5kZXggPT09IHRvdGFsQ291bnQgLSAxO1xuICAgIHJldHVybiAoXG4gICAgICA8U3R5bGVkTGlzdEl0ZW0gcmVmPXtsaVJlZn0gYXV0b0NvbGxhcHNlPXthdXRvQ29sbGFwc2V9PlxuICAgICAgICA8Q29sbGFwc2VDb250YWluZXIgYXV0b0NvbGxhcHNlPXthdXRvQ29sbGFwc2V9PlxuICAgICAgICAgIHtyZW5kZXJJdGVtID8gKFxuICAgICAgICAgICAgcmVuZGVySXRlbShpdGVtLCB0b3RhbENvdW50KVxuICAgICAgICAgICkgOiBpc0xhc3QgPyAoXG4gICAgICAgICAgICA8c3Bhbj57bmFtZX08L3NwYW4+XG4gICAgICAgICAgKSA6IChcbiAgICAgICAgICAgIDxTdHlsZWRTYWZlTGluayB0bz17dG99PlxuICAgICAgICAgICAgICA8c3Bhbj57bmFtZX08L3NwYW4+XG4gICAgICAgICAgICA8L1N0eWxlZFNhZmVMaW5rPlxuICAgICAgICAgICl9XG4gICAgICAgIDwvQ29sbGFwc2VDb250YWluZXI+XG4gICAgICAgIHtyZW5kZXJTZXBhcmF0b3IgPyByZW5kZXJTZXBhcmF0b3IoaXRlbSwgdG90YWxDb3VudCkgOiAhaXNMYXN0ICYmIDxTdHlsZWRDaGV2cm9uIC8+fVxuICAgICAgPC9TdHlsZWRMaXN0SXRlbT5cbiAgICApO1xuICB9LFxuKTtcblxuZXhwb3J0IGRlZmF1bHQgQnJlYWRjcnVtYkl0ZW07XG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+
+var CollapseContainer = _styled("div", {
+  target: "ehxjdfm1",
+  label: "CollapseContainer"
+})("display:inline-block;", function (_ref3) {
+  var autoCollapse = _ref3.autoCollapse;
+  return autoCollapse && _ref;
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkJyZWFkY3J1bWJJdGVtLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtRHVEIiwiZmlsZSI6IkJyZWFkY3J1bWJJdGVtLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDE2LXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuaW1wb3J0IFJlYWN0LCB7IHVzZVJlZiwgdXNlSW1wZXJhdGl2ZUhhbmRsZSwgUmVhY3ROb2RlLCBmb3J3YXJkUmVmIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgQ2hldnJvblJpZ2h0IH0gZnJvbSAnQG5kbGEvaWNvbnMvY29tbW9uJztcbmltcG9ydCBTYWZlTGluayBmcm9tICdAbmRsYS9zYWZlbGluayc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBtcSwgc3BhY2luZywgYnJlYWtwb2ludHMgfSBmcm9tICdAbmRsYS9jb3JlJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL2NvcmUnO1xuXG5leHBvcnQgaW50ZXJmYWNlIFNpbXBsZUJyZWFkY3J1bWJJdGVtIHtcbiAgdG86IHN0cmluZyB8IFBhcnRpYWw8TG9jYXRpb24+O1xuICBuYW1lOiBzdHJpbmc7XG59XG5cbmV4cG9ydCBpbnRlcmZhY2UgSW5kZXhlZEJyZWFkY3J1bWJJdGVtIGV4dGVuZHMgU2ltcGxlQnJlYWRjcnVtYkl0ZW0ge1xuICBpbmRleDogbnVtYmVyO1xufVxuXG5leHBvcnQgaW50ZXJmYWNlIEJyZWFkY3J1bWJSZW5kZXJQcm9wcyB7XG4gIGl0ZW06IEluZGV4ZWRCcmVhZGNydW1iSXRlbTtcbiAgdG90YWxDb3VudDogbnVtYmVyO1xufVxuXG5pbnRlcmZhY2UgQXV0b0NvbGxhcHNlUHJvcHMge1xuICBhdXRvQ29sbGFwc2U/OiBib29sZWFuO1xufVxuXG5jb25zdCBTdHlsZWRMaXN0SXRlbSA9IHN0eWxlZC5saTxBdXRvQ29sbGFwc2VQcm9wcz5gXG4gIG1hcmdpbi1ib3R0b206IDA7XG4gIG1hcmdpbi1sZWZ0OiAwO1xuICBkaXNwbGF5OiBpbmxpbmUtZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgOmJlZm9yZSB7XG4gICAgZGlzcGxheTogbm9uZTtcbiAgfVxuXG4gICR7KHsgYXV0b0NvbGxhcHNlIH0pID0+XG4gICAgIWF1dG9Db2xsYXBzZSAmJlxuICAgIGNzc2BcbiAgICAgICR7bXEucmFuZ2UoeyB1bnRpbDogYnJlYWtwb2ludHMudGFibGV0IH0pfSB7XG4gICAgICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgICAgfVxuICAgIGB9XG5gO1xuXG5jb25zdCBDb2xsYXBzZUNvbnRhaW5lciA9IHN0eWxlZC5kaXY8QXV0b0NvbGxhcHNlUHJvcHM+YFxuICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gICR7KHsgYXV0b0NvbGxhcHNlIH0pID0+XG4gICAgYXV0b0NvbGxhcHNlICYmXG4gICAgY3NzYFxuICAgICAgdGV4dC1vdmVyZmxvdzogZWxsaXBzaXM7XG4gICAgICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuICAgICAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgICAgIGRpc3BsYXk6IGlubGluZS1ibG9jaztcbiAgICBgfVxuYDtcblxuY29uc3QgU3R5bGVkQ2hldnJvbiA9IHN0eWxlZChDaGV2cm9uUmlnaHQpYFxuICBtYXJnaW46ICR7c3BhY2luZy54eHNtYWxsfTtcbmA7XG5cbmNvbnN0IFN0eWxlZFNhZmVMaW5rID0gc3R5bGVkKFNhZmVMaW5rKWBcbiAgY29sb3I6IGluaGVyaXQ7XG5gO1xuXG5pbnRlcmZhY2UgUHJvcHMge1xuICBpdGVtOiBJbmRleGVkQnJlYWRjcnVtYkl0ZW07XG4gIGF1dG9Db2xsYXBzZT86IGJvb2xlYW47XG4gIHRvdGFsQ291bnQ6IG51bWJlcjtcbiAgcmVuZGVySXRlbT86IChpdGVtOiBJbmRleGVkQnJlYWRjcnVtYkl0ZW0sIHRvdGFsQ291bnQ6IG51bWJlcikgPT4gUmVhY3ROb2RlO1xuICByZW5kZXJTZXBhcmF0b3I/OiAoaXRlbTogSW5kZXhlZEJyZWFkY3J1bWJJdGVtLCB0b3RhbENvdW50OiBudW1iZXIpID0+IFJlYWN0Tm9kZTtcbn1cblxuY29uc3QgQnJlYWRjcnVtYkl0ZW0gPSBmb3J3YXJkUmVmPGFueSwgUHJvcHM+KFxuICAoeyByZW5kZXJJdGVtLCByZW5kZXJTZXBhcmF0b3IsIGl0ZW0sIHRvdGFsQ291bnQsIGF1dG9Db2xsYXBzZSB9LCByZWYpID0+IHtcbiAgICBjb25zdCBsaVJlZiA9IHVzZVJlZjxhbnk+KCk7XG5cbiAgICB1c2VJbXBlcmF0aXZlSGFuZGxlKHJlZiwgKCkgPT4gKHtcbiAgICAgIHNldE1heFdpZHRoOiAobWF4V2lkdGg6IG51bWJlcikgPT4ge1xuICAgICAgICBsaVJlZi5jdXJyZW50LmNoaWxkcmVuWzBdLnN0eWxlLm1heFdpZHRoID0gbWF4V2lkdGg7XG4gICAgICB9LFxuICAgIH0pKTtcblxuICAgIGNvbnN0IHsgdG8sIG5hbWUsIGluZGV4IH0gPSBpdGVtO1xuICAgIGNvbnN0IGlzTGFzdCA9IGluZGV4ID09PSB0b3RhbENvdW50IC0gMTtcbiAgICByZXR1cm4gKFxuICAgICAgPFN0eWxlZExpc3RJdGVtIHJlZj17bGlSZWZ9IGF1dG9Db2xsYXBzZT17YXV0b0NvbGxhcHNlfT5cbiAgICAgICAgPENvbGxhcHNlQ29udGFpbmVyIGF1dG9Db2xsYXBzZT17YXV0b0NvbGxhcHNlfT5cbiAgICAgICAgICB7cmVuZGVySXRlbSA/IChcbiAgICAgICAgICAgIHJlbmRlckl0ZW0oaXRlbSwgdG90YWxDb3VudClcbiAgICAgICAgICApIDogaXNMYXN0ID8gKFxuICAgICAgICAgICAgPHNwYW4+e25hbWV9PC9zcGFuPlxuICAgICAgICAgICkgOiAoXG4gICAgICAgICAgICA8U3R5bGVkU2FmZUxpbmsgdG89e3RvfT5cbiAgICAgICAgICAgICAgPHNwYW4+e25hbWV9PC9zcGFuPlxuICAgICAgICAgICAgPC9TdHlsZWRTYWZlTGluaz5cbiAgICAgICAgICApfVxuICAgICAgICA8L0NvbGxhcHNlQ29udGFpbmVyPlxuICAgICAgICB7cmVuZGVyU2VwYXJhdG9yID8gcmVuZGVyU2VwYXJhdG9yKGl0ZW0sIHRvdGFsQ291bnQpIDogIWlzTGFzdCAmJiA8U3R5bGVkQ2hldnJvbiAvPn1cbiAgICAgIDwvU3R5bGVkTGlzdEl0ZW0+XG4gICAgKTtcbiAgfSxcbik7XG5cbmV4cG9ydCBkZWZhdWx0IEJyZWFkY3J1bWJJdGVtO1xuIl19 */");
+
+var StyledChevron = /*#__PURE__*/_styled(ChevronRight, {
+  target: "ehxjdfm2",
+  label: "StyledChevron"
+})("margin:", spacing.xxsmall, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkJyZWFkY3J1bWJJdGVtLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUErRDBDIiwiZmlsZSI6IkJyZWFkY3J1bWJJdGVtLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDE2LXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuaW1wb3J0IFJlYWN0LCB7IHVzZVJlZiwgdXNlSW1wZXJhdGl2ZUhhbmRsZSwgUmVhY3ROb2RlLCBmb3J3YXJkUmVmIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgQ2hldnJvblJpZ2h0IH0gZnJvbSAnQG5kbGEvaWNvbnMvY29tbW9uJztcbmltcG9ydCBTYWZlTGluayBmcm9tICdAbmRsYS9zYWZlbGluayc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBtcSwgc3BhY2luZywgYnJlYWtwb2ludHMgfSBmcm9tICdAbmRsYS9jb3JlJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL2NvcmUnO1xuXG5leHBvcnQgaW50ZXJmYWNlIFNpbXBsZUJyZWFkY3J1bWJJdGVtIHtcbiAgdG86IHN0cmluZyB8IFBhcnRpYWw8TG9jYXRpb24+O1xuICBuYW1lOiBzdHJpbmc7XG59XG5cbmV4cG9ydCBpbnRlcmZhY2UgSW5kZXhlZEJyZWFkY3J1bWJJdGVtIGV4dGVuZHMgU2ltcGxlQnJlYWRjcnVtYkl0ZW0ge1xuICBpbmRleDogbnVtYmVyO1xufVxuXG5leHBvcnQgaW50ZXJmYWNlIEJyZWFkY3J1bWJSZW5kZXJQcm9wcyB7XG4gIGl0ZW06IEluZGV4ZWRCcmVhZGNydW1iSXRlbTtcbiAgdG90YWxDb3VudDogbnVtYmVyO1xufVxuXG5pbnRlcmZhY2UgQXV0b0NvbGxhcHNlUHJvcHMge1xuICBhdXRvQ29sbGFwc2U/OiBib29sZWFuO1xufVxuXG5jb25zdCBTdHlsZWRMaXN0SXRlbSA9IHN0eWxlZC5saTxBdXRvQ29sbGFwc2VQcm9wcz5gXG4gIG1hcmdpbi1ib3R0b206IDA7XG4gIG1hcmdpbi1sZWZ0OiAwO1xuICBkaXNwbGF5OiBpbmxpbmUtZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgOmJlZm9yZSB7XG4gICAgZGlzcGxheTogbm9uZTtcbiAgfVxuXG4gICR7KHsgYXV0b0NvbGxhcHNlIH0pID0+XG4gICAgIWF1dG9Db2xsYXBzZSAmJlxuICAgIGNzc2BcbiAgICAgICR7bXEucmFuZ2UoeyB1bnRpbDogYnJlYWtwb2ludHMudGFibGV0IH0pfSB7XG4gICAgICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgICAgfVxuICAgIGB9XG5gO1xuXG5jb25zdCBDb2xsYXBzZUNvbnRhaW5lciA9IHN0eWxlZC5kaXY8QXV0b0NvbGxhcHNlUHJvcHM+YFxuICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gICR7KHsgYXV0b0NvbGxhcHNlIH0pID0+XG4gICAgYXV0b0NvbGxhcHNlICYmXG4gICAgY3NzYFxuICAgICAgdGV4dC1vdmVyZmxvdzogZWxsaXBzaXM7XG4gICAgICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuICAgICAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgICAgIGRpc3BsYXk6IGlubGluZS1ibG9jaztcbiAgICBgfVxuYDtcblxuY29uc3QgU3R5bGVkQ2hldnJvbiA9IHN0eWxlZChDaGV2cm9uUmlnaHQpYFxuICBtYXJnaW46ICR7c3BhY2luZy54eHNtYWxsfTtcbmA7XG5cbmNvbnN0IFN0eWxlZFNhZmVMaW5rID0gc3R5bGVkKFNhZmVMaW5rKWBcbiAgY29sb3I6IGluaGVyaXQ7XG5gO1xuXG5pbnRlcmZhY2UgUHJvcHMge1xuICBpdGVtOiBJbmRleGVkQnJlYWRjcnVtYkl0ZW07XG4gIGF1dG9Db2xsYXBzZT86IGJvb2xlYW47XG4gIHRvdGFsQ291bnQ6IG51bWJlcjtcbiAgcmVuZGVySXRlbT86IChpdGVtOiBJbmRleGVkQnJlYWRjcnVtYkl0ZW0sIHRvdGFsQ291bnQ6IG51bWJlcikgPT4gUmVhY3ROb2RlO1xuICByZW5kZXJTZXBhcmF0b3I/OiAoaXRlbTogSW5kZXhlZEJyZWFkY3J1bWJJdGVtLCB0b3RhbENvdW50OiBudW1iZXIpID0+IFJlYWN0Tm9kZTtcbn1cblxuY29uc3QgQnJlYWRjcnVtYkl0ZW0gPSBmb3J3YXJkUmVmPGFueSwgUHJvcHM+KFxuICAoeyByZW5kZXJJdGVtLCByZW5kZXJTZXBhcmF0b3IsIGl0ZW0sIHRvdGFsQ291bnQsIGF1dG9Db2xsYXBzZSB9LCByZWYpID0+IHtcbiAgICBjb25zdCBsaVJlZiA9IHVzZVJlZjxhbnk+KCk7XG5cbiAgICB1c2VJbXBlcmF0aXZlSGFuZGxlKHJlZiwgKCkgPT4gKHtcbiAgICAgIHNldE1heFdpZHRoOiAobWF4V2lkdGg6IG51bWJlcikgPT4ge1xuICAgICAgICBsaVJlZi5jdXJyZW50LmNoaWxkcmVuWzBdLnN0eWxlLm1heFdpZHRoID0gbWF4V2lkdGg7XG4gICAgICB9LFxuICAgIH0pKTtcblxuICAgIGNvbnN0IHsgdG8sIG5hbWUsIGluZGV4IH0gPSBpdGVtO1xuICAgIGNvbnN0IGlzTGFzdCA9IGluZGV4ID09PSB0b3RhbENvdW50IC0gMTtcbiAgICByZXR1cm4gKFxuICAgICAgPFN0eWxlZExpc3RJdGVtIHJlZj17bGlSZWZ9IGF1dG9Db2xsYXBzZT17YXV0b0NvbGxhcHNlfT5cbiAgICAgICAgPENvbGxhcHNlQ29udGFpbmVyIGF1dG9Db2xsYXBzZT17YXV0b0NvbGxhcHNlfT5cbiAgICAgICAgICB7cmVuZGVySXRlbSA/IChcbiAgICAgICAgICAgIHJlbmRlckl0ZW0oaXRlbSwgdG90YWxDb3VudClcbiAgICAgICAgICApIDogaXNMYXN0ID8gKFxuICAgICAgICAgICAgPHNwYW4+e25hbWV9PC9zcGFuPlxuICAgICAgICAgICkgOiAoXG4gICAgICAgICAgICA8U3R5bGVkU2FmZUxpbmsgdG89e3RvfT5cbiAgICAgICAgICAgICAgPHNwYW4+e25hbWV9PC9zcGFuPlxuICAgICAgICAgICAgPC9TdHlsZWRTYWZlTGluaz5cbiAgICAgICAgICApfVxuICAgICAgICA8L0NvbGxhcHNlQ29udGFpbmVyPlxuICAgICAgICB7cmVuZGVyU2VwYXJhdG9yID8gcmVuZGVyU2VwYXJhdG9yKGl0ZW0sIHRvdGFsQ291bnQpIDogIWlzTGFzdCAmJiA8U3R5bGVkQ2hldnJvbiAvPn1cbiAgICAgIDwvU3R5bGVkTGlzdEl0ZW0+XG4gICAgKTtcbiAgfSxcbik7XG5cbmV4cG9ydCBkZWZhdWx0IEJyZWFkY3J1bWJJdGVtO1xuIl19 */"));
+
+var StyledSafeLink = /*#__PURE__*/_styled(SafeLink, {
+  target: "ehxjdfm3",
+  label: "StyledSafeLink"
+})(process.env.NODE_ENV === "production" ? {
+  name: "q2y3yl",
+  styles: "color:inherit;"
+} : {
+  name: "q2y3yl",
+  styles: "color:inherit;",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkJyZWFkY3J1bWJJdGVtLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtRXVDIiwiZmlsZSI6IkJyZWFkY3J1bWJJdGVtLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDE2LXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuaW1wb3J0IFJlYWN0LCB7IHVzZVJlZiwgdXNlSW1wZXJhdGl2ZUhhbmRsZSwgUmVhY3ROb2RlLCBmb3J3YXJkUmVmIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgQ2hldnJvblJpZ2h0IH0gZnJvbSAnQG5kbGEvaWNvbnMvY29tbW9uJztcbmltcG9ydCBTYWZlTGluayBmcm9tICdAbmRsYS9zYWZlbGluayc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBtcSwgc3BhY2luZywgYnJlYWtwb2ludHMgfSBmcm9tICdAbmRsYS9jb3JlJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL2NvcmUnO1xuXG5leHBvcnQgaW50ZXJmYWNlIFNpbXBsZUJyZWFkY3J1bWJJdGVtIHtcbiAgdG86IHN0cmluZyB8IFBhcnRpYWw8TG9jYXRpb24+O1xuICBuYW1lOiBzdHJpbmc7XG59XG5cbmV4cG9ydCBpbnRlcmZhY2UgSW5kZXhlZEJyZWFkY3J1bWJJdGVtIGV4dGVuZHMgU2ltcGxlQnJlYWRjcnVtYkl0ZW0ge1xuICBpbmRleDogbnVtYmVyO1xufVxuXG5leHBvcnQgaW50ZXJmYWNlIEJyZWFkY3J1bWJSZW5kZXJQcm9wcyB7XG4gIGl0ZW06IEluZGV4ZWRCcmVhZGNydW1iSXRlbTtcbiAgdG90YWxDb3VudDogbnVtYmVyO1xufVxuXG5pbnRlcmZhY2UgQXV0b0NvbGxhcHNlUHJvcHMge1xuICBhdXRvQ29sbGFwc2U/OiBib29sZWFuO1xufVxuXG5jb25zdCBTdHlsZWRMaXN0SXRlbSA9IHN0eWxlZC5saTxBdXRvQ29sbGFwc2VQcm9wcz5gXG4gIG1hcmdpbi1ib3R0b206IDA7XG4gIG1hcmdpbi1sZWZ0OiAwO1xuICBkaXNwbGF5OiBpbmxpbmUtZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgOmJlZm9yZSB7XG4gICAgZGlzcGxheTogbm9uZTtcbiAgfVxuXG4gICR7KHsgYXV0b0NvbGxhcHNlIH0pID0+XG4gICAgIWF1dG9Db2xsYXBzZSAmJlxuICAgIGNzc2BcbiAgICAgICR7bXEucmFuZ2UoeyB1bnRpbDogYnJlYWtwb2ludHMudGFibGV0IH0pfSB7XG4gICAgICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgICAgfVxuICAgIGB9XG5gO1xuXG5jb25zdCBDb2xsYXBzZUNvbnRhaW5lciA9IHN0eWxlZC5kaXY8QXV0b0NvbGxhcHNlUHJvcHM+YFxuICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gICR7KHsgYXV0b0NvbGxhcHNlIH0pID0+XG4gICAgYXV0b0NvbGxhcHNlICYmXG4gICAgY3NzYFxuICAgICAgdGV4dC1vdmVyZmxvdzogZWxsaXBzaXM7XG4gICAgICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuICAgICAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgICAgIGRpc3BsYXk6IGlubGluZS1ibG9jaztcbiAgICBgfVxuYDtcblxuY29uc3QgU3R5bGVkQ2hldnJvbiA9IHN0eWxlZChDaGV2cm9uUmlnaHQpYFxuICBtYXJnaW46ICR7c3BhY2luZy54eHNtYWxsfTtcbmA7XG5cbmNvbnN0IFN0eWxlZFNhZmVMaW5rID0gc3R5bGVkKFNhZmVMaW5rKWBcbiAgY29sb3I6IGluaGVyaXQ7XG5gO1xuXG5pbnRlcmZhY2UgUHJvcHMge1xuICBpdGVtOiBJbmRleGVkQnJlYWRjcnVtYkl0ZW07XG4gIGF1dG9Db2xsYXBzZT86IGJvb2xlYW47XG4gIHRvdGFsQ291bnQ6IG51bWJlcjtcbiAgcmVuZGVySXRlbT86IChpdGVtOiBJbmRleGVkQnJlYWRjcnVtYkl0ZW0sIHRvdGFsQ291bnQ6IG51bWJlcikgPT4gUmVhY3ROb2RlO1xuICByZW5kZXJTZXBhcmF0b3I/OiAoaXRlbTogSW5kZXhlZEJyZWFkY3J1bWJJdGVtLCB0b3RhbENvdW50OiBudW1iZXIpID0+IFJlYWN0Tm9kZTtcbn1cblxuY29uc3QgQnJlYWRjcnVtYkl0ZW0gPSBmb3J3YXJkUmVmPGFueSwgUHJvcHM+KFxuICAoeyByZW5kZXJJdGVtLCByZW5kZXJTZXBhcmF0b3IsIGl0ZW0sIHRvdGFsQ291bnQsIGF1dG9Db2xsYXBzZSB9LCByZWYpID0+IHtcbiAgICBjb25zdCBsaVJlZiA9IHVzZVJlZjxhbnk+KCk7XG5cbiAgICB1c2VJbXBlcmF0aXZlSGFuZGxlKHJlZiwgKCkgPT4gKHtcbiAgICAgIHNldE1heFdpZHRoOiAobWF4V2lkdGg6IG51bWJlcikgPT4ge1xuICAgICAgICBsaVJlZi5jdXJyZW50LmNoaWxkcmVuWzBdLnN0eWxlLm1heFdpZHRoID0gbWF4V2lkdGg7XG4gICAgICB9LFxuICAgIH0pKTtcblxuICAgIGNvbnN0IHsgdG8sIG5hbWUsIGluZGV4IH0gPSBpdGVtO1xuICAgIGNvbnN0IGlzTGFzdCA9IGluZGV4ID09PSB0b3RhbENvdW50IC0gMTtcbiAgICByZXR1cm4gKFxuICAgICAgPFN0eWxlZExpc3RJdGVtIHJlZj17bGlSZWZ9IGF1dG9Db2xsYXBzZT17YXV0b0NvbGxhcHNlfT5cbiAgICAgICAgPENvbGxhcHNlQ29udGFpbmVyIGF1dG9Db2xsYXBzZT17YXV0b0NvbGxhcHNlfT5cbiAgICAgICAgICB7cmVuZGVySXRlbSA/IChcbiAgICAgICAgICAgIHJlbmRlckl0ZW0oaXRlbSwgdG90YWxDb3VudClcbiAgICAgICAgICApIDogaXNMYXN0ID8gKFxuICAgICAgICAgICAgPHNwYW4+e25hbWV9PC9zcGFuPlxuICAgICAgICAgICkgOiAoXG4gICAgICAgICAgICA8U3R5bGVkU2FmZUxpbmsgdG89e3RvfT5cbiAgICAgICAgICAgICAgPHNwYW4+e25hbWV9PC9zcGFuPlxuICAgICAgICAgICAgPC9TdHlsZWRTYWZlTGluaz5cbiAgICAgICAgICApfVxuICAgICAgICA8L0NvbGxhcHNlQ29udGFpbmVyPlxuICAgICAgICB7cmVuZGVyU2VwYXJhdG9yID8gcmVuZGVyU2VwYXJhdG9yKGl0ZW0sIHRvdGFsQ291bnQpIDogIWlzTGFzdCAmJiA8U3R5bGVkQ2hldnJvbiAvPn1cbiAgICAgIDwvU3R5bGVkTGlzdEl0ZW0+XG4gICAgKTtcbiAgfSxcbik7XG5cbmV4cG9ydCBkZWZhdWx0IEJyZWFkY3J1bWJJdGVtO1xuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+
+var BreadcrumbItem = /*#__PURE__*/forwardRef(function (_ref4, ref) {
+  var renderItem = _ref4.renderItem,
+      renderSeparator = _ref4.renderSeparator,
+      item = _ref4.item,
+      totalCount = _ref4.totalCount,
+      autoCollapse = _ref4.autoCollapse;
   var liRef = useRef();
   useImperativeHandle(ref, function () {
     return {
@@ -27,14 +76,17 @@ var BreadcrumbItem = /*#__PURE__*/forwardRef(function (_ref, ref) {
       }
     };
   });
-  return ___EmotionJSX("li", _extends({}, classes('item', {
-    home: home,
-    invertedStyle: invertedStyle
-  }), {
-    ref: liRef
-  }), isCurrent ? ___EmotionJSX("span", null, children) : ___EmotionJSX(SafeLink, {
-    to: to,
-    "aria-label": home ? name : undefined
-  }, children), !home && ___EmotionJSX(ChevronRight, null));
+  var to = item.to,
+      name = item.name,
+      index = item.index;
+  var isLast = index === totalCount - 1;
+  return ___EmotionJSX(StyledListItem, {
+    ref: liRef,
+    autoCollapse: autoCollapse
+  }, ___EmotionJSX(CollapseContainer, {
+    autoCollapse: autoCollapse
+  }, renderItem ? renderItem(item, totalCount) : isLast ? ___EmotionJSX("span", null, name) : ___EmotionJSX(StyledSafeLink, {
+    to: to
+  }, ___EmotionJSX("span", null, name))), renderSeparator ? renderSeparator(item, totalCount) : !isLast && ___EmotionJSX(StyledChevron, null));
 });
 export default BreadcrumbItem;

package/es/Breadcrumb/HeaderBreadcrumb.js

@@ -0,0 +1,63 @@
+import _styled from "@emotion/styled-base";
+import { colors, fonts, spacing } from '@ndla/core';
+import { ChevronRight } from '@ndla/icons/common';
+import SafeLink from '@ndla/safelink';
+import React from 'react';
+import Breadcrumb from './Breadcrumb';
+import { jsx as ___EmotionJSX } from "@emotion/core";
+
+var StyledHeaderSafeLink = /*#__PURE__*/_styled(SafeLink, {
+  target: "eazb5ip0",
+  label: "StyledHeaderSafeLink"
+})(fonts.sizes(14), ";font-weight:", fonts.weight.bold, ";color:", colors.brand.primary, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkhlYWRlckJyZWFkY3J1bWIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWdCNkMiLCJmaWxlIjoiSGVhZGVyQnJlYWRjcnVtYi50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMi1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNvbG9ycywgZm9udHMsIHNwYWNpbmcgfSBmcm9tICdAbmRsYS9jb3JlJztcbmltcG9ydCB7IENoZXZyb25SaWdodCB9IGZyb20gJ0BuZGxhL2ljb25zL2NvbW1vbic7XG5pbXBvcnQgU2FmZUxpbmsgZnJvbSAnQG5kbGEvc2FmZWxpbmsnO1xuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCBCcmVhZGNydW1iIGZyb20gJy4vQnJlYWRjcnVtYic7XG5pbXBvcnQgeyBJbmRleGVkQnJlYWRjcnVtYkl0ZW0sIFNpbXBsZUJyZWFkY3J1bWJJdGVtIH0gZnJvbSAnLi9CcmVhZGNydW1iSXRlbSc7XG5cbmNvbnN0IFN0eWxlZEhlYWRlclNhZmVMaW5rID0gc3R5bGVkKFNhZmVMaW5rKWBcbiAgJHtmb250cy5zaXplcygxNCl9O1xuICBmb250LXdlaWdodDogJHtmb250cy53ZWlnaHQuYm9sZH07XG4gIGNvbG9yOiAke2NvbG9ycy5icmFuZC5wcmltYXJ5fTtcbmA7XG5cbmNvbnN0IFN0eWxlZEJsdWVSaWdodENoZXZyb24gPSBzdHlsZWQoQ2hldnJvblJpZ2h0KWBcbiAgY29sb3I6ICR7Y29sb3JzLmJyYW5kLnByaW1hcnl9O1xuICBtYXJnaW46ICR7c3BhY2luZy54eHNtYWxsfTtcbmA7XG5jb25zdCBTdHlsZWRCbHVlU3BhbiA9IHN0eWxlZC5zcGFuYFxuICBjb2xvcjogJHtjb2xvcnMuYnJhbmQucHJpbWFyeX07XG5gO1xuY29uc3QgU3R5bGVkQmx1ZVNhZmVMaW5rID0gc3R5bGVkKFNhZmVMaW5rKWBcbiAgY29sb3I6ICR7Y29sb3JzLmJyYW5kLnByaW1hcnl9O1xuYDtcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgaXRlbXM6IFNpbXBsZUJyZWFkY3J1bWJJdGVtW107XG59XG5cbmNvbnN0IEhlYWRlckJyZWFkY3J1bWIgPSAoeyBpdGVtcyB9OiBQcm9wcykgPT4ge1xuICBjb25zdCByZW5kZXJJdGVtID0gKGl0ZW06IEluZGV4ZWRCcmVhZGNydW1iSXRlbSwgdG90YWxDb3VudDogbnVtYmVyKSA9PiB7XG4gICAgaWYgKGl0ZW0uaW5kZXggPT09IHRvdGFsQ291bnQgLSAxKSB7XG4gICAgICByZXR1cm4gPFN0eWxlZEJsdWVTcGFuPntpdGVtLm5hbWV9PC9TdHlsZWRCbHVlU3Bhbj47XG4gICAgfVxuICAgIHJldHVybiA8U3R5bGVkQmx1ZVNhZmVMaW5rIHRvPXtpdGVtLnRvfT57aXRlbS5uYW1lfTwvU3R5bGVkQmx1ZVNhZmVMaW5rPjtcbiAgfTtcblxuICBjb25zdCByZW5kZXJTZXBhcmF0b3IgPSAoaXRlbTogSW5kZXhlZEJyZWFkY3J1bWJJdGVtLCB0b3RhbENvdW50OiBudW1iZXIpID0+IHtcbiAgICBpZiAoaXRlbS5pbmRleCA9PT0gdG90YWxDb3VudCAtIDEpIHtcbiAgICAgIHJldHVybiBudWxsO1xuICAgIH1cbiAgICByZXR1cm4gPFN0eWxlZEJsdWVSaWdodENoZXZyb24gLz47XG4gIH07XG5cbiAgcmV0dXJuIChcbiAgICA8ZGl2PlxuICAgICAgPFN0eWxlZEhlYWRlclNhZmVMaW5rIHRvPXtpdGVtc1swXT8udG99PntpdGVtc1swXT8ubmFtZX08L1N0eWxlZEhlYWRlclNhZmVMaW5rPlxuICAgICAgPEJyZWFkY3J1bWJcbiAgICAgICAgaXRlbXM9e2l0ZW1zLnNsaWNlKDEpfVxuICAgICAgICByZW5kZXJJdGVtPXtyZW5kZXJJdGVtfVxuICAgICAgICByZW5kZXJTZXBhcmF0b3I9e3JlbmRlclNlcGFyYXRvcn1cbiAgICAgICAgYXV0b0NvbGxhcHNlXG4gICAgICAgIGNvbGxhcHNlRmlyc3RcbiAgICAgIC8+XG4gICAgPC9kaXY+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBIZWFkZXJCcmVhZGNydW1iO1xuIl19 */"));
+
+var StyledBlueRightChevron = /*#__PURE__*/_styled(ChevronRight, {
+  target: "eazb5ip1",
+  label: "StyledBlueRightChevron"
+})("color:", colors.brand.primary, ";margin:", spacing.xxsmall, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkhlYWRlckJyZWFkY3J1bWIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXNCbUQiLCJmaWxlIjoiSGVhZGVyQnJlYWRjcnVtYi50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMi1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNvbG9ycywgZm9udHMsIHNwYWNpbmcgfSBmcm9tICdAbmRsYS9jb3JlJztcbmltcG9ydCB7IENoZXZyb25SaWdodCB9IGZyb20gJ0BuZGxhL2ljb25zL2NvbW1vbic7XG5pbXBvcnQgU2FmZUxpbmsgZnJvbSAnQG5kbGEvc2FmZWxpbmsnO1xuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCBCcmVhZGNydW1iIGZyb20gJy4vQnJlYWRjcnVtYic7XG5pbXBvcnQgeyBJbmRleGVkQnJlYWRjcnVtYkl0ZW0sIFNpbXBsZUJyZWFkY3J1bWJJdGVtIH0gZnJvbSAnLi9CcmVhZGNydW1iSXRlbSc7XG5cbmNvbnN0IFN0eWxlZEhlYWRlclNhZmVMaW5rID0gc3R5bGVkKFNhZmVMaW5rKWBcbiAgJHtmb250cy5zaXplcygxNCl9O1xuICBmb250LXdlaWdodDogJHtmb250cy53ZWlnaHQuYm9sZH07XG4gIGNvbG9yOiAke2NvbG9ycy5icmFuZC5wcmltYXJ5fTtcbmA7XG5cbmNvbnN0IFN0eWxlZEJsdWVSaWdodENoZXZyb24gPSBzdHlsZWQoQ2hldnJvblJpZ2h0KWBcbiAgY29sb3I6ICR7Y29sb3JzLmJyYW5kLnByaW1hcnl9O1xuICBtYXJnaW46ICR7c3BhY2luZy54eHNtYWxsfTtcbmA7XG5jb25zdCBTdHlsZWRCbHVlU3BhbiA9IHN0eWxlZC5zcGFuYFxuICBjb2xvcjogJHtjb2xvcnMuYnJhbmQucHJpbWFyeX07XG5gO1xuY29uc3QgU3R5bGVkQmx1ZVNhZmVMaW5rID0gc3R5bGVkKFNhZmVMaW5rKWBcbiAgY29sb3I6ICR7Y29sb3JzLmJyYW5kLnByaW1hcnl9O1xuYDtcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgaXRlbXM6IFNpbXBsZUJyZWFkY3J1bWJJdGVtW107XG59XG5cbmNvbnN0IEhlYWRlckJyZWFkY3J1bWIgPSAoeyBpdGVtcyB9OiBQcm9wcykgPT4ge1xuICBjb25zdCByZW5kZXJJdGVtID0gKGl0ZW06IEluZGV4ZWRCcmVhZGNydW1iSXRlbSwgdG90YWxDb3VudDogbnVtYmVyKSA9PiB7XG4gICAgaWYgKGl0ZW0uaW5kZXggPT09IHRvdGFsQ291bnQgLSAxKSB7XG4gICAgICByZXR1cm4gPFN0eWxlZEJsdWVTcGFuPntpdGVtLm5hbWV9PC9TdHlsZWRCbHVlU3Bhbj47XG4gICAgfVxuICAgIHJldHVybiA8U3R5bGVkQmx1ZVNhZmVMaW5rIHRvPXtpdGVtLnRvfT57aXRlbS5uYW1lfTwvU3R5bGVkQmx1ZVNhZmVMaW5rPjtcbiAgfTtcblxuICBjb25zdCByZW5kZXJTZXBhcmF0b3IgPSAoaXRlbTogSW5kZXhlZEJyZWFkY3J1bWJJdGVtLCB0b3RhbENvdW50OiBudW1iZXIpID0+IHtcbiAgICBpZiAoaXRlbS5pbmRleCA9PT0gdG90YWxDb3VudCAtIDEpIHtcbiAgICAgIHJldHVybiBudWxsO1xuICAgIH1cbiAgICByZXR1cm4gPFN0eWxlZEJsdWVSaWdodENoZXZyb24gLz47XG4gIH07XG5cbiAgcmV0dXJuIChcbiAgICA8ZGl2PlxuICAgICAgPFN0eWxlZEhlYWRlclNhZmVMaW5rIHRvPXtpdGVtc1swXT8udG99PntpdGVtc1swXT8ubmFtZX08L1N0eWxlZEhlYWRlclNhZmVMaW5rPlxuICAgICAgPEJyZWFkY3J1bWJcbiAgICAgICAgaXRlbXM9e2l0ZW1zLnNsaWNlKDEpfVxuICAgICAgICByZW5kZXJJdGVtPXtyZW5kZXJJdGVtfVxuICAgICAgICByZW5kZXJTZXBhcmF0b3I9e3JlbmRlclNlcGFyYXRvcn1cbiAgICAgICAgYXV0b0NvbGxhcHNlXG4gICAgICAgIGNvbGxhcHNlRmlyc3RcbiAgICAgIC8+XG4gICAgPC9kaXY+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBIZWFkZXJCcmVhZGNydW1iO1xuIl19 */"));
+
+var StyledBlueSpan = _styled("span", {
+  target: "eazb5ip2",
+  label: "StyledBlueSpan"
+})("color:", colors.brand.primary, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkhlYWRlckJyZWFkY3J1bWIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTBCa0MiLCJmaWxlIjoiSGVhZGVyQnJlYWRjcnVtYi50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMi1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNvbG9ycywgZm9udHMsIHNwYWNpbmcgfSBmcm9tICdAbmRsYS9jb3JlJztcbmltcG9ydCB7IENoZXZyb25SaWdodCB9IGZyb20gJ0BuZGxhL2ljb25zL2NvbW1vbic7XG5pbXBvcnQgU2FmZUxpbmsgZnJvbSAnQG5kbGEvc2FmZWxpbmsnO1xuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCBCcmVhZGNydW1iIGZyb20gJy4vQnJlYWRjcnVtYic7XG5pbXBvcnQgeyBJbmRleGVkQnJlYWRjcnVtYkl0ZW0sIFNpbXBsZUJyZWFkY3J1bWJJdGVtIH0gZnJvbSAnLi9CcmVhZGNydW1iSXRlbSc7XG5cbmNvbnN0IFN0eWxlZEhlYWRlclNhZmVMaW5rID0gc3R5bGVkKFNhZmVMaW5rKWBcbiAgJHtmb250cy5zaXplcygxNCl9O1xuICBmb250LXdlaWdodDogJHtmb250cy53ZWlnaHQuYm9sZH07XG4gIGNvbG9yOiAke2NvbG9ycy5icmFuZC5wcmltYXJ5fTtcbmA7XG5cbmNvbnN0IFN0eWxlZEJsdWVSaWdodENoZXZyb24gPSBzdHlsZWQoQ2hldnJvblJpZ2h0KWBcbiAgY29sb3I6ICR7Y29sb3JzLmJyYW5kLnByaW1hcnl9O1xuICBtYXJnaW46ICR7c3BhY2luZy54eHNtYWxsfTtcbmA7XG5jb25zdCBTdHlsZWRCbHVlU3BhbiA9IHN0eWxlZC5zcGFuYFxuICBjb2xvcjogJHtjb2xvcnMuYnJhbmQucHJpbWFyeX07XG5gO1xuY29uc3QgU3R5bGVkQmx1ZVNhZmVMaW5rID0gc3R5bGVkKFNhZmVMaW5rKWBcbiAgY29sb3I6ICR7Y29sb3JzLmJyYW5kLnByaW1hcnl9O1xuYDtcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgaXRlbXM6IFNpbXBsZUJyZWFkY3J1bWJJdGVtW107XG59XG5cbmNvbnN0IEhlYWRlckJyZWFkY3J1bWIgPSAoeyBpdGVtcyB9OiBQcm9wcykgPT4ge1xuICBjb25zdCByZW5kZXJJdGVtID0gKGl0ZW06IEluZGV4ZWRCcmVhZGNydW1iSXRlbSwgdG90YWxDb3VudDogbnVtYmVyKSA9PiB7XG4gICAgaWYgKGl0ZW0uaW5kZXggPT09IHRvdGFsQ291bnQgLSAxKSB7XG4gICAgICByZXR1cm4gPFN0eWxlZEJsdWVTcGFuPntpdGVtLm5hbWV9PC9TdHlsZWRCbHVlU3Bhbj47XG4gICAgfVxuICAgIHJldHVybiA8U3R5bGVkQmx1ZVNhZmVMaW5rIHRvPXtpdGVtLnRvfT57aXRlbS5uYW1lfTwvU3R5bGVkQmx1ZVNhZmVMaW5rPjtcbiAgfTtcblxuICBjb25zdCByZW5kZXJTZXBhcmF0b3IgPSAoaXRlbTogSW5kZXhlZEJyZWFkY3J1bWJJdGVtLCB0b3RhbENvdW50OiBudW1iZXIpID0+IHtcbiAgICBpZiAoaXRlbS5pbmRleCA9PT0gdG90YWxDb3VudCAtIDEpIHtcbiAgICAgIHJldHVybiBudWxsO1xuICAgIH1cbiAgICByZXR1cm4gPFN0eWxlZEJsdWVSaWdodENoZXZyb24gLz47XG4gIH07XG5cbiAgcmV0dXJuIChcbiAgICA8ZGl2PlxuICAgICAgPFN0eWxlZEhlYWRlclNhZmVMaW5rIHRvPXtpdGVtc1swXT8udG99PntpdGVtc1swXT8ubmFtZX08L1N0eWxlZEhlYWRlclNhZmVMaW5rPlxuICAgICAgPEJyZWFkY3J1bWJcbiAgICAgICAgaXRlbXM9e2l0ZW1zLnNsaWNlKDEpfVxuICAgICAgICByZW5kZXJJdGVtPXtyZW5kZXJJdGVtfVxuICAgICAgICByZW5kZXJTZXBhcmF0b3I9e3JlbmRlclNlcGFyYXRvcn1cbiAgICAgICAgYXV0b0NvbGxhcHNlXG4gICAgICAgIGNvbGxhcHNlRmlyc3RcbiAgICAgIC8+XG4gICAgPC9kaXY+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBIZWFkZXJCcmVhZGNydW1iO1xuIl19 */"));
+
+var StyledBlueSafeLink = /*#__PURE__*/_styled(SafeLink, {
+  target: "eazb5ip3",
+  label: "StyledBlueSafeLink"
+})("color:", colors.brand.primary, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkhlYWRlckJyZWFkY3J1bWIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTZCMkMiLCJmaWxlIjoiSGVhZGVyQnJlYWRjcnVtYi50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMi1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNvbG9ycywgZm9udHMsIHNwYWNpbmcgfSBmcm9tICdAbmRsYS9jb3JlJztcbmltcG9ydCB7IENoZXZyb25SaWdodCB9IGZyb20gJ0BuZGxhL2ljb25zL2NvbW1vbic7XG5pbXBvcnQgU2FmZUxpbmsgZnJvbSAnQG5kbGEvc2FmZWxpbmsnO1xuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCBCcmVhZGNydW1iIGZyb20gJy4vQnJlYWRjcnVtYic7XG5pbXBvcnQgeyBJbmRleGVkQnJlYWRjcnVtYkl0ZW0sIFNpbXBsZUJyZWFkY3J1bWJJdGVtIH0gZnJvbSAnLi9CcmVhZGNydW1iSXRlbSc7XG5cbmNvbnN0IFN0eWxlZEhlYWRlclNhZmVMaW5rID0gc3R5bGVkKFNhZmVMaW5rKWBcbiAgJHtmb250cy5zaXplcygxNCl9O1xuICBmb250LXdlaWdodDogJHtmb250cy53ZWlnaHQuYm9sZH07XG4gIGNvbG9yOiAke2NvbG9ycy5icmFuZC5wcmltYXJ5fTtcbmA7XG5cbmNvbnN0IFN0eWxlZEJsdWVSaWdodENoZXZyb24gPSBzdHlsZWQoQ2hldnJvblJpZ2h0KWBcbiAgY29sb3I6ICR7Y29sb3JzLmJyYW5kLnByaW1hcnl9O1xuICBtYXJnaW46ICR7c3BhY2luZy54eHNtYWxsfTtcbmA7XG5jb25zdCBTdHlsZWRCbHVlU3BhbiA9IHN0eWxlZC5zcGFuYFxuICBjb2xvcjogJHtjb2xvcnMuYnJhbmQucHJpbWFyeX07XG5gO1xuY29uc3QgU3R5bGVkQmx1ZVNhZmVMaW5rID0gc3R5bGVkKFNhZmVMaW5rKWBcbiAgY29sb3I6ICR7Y29sb3JzLmJyYW5kLnByaW1hcnl9O1xuYDtcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgaXRlbXM6IFNpbXBsZUJyZWFkY3J1bWJJdGVtW107XG59XG5cbmNvbnN0IEhlYWRlckJyZWFkY3J1bWIgPSAoeyBpdGVtcyB9OiBQcm9wcykgPT4ge1xuICBjb25zdCByZW5kZXJJdGVtID0gKGl0ZW06IEluZGV4ZWRCcmVhZGNydW1iSXRlbSwgdG90YWxDb3VudDogbnVtYmVyKSA9PiB7XG4gICAgaWYgKGl0ZW0uaW5kZXggPT09IHRvdGFsQ291bnQgLSAxKSB7XG4gICAgICByZXR1cm4gPFN0eWxlZEJsdWVTcGFuPntpdGVtLm5hbWV9PC9TdHlsZWRCbHVlU3Bhbj47XG4gICAgfVxuICAgIHJldHVybiA8U3R5bGVkQmx1ZVNhZmVMaW5rIHRvPXtpdGVtLnRvfT57aXRlbS5uYW1lfTwvU3R5bGVkQmx1ZVNhZmVMaW5rPjtcbiAgfTtcblxuICBjb25zdCByZW5kZXJTZXBhcmF0b3IgPSAoaXRlbTogSW5kZXhlZEJyZWFkY3J1bWJJdGVtLCB0b3RhbENvdW50OiBudW1iZXIpID0+IHtcbiAgICBpZiAoaXRlbS5pbmRleCA9PT0gdG90YWxDb3VudCAtIDEpIHtcbiAgICAgIHJldHVybiBudWxsO1xuICAgIH1cbiAgICByZXR1cm4gPFN0eWxlZEJsdWVSaWdodENoZXZyb24gLz47XG4gIH07XG5cbiAgcmV0dXJuIChcbiAgICA8ZGl2PlxuICAgICAgPFN0eWxlZEhlYWRlclNhZmVMaW5rIHRvPXtpdGVtc1swXT8udG99PntpdGVtc1swXT8ubmFtZX08L1N0eWxlZEhlYWRlclNhZmVMaW5rPlxuICAgICAgPEJyZWFkY3J1bWJcbiAgICAgICAgaXRlbXM9e2l0ZW1zLnNsaWNlKDEpfVxuICAgICAgICByZW5kZXJJdGVtPXtyZW5kZXJJdGVtfVxuICAgICAgICByZW5kZXJTZXBhcmF0b3I9e3JlbmRlclNlcGFyYXRvcn1cbiAgICAgICAgYXV0b0NvbGxhcHNlXG4gICAgICAgIGNvbGxhcHNlRmlyc3RcbiAgICAgIC8+XG4gICAgPC9kaXY+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBIZWFkZXJCcmVhZGNydW1iO1xuIl19 */"));
+
+var HeaderBreadcrumb = function HeaderBreadcrumb(_ref) {
+  var _items$, _items$2;
+
+  var items = _ref.items;
+
+  var renderItem = function renderItem(item, totalCount) {
+    if (item.index === totalCount - 1) {
+      return ___EmotionJSX(StyledBlueSpan, null, item.name);
+    }
+
+    return ___EmotionJSX(StyledBlueSafeLink, {
+      to: item.to
+    }, item.name);
+  };
+
+  var renderSeparator = function renderSeparator(item, totalCount) {
+    if (item.index === totalCount - 1) {
+      return null;
+    }
+
+    return ___EmotionJSX(StyledBlueRightChevron, null);
+  };
+
+  return ___EmotionJSX("div", null, ___EmotionJSX(StyledHeaderSafeLink, {
+    to: (_items$ = items[0]) === null || _items$ === void 0 ? void 0 : _items$.to
+  }, (_items$2 = items[0]) === null || _items$2 === void 0 ? void 0 : _items$2.name), ___EmotionJSX(Breadcrumb, {
+    items: items.slice(1),
+    renderItem: renderItem,
+    renderSeparator: renderSeparator,
+    autoCollapse: true,
+    collapseFirst: true
+  }));
+};
+
+export default HeaderBreadcrumb;

package/es/Breadcrumb/HomeBreadcrumb.js

@@ -0,0 +1,117 @@
+import _styled from "@emotion/styled-base";
+
+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)."; }
+
+import { breakpoints, colors, fonts, mq, spacing } from '@ndla/core';
+import { ChevronRight, Home } from '@ndla/icons/common';
+import SafeLink from '@ndla/safelink';
+import React from 'react';
+import Breadcrumb from './Breadcrumb';
+import { jsx as ___EmotionJSX } from "@emotion/core";
+
+var StyledSeparator = _styled("div", {
+  target: "eb9bmw10",
+  label: "StyledSeparator"
+})(fonts.sizes('14px'), ";margin:0 ", spacing.small, ";user-select:none;color:", function (_ref) {
+  var light = _ref.light;
+  return light ? colors.white : colors.text.primary;
+}, ";", mq.range({
+  until: breakpoints.tablet
+}), "{display:none;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkhvbWVCcmVhZGNydW1iLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFvQjhDIiwiZmlsZSI6IkhvbWVCcmVhZGNydW1iLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDIyLXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgYnJlYWtwb2ludHMsIGNvbG9ycywgZm9udHMsIG1xLCBzcGFjaW5nIH0gZnJvbSAnQG5kbGEvY29yZSc7XG5pbXBvcnQgeyBDaGV2cm9uUmlnaHQsIEhvbWUgfSBmcm9tICdAbmRsYS9pY29ucy9jb21tb24nO1xuaW1wb3J0IFNhZmVMaW5rIGZyb20gJ0BuZGxhL3NhZmVsaW5rJztcbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgQnJlYWRjcnVtYiBmcm9tICcuL0JyZWFkY3J1bWInO1xuaW1wb3J0IHsgSW5kZXhlZEJyZWFkY3J1bWJJdGVtLCBTaW1wbGVCcmVhZGNydW1iSXRlbSB9IGZyb20gJy4vQnJlYWRjcnVtYkl0ZW0nO1xuXG5pbnRlcmZhY2UgVGhlbWVQcm9wcyB7XG4gIGxpZ2h0OiBib29sZWFuIHwgdW5kZWZpbmVkO1xufVxuXG5jb25zdCBTdHlsZWRTZXBhcmF0b3IgPSBzdHlsZWQuZGl2PFRoZW1lUHJvcHM+YFxuICAke2ZvbnRzLnNpemVzKCcxNHB4Jyl9O1xuICBtYXJnaW46IDAgJHtzcGFjaW5nLnNtYWxsfTtcbiAgdXNlci1zZWxlY3Q6IG5vbmU7XG4gIGNvbG9yOiAkeyh7IGxpZ2h0IH0pID0+IChsaWdodCA/IGNvbG9ycy53aGl0ZSA6IGNvbG9ycy50ZXh0LnByaW1hcnkpfTtcbiAgJHttcS5yYW5nZSh7IHVudGlsOiBicmVha3BvaW50cy50YWJsZXQgfSl9IHtcbiAgICBkaXNwbGF5OiBub25lO1xuICB9XG5gO1xuXG5jb25zdCBTdHlsZWRJY29uU2FmZUxpbmsgPSBzdHlsZWQoU2FmZUxpbmspYFxuICBib3gtc2hhZG93OiBub25lO1xuICBib3JkZXItYm90dG9tOiBub25lO1xuYDtcbmNvbnN0IFN0eWxlZEhvbWUgPSBzdHlsZWQoSG9tZSk8VGhlbWVQcm9wcz5gXG4gIHdpZHRoOiAyMHB4O1xuICBoZWlnaHQ6IDIwcHg7XG4gIGNvbG9yOiAkeyh7IGxpZ2h0IH0pID0+IChsaWdodCA/IGNvbG9ycy53aGl0ZSA6IGNvbG9ycy50ZXh0LnByaW1hcnkpfTtcbmA7XG5jb25zdCBTdHlsZWRSaWdodENoZXZyb24gPSBzdHlsZWQoQ2hldnJvblJpZ2h0KTxUaGVtZVByb3BzPmBcbiAgY29sb3I6ICR7KHsgbGlnaHQgfSkgPT4gKGxpZ2h0ID8gY29sb3JzLndoaXRlIDogY29sb3JzLnRleHQucHJpbWFyeSl9O1xuICBtYXJnaW46ICR7c3BhY2luZy54eHNtYWxsfTtcbmA7XG5jb25zdCBTdHlsZWRTcGFuID0gc3R5bGVkLnNwYW48VGhlbWVQcm9wcz5gXG4gIGNvbG9yOiAkeyh7IGxpZ2h0IH0pID0+IChsaWdodCA/IGNvbG9ycy53aGl0ZSA6IGNvbG9ycy50ZXh0LnByaW1hcnkpfTtcbmA7XG5jb25zdCBTdHlsZWRTYWZlTGluayA9IHN0eWxlZChTYWZlTGluayk8VGhlbWVQcm9wcz5gXG4gIGNvbG9yOiAkeyh7IGxpZ2h0IH0pID0+IChsaWdodCA/IGNvbG9ycy53aGl0ZSA6IGNvbG9ycy50ZXh0LnByaW1hcnkpfTtcbmA7XG5cbmludGVyZmFjZSBQcm9wcyB7XG4gIGl0ZW1zOiBTaW1wbGVCcmVhZGNydW1iSXRlbVtdO1xuICBsaWdodD86IGJvb2xlYW47XG59XG5cbmNvbnN0IEhvbWVCcmVhZGNydW1iID0gKHsgaXRlbXMsIGxpZ2h0IH06IFByb3BzKSA9PiB7XG4gIGNvbnN0IHJlbmRlckl0ZW0gPSAoaXRlbTogSW5kZXhlZEJyZWFkY3J1bWJJdGVtLCB0b3RhbENvdW50OiBudW1iZXIpID0+IHtcbiAgICBpZiAoaXRlbS5pbmRleCA9PT0gdG90YWxDb3VudCAtIDEpIHtcbiAgICAgIHJldHVybiA8U3R5bGVkU3BhbiBsaWdodD17bGlnaHR9PntpdGVtLm5hbWV9PC9TdHlsZWRTcGFuPjtcbiAgICB9XG4gICAgaWYgKGl0ZW0uaW5kZXggPT09IDApIHtcbiAgICAgIHJldHVybiAoXG4gICAgICAgIDxTdHlsZWRJY29uU2FmZUxpbmsgYXJpYS1sYWJlbD17aXRlbS5uYW1lfSB0bz17aXRlbS50b30+XG4gICAgICAgICAgPFN0eWxlZEhvbWUgdGl0bGU9e2l0ZW0ubmFtZX0gbGlnaHQ9e2xpZ2h0fSAvPlxuICAgICAgICA8L1N0eWxlZEljb25TYWZlTGluaz5cbiAgICAgICk7XG4gICAgfVxuICAgIHJldHVybiAoXG4gICAgICA8U3R5bGVkU2FmZUxpbmsgbGlnaHQ9e2xpZ2h0fSB0bz17aXRlbS50b30+XG4gICAgICAgIHtpdGVtLm5hbWV9XG4gICAgICA8L1N0eWxlZFNhZmVMaW5rPlxuICAgICk7XG4gIH07XG5cbiAgY29uc3QgcmVuZGVyU2VwYXJhdG9yID0gKGl0ZW06IEluZGV4ZWRCcmVhZGNydW1iSXRlbSwgdG90YWxDb3VudDogbnVtYmVyKSA9PiB7XG4gICAgaWYgKGl0ZW0uaW5kZXggPT09IHRvdGFsQ291bnQgLSAxKSB7XG4gICAgICByZXR1cm4gbnVsbDtcbiAgICB9XG4gICAgaWYgKGl0ZW0uaW5kZXggPT09IDApIHtcbiAgICAgIHJldHVybiA8U3R5bGVkU2VwYXJhdG9yIGxpZ2h0PXtsaWdodH0+fDwvU3R5bGVkU2VwYXJhdG9yPjtcbiAgICB9XG4gICAgcmV0dXJuIDxTdHlsZWRSaWdodENoZXZyb24gbGlnaHQ9e2xpZ2h0fSAvPjtcbiAgfTtcblxuICByZXR1cm4gPEJyZWFkY3J1bWIgaXRlbXM9e2l0ZW1zfSByZW5kZXJJdGVtPXtyZW5kZXJJdGVtfSByZW5kZXJTZXBhcmF0b3I9e3JlbmRlclNlcGFyYXRvcn0gLz47XG59O1xuXG5leHBvcnQgZGVmYXVsdCBIb21lQnJlYWRjcnVtYjtcbiJdfQ== */"));
+
+var StyledIconSafeLink = /*#__PURE__*/_styled(SafeLink, {
+  target: "eb9bmw11",
+  label: "StyledIconSafeLink"
+})(process.env.NODE_ENV === "production" ? {
+  name: "94c8m7",
+  styles: "box-shadow:none;border-bottom:none;"
+} : {
+  name: "94c8m7",
+  styles: "box-shadow:none;border-bottom:none;",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkhvbWVCcmVhZGNydW1iLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE4QjJDIiwiZmlsZSI6IkhvbWVCcmVhZGNydW1iLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDIyLXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgYnJlYWtwb2ludHMsIGNvbG9ycywgZm9udHMsIG1xLCBzcGFjaW5nIH0gZnJvbSAnQG5kbGEvY29yZSc7XG5pbXBvcnQgeyBDaGV2cm9uUmlnaHQsIEhvbWUgfSBmcm9tICdAbmRsYS9pY29ucy9jb21tb24nO1xuaW1wb3J0IFNhZmVMaW5rIGZyb20gJ0BuZGxhL3NhZmVsaW5rJztcbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgQnJlYWRjcnVtYiBmcm9tICcuL0JyZWFkY3J1bWInO1xuaW1wb3J0IHsgSW5kZXhlZEJyZWFkY3J1bWJJdGVtLCBTaW1wbGVCcmVhZGNydW1iSXRlbSB9IGZyb20gJy4vQnJlYWRjcnVtYkl0ZW0nO1xuXG5pbnRlcmZhY2UgVGhlbWVQcm9wcyB7XG4gIGxpZ2h0OiBib29sZWFuIHwgdW5kZWZpbmVkO1xufVxuXG5jb25zdCBTdHlsZWRTZXBhcmF0b3IgPSBzdHlsZWQuZGl2PFRoZW1lUHJvcHM+YFxuICAke2ZvbnRzLnNpemVzKCcxNHB4Jyl9O1xuICBtYXJnaW46IDAgJHtzcGFjaW5nLnNtYWxsfTtcbiAgdXNlci1zZWxlY3Q6IG5vbmU7XG4gIGNvbG9yOiAkeyh7IGxpZ2h0IH0pID0+IChsaWdodCA/IGNvbG9ycy53aGl0ZSA6IGNvbG9ycy50ZXh0LnByaW1hcnkpfTtcbiAgJHttcS5yYW5nZSh7IHVudGlsOiBicmVha3BvaW50cy50YWJsZXQgfSl9IHtcbiAgICBkaXNwbGF5OiBub25lO1xuICB9XG5gO1xuXG5jb25zdCBTdHlsZWRJY29uU2FmZUxpbmsgPSBzdHlsZWQoU2FmZUxpbmspYFxuICBib3gtc2hhZG93OiBub25lO1xuICBib3JkZXItYm90dG9tOiBub25lO1xuYDtcbmNvbnN0IFN0eWxlZEhvbWUgPSBzdHlsZWQoSG9tZSk8VGhlbWVQcm9wcz5gXG4gIHdpZHRoOiAyMHB4O1xuICBoZWlnaHQ6IDIwcHg7XG4gIGNvbG9yOiAkeyh7IGxpZ2h0IH0pID0+IChsaWdodCA/IGNvbG9ycy53aGl0ZSA6IGNvbG9ycy50ZXh0LnByaW1hcnkpfTtcbmA7XG5jb25zdCBTdHlsZWRSaWdodENoZXZyb24gPSBzdHlsZWQoQ2hldnJvblJpZ2h0KTxUaGVtZVByb3BzPmBcbiAgY29sb3I6ICR7KHsgbGlnaHQgfSkgPT4gKGxpZ2h0ID8gY29sb3JzLndoaXRlIDogY29sb3JzLnRleHQucHJpbWFyeSl9O1xuICBtYXJnaW46ICR7c3BhY2luZy54eHNtYWxsfTtcbmA7XG5jb25zdCBTdHlsZWRTcGFuID0gc3R5bGVkLnNwYW48VGhlbWVQcm9wcz5gXG4gIGNvbG9yOiAkeyh7IGxpZ2h0IH0pID0+IChsaWdodCA/IGNvbG9ycy53aGl0ZSA6IGNvbG9ycy50ZXh0LnByaW1hcnkpfTtcbmA7XG5jb25zdCBTdHlsZWRTYWZlTGluayA9IHN0eWxlZChTYWZlTGluayk8VGhlbWVQcm9wcz5gXG4gIGNvbG9yOiAkeyh7IGxpZ2h0IH0pID0+IChsaWdodCA/IGNvbG9ycy53aGl0ZSA6IGNvbG9ycy50ZXh0LnByaW1hcnkpfTtcbmA7XG5cbmludGVyZmFjZSBQcm9wcyB7XG4gIGl0ZW1zOiBTaW1wbGVCcmVhZGNydW1iSXRlbVtdO1xuICBsaWdodD86IGJvb2xlYW47XG59XG5cbmNvbnN0IEhvbWVCcmVhZGNydW1iID0gKHsgaXRlbXMsIGxpZ2h0IH06IFByb3BzKSA9PiB7XG4gIGNvbnN0IHJlbmRlckl0ZW0gPSAoaXRlbTogSW5kZXhlZEJyZWFkY3J1bWJJdGVtLCB0b3RhbENvdW50OiBudW1iZXIpID0+IHtcbiAgICBpZiAoaXRlbS5pbmRleCA9PT0gdG90YWxDb3VudCAtIDEpIHtcbiAgICAgIHJldHVybiA8U3R5bGVkU3BhbiBsaWdodD17bGlnaHR9PntpdGVtLm5hbWV9PC9TdHlsZWRTcGFuPjtcbiAgICB9XG4gICAgaWYgKGl0ZW0uaW5kZXggPT09IDApIHtcbiAgICAgIHJldHVybiAoXG4gICAgICAgIDxTdHlsZWRJY29uU2FmZUxpbmsgYXJpYS1sYWJlbD17aXRlbS5uYW1lfSB0bz17aXRlbS50b30+XG4gICAgICAgICAgPFN0eWxlZEhvbWUgdGl0bGU9e2l0ZW0ubmFtZX0gbGlnaHQ9e2xpZ2h0fSAvPlxuICAgICAgICA8L1N0eWxlZEljb25TYWZlTGluaz5cbiAgICAgICk7XG4gICAgfVxuICAgIHJldHVybiAoXG4gICAgICA8U3R5bGVkU2FmZUxpbmsgbGlnaHQ9e2xpZ2h0fSB0bz17aXRlbS50b30+XG4gICAgICAgIHtpdGVtLm5hbWV9XG4gICAgICA8L1N0eWxlZFNhZmVMaW5rPlxuICAgICk7XG4gIH07XG5cbiAgY29uc3QgcmVuZGVyU2VwYXJhdG9yID0gKGl0ZW06IEluZGV4ZWRCcmVhZGNydW1iSXRlbSwgdG90YWxDb3VudDogbnVtYmVyKSA9PiB7XG4gICAgaWYgKGl0ZW0uaW5kZXggPT09IHRvdGFsQ291bnQgLSAxKSB7XG4gICAgICByZXR1cm4gbnVsbDtcbiAgICB9XG4gICAgaWYgKGl0ZW0uaW5kZXggPT09IDApIHtcbiAgICAgIHJldHVybiA8U3R5bGVkU2VwYXJhdG9yIGxpZ2h0PXtsaWdodH0+fDwvU3R5bGVkU2VwYXJhdG9yPjtcbiAgICB9XG4gICAgcmV0dXJuIDxTdHlsZWRSaWdodENoZXZyb24gbGlnaHQ9e2xpZ2h0fSAvPjtcbiAgfTtcblxuICByZXR1cm4gPEJyZWFkY3J1bWIgaXRlbXM9e2l0ZW1zfSByZW5kZXJJdGVtPXtyZW5kZXJJdGVtfSByZW5kZXJTZXBhcmF0b3I9e3JlbmRlclNlcGFyYXRvcn0gLz47XG59O1xuXG5leHBvcnQgZGVmYXVsdCBIb21lQnJlYWRjcnVtYjtcbiJdfQ== */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+
+var StyledHome = /*#__PURE__*/_styled(Home, {
+  target: "eb9bmw12",
+  label: "StyledHome"
+})("width:20px;height:20px;color:", function (_ref2) {
+  var light = _ref2.light;
+  return light ? colors.white : colors.text.primary;
+}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkhvbWVCcmVhZGNydW1iLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFrQzJDIiwiZmlsZSI6IkhvbWVCcmVhZGNydW1iLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDIyLXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgYnJlYWtwb2ludHMsIGNvbG9ycywgZm9udHMsIG1xLCBzcGFjaW5nIH0gZnJvbSAnQG5kbGEvY29yZSc7XG5pbXBvcnQgeyBDaGV2cm9uUmlnaHQsIEhvbWUgfSBmcm9tICdAbmRsYS9pY29ucy9jb21tb24nO1xuaW1wb3J0IFNhZmVMaW5rIGZyb20gJ0BuZGxhL3NhZmVsaW5rJztcbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgQnJlYWRjcnVtYiBmcm9tICcuL0JyZWFkY3J1bWInO1xuaW1wb3J0IHsgSW5kZXhlZEJyZWFkY3J1bWJJdGVtLCBTaW1wbGVCcmVhZGNydW1iSXRlbSB9IGZyb20gJy4vQnJlYWRjcnVtYkl0ZW0nO1xuXG5pbnRlcmZhY2UgVGhlbWVQcm9wcyB7XG4gIGxpZ2h0OiBib29sZWFuIHwgdW5kZWZpbmVkO1xufVxuXG5jb25zdCBTdHlsZWRTZXBhcmF0b3IgPSBzdHlsZWQuZGl2PFRoZW1lUHJvcHM+YFxuICAke2ZvbnRzLnNpemVzKCcxNHB4Jyl9O1xuICBtYXJnaW46IDAgJHtzcGFjaW5nLnNtYWxsfTtcbiAgdXNlci1zZWxlY3Q6IG5vbmU7XG4gIGNvbG9yOiAkeyh7IGxpZ2h0IH0pID0+IChsaWdodCA/IGNvbG9ycy53aGl0ZSA6IGNvbG9ycy50ZXh0LnByaW1hcnkpfTtcbiAgJHttcS5yYW5nZSh7IHVudGlsOiBicmVha3BvaW50cy50YWJsZXQgfSl9IHtcbiAgICBkaXNwbGF5OiBub25lO1xuICB9XG5gO1xuXG5jb25zdCBTdHlsZWRJY29uU2FmZUxpbmsgPSBzdHlsZWQoU2FmZUxpbmspYFxuICBib3gtc2hhZG93OiBub25lO1xuICBib3JkZXItYm90dG9tOiBub25lO1xuYDtcbmNvbnN0IFN0eWxlZEhvbWUgPSBzdHlsZWQoSG9tZSk8VGhlbWVQcm9wcz5gXG4gIHdpZHRoOiAyMHB4O1xuICBoZWlnaHQ6IDIwcHg7XG4gIGNvbG9yOiAkeyh7IGxpZ2h0IH0pID0+IChsaWdodCA/IGNvbG9ycy53aGl0ZSA6IGNvbG9ycy50ZXh0LnByaW1hcnkpfTtcbmA7XG5jb25zdCBTdHlsZWRSaWdodENoZXZyb24gPSBzdHlsZWQoQ2hldnJvblJpZ2h0KTxUaGVtZVByb3BzPmBcbiAgY29sb3I6ICR7KHsgbGlnaHQgfSkgPT4gKGxpZ2h0ID8gY29sb3JzLndoaXRlIDogY29sb3JzLnRleHQucHJpbWFyeSl9O1xuICBtYXJnaW46ICR7c3BhY2luZy54eHNtYWxsfTtcbmA7XG5jb25zdCBTdHlsZWRTcGFuID0gc3R5bGVkLnNwYW48VGhlbWVQcm9wcz5gXG4gIGNvbG9yOiAkeyh7IGxpZ2h0IH0pID0+IChsaWdodCA/IGNvbG9ycy53aGl0ZSA6IGNvbG9ycy50ZXh0LnByaW1hcnkpfTtcbmA7XG5jb25zdCBTdHlsZWRTYWZlTGluayA9IHN0eWxlZChTYWZlTGluayk8VGhlbWVQcm9wcz5gXG4gIGNvbG9yOiAkeyh7IGxpZ2h0IH0pID0+IChsaWdodCA/IGNvbG9ycy53aGl0ZSA6IGNvbG9ycy50ZXh0LnByaW1hcnkpfTtcbmA7XG5cbmludGVyZmFjZSBQcm9wcyB7XG4gIGl0ZW1zOiBTaW1wbGVCcmVhZGNydW1iSXRlbVtdO1xuICBsaWdodD86IGJvb2xlYW47XG59XG5cbmNvbnN0IEhvbWVCcmVhZGNydW1iID0gKHsgaXRlbXMsIGxpZ2h0IH06IFByb3BzKSA9PiB7XG4gIGNvbnN0IHJlbmRlckl0ZW0gPSAoaXRlbTogSW5kZXhlZEJyZWFkY3J1bWJJdGVtLCB0b3RhbENvdW50OiBudW1iZXIpID0+IHtcbiAgICBpZiAoaXRlbS5pbmRleCA9PT0gdG90YWxDb3VudCAtIDEpIHtcbiAgICAgIHJldHVybiA8U3R5bGVkU3BhbiBsaWdodD17bGlnaHR9PntpdGVtLm5hbWV9PC9TdHlsZWRTcGFuPjtcbiAgICB9XG4gICAgaWYgKGl0ZW0uaW5kZXggPT09IDApIHtcbiAgICAgIHJldHVybiAoXG4gICAgICAgIDxTdHlsZWRJY29uU2FmZUxpbmsgYXJpYS1sYWJlbD17aXRlbS5uYW1lfSB0bz17aXRlbS50b30+XG4gICAgICAgICAgPFN0eWxlZEhvbWUgdGl0bGU9e2l0ZW0ubmFtZX0gbGlnaHQ9e2xpZ2h0fSAvPlxuICAgICAgICA8L1N0eWxlZEljb25TYWZlTGluaz5cbiAgICAgICk7XG4gICAgfVxuICAgIHJldHVybiAoXG4gICAgICA8U3R5bGVkU2FmZUxpbmsgbGlnaHQ9e2xpZ2h0fSB0bz17aXRlbS50b30+XG4gICAgICAgIHtpdGVtLm5hbWV9XG4gICAgICA8L1N0eWxlZFNhZmVMaW5rPlxuICAgICk7XG4gIH07XG5cbiAgY29uc3QgcmVuZGVyU2VwYXJhdG9yID0gKGl0ZW06IEluZGV4ZWRCcmVhZGNydW1iSXRlbSwgdG90YWxDb3VudDogbnVtYmVyKSA9PiB7XG4gICAgaWYgKGl0ZW0uaW5kZXggPT09IHRvdGFsQ291bnQgLSAxKSB7XG4gICAgICByZXR1cm4gbnVsbDtcbiAgICB9XG4gICAgaWYgKGl0ZW0uaW5kZXggPT09IDApIHtcbiAgICAgIHJldHVybiA8U3R5bGVkU2VwYXJhdG9yIGxpZ2h0PXtsaWdodH0+fDwvU3R5bGVkU2VwYXJhdG9yPjtcbiAgICB9XG4gICAgcmV0dXJuIDxTdHlsZWRSaWdodENoZXZyb24gbGlnaHQ9e2xpZ2h0fSAvPjtcbiAgfTtcblxuICByZXR1cm4gPEJyZWFkY3J1bWIgaXRlbXM9e2l0ZW1zfSByZW5kZXJJdGVtPXtyZW5kZXJJdGVtfSByZW5kZXJTZXBhcmF0b3I9e3JlbmRlclNlcGFyYXRvcn0gLz47XG59O1xuXG5leHBvcnQgZGVmYXVsdCBIb21lQnJlYWRjcnVtYjtcbiJdfQ== */"));
+
+var StyledRightChevron = /*#__PURE__*/_styled(ChevronRight, {
+  target: "eb9bmw13",
+  label: "StyledRightChevron"
+})("color:", function (_ref3) {
+  var light = _ref3.light;
+  return light ? colors.white : colors.text.primary;
+}, ";margin:", spacing.xxsmall, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkhvbWVCcmVhZGNydW1iLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF1QzJEIiwiZmlsZSI6IkhvbWVCcmVhZGNydW1iLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDIyLXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgYnJlYWtwb2ludHMsIGNvbG9ycywgZm9udHMsIG1xLCBzcGFjaW5nIH0gZnJvbSAnQG5kbGEvY29yZSc7XG5pbXBvcnQgeyBDaGV2cm9uUmlnaHQsIEhvbWUgfSBmcm9tICdAbmRsYS9pY29ucy9jb21tb24nO1xuaW1wb3J0IFNhZmVMaW5rIGZyb20gJ0BuZGxhL3NhZmVsaW5rJztcbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgQnJlYWRjcnVtYiBmcm9tICcuL0JyZWFkY3J1bWInO1xuaW1wb3J0IHsgSW5kZXhlZEJyZWFkY3J1bWJJdGVtLCBTaW1wbGVCcmVhZGNydW1iSXRlbSB9IGZyb20gJy4vQnJlYWRjcnVtYkl0ZW0nO1xuXG5pbnRlcmZhY2UgVGhlbWVQcm9wcyB7XG4gIGxpZ2h0OiBib29sZWFuIHwgdW5kZWZpbmVkO1xufVxuXG5jb25zdCBTdHlsZWRTZXBhcmF0b3IgPSBzdHlsZWQuZGl2PFRoZW1lUHJvcHM+YFxuICAke2ZvbnRzLnNpemVzKCcxNHB4Jyl9O1xuICBtYXJnaW46IDAgJHtzcGFjaW5nLnNtYWxsfTtcbiAgdXNlci1zZWxlY3Q6IG5vbmU7XG4gIGNvbG9yOiAkeyh7IGxpZ2h0IH0pID0+IChsaWdodCA/IGNvbG9ycy53aGl0ZSA6IGNvbG9ycy50ZXh0LnByaW1hcnkpfTtcbiAgJHttcS5yYW5nZSh7IHVudGlsOiBicmVha3BvaW50cy50YWJsZXQgfSl9IHtcbiAgICBkaXNwbGF5OiBub25lO1xuICB9XG5gO1xuXG5jb25zdCBTdHlsZWRJY29uU2FmZUxpbmsgPSBzdHlsZWQoU2FmZUxpbmspYFxuICBib3gtc2hhZG93OiBub25lO1xuICBib3JkZXItYm90dG9tOiBub25lO1xuYDtcbmNvbnN0IFN0eWxlZEhvbWUgPSBzdHlsZWQoSG9tZSk8VGhlbWVQcm9wcz5gXG4gIHdpZHRoOiAyMHB4O1xuICBoZWlnaHQ6IDIwcHg7XG4gIGNvbG9yOiAkeyh7IGxpZ2h0IH0pID0+IChsaWdodCA/IGNvbG9ycy53aGl0ZSA6IGNvbG9ycy50ZXh0LnByaW1hcnkpfTtcbmA7XG5jb25zdCBTdHlsZWRSaWdodENoZXZyb24gPSBzdHlsZWQoQ2hldnJvblJpZ2h0KTxUaGVtZVByb3BzPmBcbiAgY29sb3I6ICR7KHsgbGlnaHQgfSkgPT4gKGxpZ2h0ID8gY29sb3JzLndoaXRlIDogY29sb3JzLnRleHQucHJpbWFyeSl9O1xuICBtYXJnaW46ICR7c3BhY2luZy54eHNtYWxsfTtcbmA7XG5jb25zdCBTdHlsZWRTcGFuID0gc3R5bGVkLnNwYW48VGhlbWVQcm9wcz5gXG4gIGNvbG9yOiAkeyh7IGxpZ2h0IH0pID0+IChsaWdodCA/IGNvbG9ycy53aGl0ZSA6IGNvbG9ycy50ZXh0LnByaW1hcnkpfTtcbmA7XG5jb25zdCBTdHlsZWRTYWZlTGluayA9IHN0eWxlZChTYWZlTGluayk8VGhlbWVQcm9wcz5gXG4gIGNvbG9yOiAkeyh7IGxpZ2h0IH0pID0+IChsaWdodCA/IGNvbG9ycy53aGl0ZSA6IGNvbG9ycy50ZXh0LnByaW1hcnkpfTtcbmA7XG5cbmludGVyZmFjZSBQcm9wcyB7XG4gIGl0ZW1zOiBTaW1wbGVCcmVhZGNydW1iSXRlbVtdO1xuICBsaWdodD86IGJvb2xlYW47XG59XG5cbmNvbnN0IEhvbWVCcmVhZGNydW1iID0gKHsgaXRlbXMsIGxpZ2h0IH06IFByb3BzKSA9PiB7XG4gIGNvbnN0IHJlbmRlckl0ZW0gPSAoaXRlbTogSW5kZXhlZEJyZWFkY3J1bWJJdGVtLCB0b3RhbENvdW50OiBudW1iZXIpID0+IHtcbiAgICBpZiAoaXRlbS5pbmRleCA9PT0gdG90YWxDb3VudCAtIDEpIHtcbiAgICAgIHJldHVybiA8U3R5bGVkU3BhbiBsaWdodD17bGlnaHR9PntpdGVtLm5hbWV9PC9TdHlsZWRTcGFuPjtcbiAgICB9XG4gICAgaWYgKGl0ZW0uaW5kZXggPT09IDApIHtcbiAgICAgIHJldHVybiAoXG4gICAgICAgIDxTdHlsZWRJY29uU2FmZUxpbmsgYXJpYS1sYWJlbD17aXRlbS5uYW1lfSB0bz17aXRlbS50b30+XG4gICAgICAgICAgPFN0eWxlZEhvbWUgdGl0bGU9e2l0ZW0ubmFtZX0gbGlnaHQ9e2xpZ2h0fSAvPlxuICAgICAgICA8L1N0eWxlZEljb25TYWZlTGluaz5cbiAgICAgICk7XG4gICAgfVxuICAgIHJldHVybiAoXG4gICAgICA8U3R5bGVkU2FmZUxpbmsgbGlnaHQ9e2xpZ2h0fSB0bz17aXRlbS50b30+XG4gICAgICAgIHtpdGVtLm5hbWV9XG4gICAgICA8L1N0eWxlZFNhZmVMaW5rPlxuICAgICk7XG4gIH07XG5cbiAgY29uc3QgcmVuZGVyU2VwYXJhdG9yID0gKGl0ZW06IEluZGV4ZWRCcmVhZGNydW1iSXRlbSwgdG90YWxDb3VudDogbnVtYmVyKSA9PiB7XG4gICAgaWYgKGl0ZW0uaW5kZXggPT09IHRvdGFsQ291bnQgLSAxKSB7XG4gICAgICByZXR1cm4gbnVsbDtcbiAgICB9XG4gICAgaWYgKGl0ZW0uaW5kZXggPT09IDApIHtcbiAgICAgIHJldHVybiA8U3R5bGVkU2VwYXJhdG9yIGxpZ2h0PXtsaWdodH0+fDwvU3R5bGVkU2VwYXJhdG9yPjtcbiAgICB9XG4gICAgcmV0dXJuIDxTdHlsZWRSaWdodENoZXZyb24gbGlnaHQ9e2xpZ2h0fSAvPjtcbiAgfTtcblxuICByZXR1cm4gPEJyZWFkY3J1bWIgaXRlbXM9e2l0ZW1zfSByZW5kZXJJdGVtPXtyZW5kZXJJdGVtfSByZW5kZXJTZXBhcmF0b3I9e3JlbmRlclNlcGFyYXRvcn0gLz47XG59O1xuXG5leHBvcnQgZGVmYXVsdCBIb21lQnJlYWRjcnVtYjtcbiJdfQ== */"));
+
+var StyledSpan = _styled("span", {
+  target: "eb9bmw14",
+  label: "StyledSpan"
+})("color:", function (_ref4) {
+  var light = _ref4.light;
+  return light ? colors.white : colors.text.primary;
+}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkhvbWVCcmVhZGNydW1iLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEyQzBDIiwiZmlsZSI6IkhvbWVCcmVhZGNydW1iLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDIyLXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgYnJlYWtwb2ludHMsIGNvbG9ycywgZm9udHMsIG1xLCBzcGFjaW5nIH0gZnJvbSAnQG5kbGEvY29yZSc7XG5pbXBvcnQgeyBDaGV2cm9uUmlnaHQsIEhvbWUgfSBmcm9tICdAbmRsYS9pY29ucy9jb21tb24nO1xuaW1wb3J0IFNhZmVMaW5rIGZyb20gJ0BuZGxhL3NhZmVsaW5rJztcbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgQnJlYWRjcnVtYiBmcm9tICcuL0JyZWFkY3J1bWInO1xuaW1wb3J0IHsgSW5kZXhlZEJyZWFkY3J1bWJJdGVtLCBTaW1wbGVCcmVhZGNydW1iSXRlbSB9IGZyb20gJy4vQnJlYWRjcnVtYkl0ZW0nO1xuXG5pbnRlcmZhY2UgVGhlbWVQcm9wcyB7XG4gIGxpZ2h0OiBib29sZWFuIHwgdW5kZWZpbmVkO1xufVxuXG5jb25zdCBTdHlsZWRTZXBhcmF0b3IgPSBzdHlsZWQuZGl2PFRoZW1lUHJvcHM+YFxuICAke2ZvbnRzLnNpemVzKCcxNHB4Jyl9O1xuICBtYXJnaW46IDAgJHtzcGFjaW5nLnNtYWxsfTtcbiAgdXNlci1zZWxlY3Q6IG5vbmU7XG4gIGNvbG9yOiAkeyh7IGxpZ2h0IH0pID0+IChsaWdodCA/IGNvbG9ycy53aGl0ZSA6IGNvbG9ycy50ZXh0LnByaW1hcnkpfTtcbiAgJHttcS5yYW5nZSh7IHVudGlsOiBicmVha3BvaW50cy50YWJsZXQgfSl9IHtcbiAgICBkaXNwbGF5OiBub25lO1xuICB9XG5gO1xuXG5jb25zdCBTdHlsZWRJY29uU2FmZUxpbmsgPSBzdHlsZWQoU2FmZUxpbmspYFxuICBib3gtc2hhZG93OiBub25lO1xuICBib3JkZXItYm90dG9tOiBub25lO1xuYDtcbmNvbnN0IFN0eWxlZEhvbWUgPSBzdHlsZWQoSG9tZSk8VGhlbWVQcm9wcz5gXG4gIHdpZHRoOiAyMHB4O1xuICBoZWlnaHQ6IDIwcHg7XG4gIGNvbG9yOiAkeyh7IGxpZ2h0IH0pID0+IChsaWdodCA/IGNvbG9ycy53aGl0ZSA6IGNvbG9ycy50ZXh0LnByaW1hcnkpfTtcbmA7XG5jb25zdCBTdHlsZWRSaWdodENoZXZyb24gPSBzdHlsZWQoQ2hldnJvblJpZ2h0KTxUaGVtZVByb3BzPmBcbiAgY29sb3I6ICR7KHsgbGlnaHQgfSkgPT4gKGxpZ2h0ID8gY29sb3JzLndoaXRlIDogY29sb3JzLnRleHQucHJpbWFyeSl9O1xuICBtYXJnaW46ICR7c3BhY2luZy54eHNtYWxsfTtcbmA7XG5jb25zdCBTdHlsZWRTcGFuID0gc3R5bGVkLnNwYW48VGhlbWVQcm9wcz5gXG4gIGNvbG9yOiAkeyh7IGxpZ2h0IH0pID0+IChsaWdodCA/IGNvbG9ycy53aGl0ZSA6IGNvbG9ycy50ZXh0LnByaW1hcnkpfTtcbmA7XG5jb25zdCBTdHlsZWRTYWZlTGluayA9IHN0eWxlZChTYWZlTGluayk8VGhlbWVQcm9wcz5gXG4gIGNvbG9yOiAkeyh7IGxpZ2h0IH0pID0+IChsaWdodCA/IGNvbG9ycy53aGl0ZSA6IGNvbG9ycy50ZXh0LnByaW1hcnkpfTtcbmA7XG5cbmludGVyZmFjZSBQcm9wcyB7XG4gIGl0ZW1zOiBTaW1wbGVCcmVhZGNydW1iSXRlbVtdO1xuICBsaWdodD86IGJvb2xlYW47XG59XG5cbmNvbnN0IEhvbWVCcmVhZGNydW1iID0gKHsgaXRlbXMsIGxpZ2h0IH06IFByb3BzKSA9PiB7XG4gIGNvbnN0IHJlbmRlckl0ZW0gPSAoaXRlbTogSW5kZXhlZEJyZWFkY3J1bWJJdGVtLCB0b3RhbENvdW50OiBudW1iZXIpID0+IHtcbiAgICBpZiAoaXRlbS5pbmRleCA9PT0gdG90YWxDb3VudCAtIDEpIHtcbiAgICAgIHJldHVybiA8U3R5bGVkU3BhbiBsaWdodD17bGlnaHR9PntpdGVtLm5hbWV9PC9TdHlsZWRTcGFuPjtcbiAgICB9XG4gICAgaWYgKGl0ZW0uaW5kZXggPT09IDApIHtcbiAgICAgIHJldHVybiAoXG4gICAgICAgIDxTdHlsZWRJY29uU2FmZUxpbmsgYXJpYS1sYWJlbD17aXRlbS5uYW1lfSB0bz17aXRlbS50b30+XG4gICAgICAgICAgPFN0eWxlZEhvbWUgdGl0bGU9e2l0ZW0ubmFtZX0gbGlnaHQ9e2xpZ2h0fSAvPlxuICAgICAgICA8L1N0eWxlZEljb25TYWZlTGluaz5cbiAgICAgICk7XG4gICAgfVxuICAgIHJldHVybiAoXG4gICAgICA8U3R5bGVkU2FmZUxpbmsgbGlnaHQ9e2xpZ2h0fSB0bz17aXRlbS50b30+XG4gICAgICAgIHtpdGVtLm5hbWV9XG4gICAgICA8L1N0eWxlZFNhZmVMaW5rPlxuICAgICk7XG4gIH07XG5cbiAgY29uc3QgcmVuZGVyU2VwYXJhdG9yID0gKGl0ZW06IEluZGV4ZWRCcmVhZGNydW1iSXRlbSwgdG90YWxDb3VudDogbnVtYmVyKSA9PiB7XG4gICAgaWYgKGl0ZW0uaW5kZXggPT09IHRvdGFsQ291bnQgLSAxKSB7XG4gICAgICByZXR1cm4gbnVsbDtcbiAgICB9XG4gICAgaWYgKGl0ZW0uaW5kZXggPT09IDApIHtcbiAgICAgIHJldHVybiA8U3R5bGVkU2VwYXJhdG9yIGxpZ2h0PXtsaWdodH0+fDwvU3R5bGVkU2VwYXJhdG9yPjtcbiAgICB9XG4gICAgcmV0dXJuIDxTdHlsZWRSaWdodENoZXZyb24gbGlnaHQ9e2xpZ2h0fSAvPjtcbiAgfTtcblxuICByZXR1cm4gPEJyZWFkY3J1bWIgaXRlbXM9e2l0ZW1zfSByZW5kZXJJdGVtPXtyZW5kZXJJdGVtfSByZW5kZXJTZXBhcmF0b3I9e3JlbmRlclNlcGFyYXRvcn0gLz47XG59O1xuXG5leHBvcnQgZGVmYXVsdCBIb21lQnJlYWRjcnVtYjtcbiJdfQ== */"));
+
+var StyledSafeLink = /*#__PURE__*/_styled(SafeLink, {
+  target: "eb9bmw15",
+  label: "StyledSafeLink"
+})("color:", function (_ref5) {
+  var light = _ref5.light;
+  return light ? colors.white : colors.text.primary;
+}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkhvbWVCcmVhZGNydW1iLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE4Q21EIiwiZmlsZSI6IkhvbWVCcmVhZGNydW1iLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDIyLXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgYnJlYWtwb2ludHMsIGNvbG9ycywgZm9udHMsIG1xLCBzcGFjaW5nIH0gZnJvbSAnQG5kbGEvY29yZSc7XG5pbXBvcnQgeyBDaGV2cm9uUmlnaHQsIEhvbWUgfSBmcm9tICdAbmRsYS9pY29ucy9jb21tb24nO1xuaW1wb3J0IFNhZmVMaW5rIGZyb20gJ0BuZGxhL3NhZmVsaW5rJztcbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgQnJlYWRjcnVtYiBmcm9tICcuL0JyZWFkY3J1bWInO1xuaW1wb3J0IHsgSW5kZXhlZEJyZWFkY3J1bWJJdGVtLCBTaW1wbGVCcmVhZGNydW1iSXRlbSB9IGZyb20gJy4vQnJlYWRjcnVtYkl0ZW0nO1xuXG5pbnRlcmZhY2UgVGhlbWVQcm9wcyB7XG4gIGxpZ2h0OiBib29sZWFuIHwgdW5kZWZpbmVkO1xufVxuXG5jb25zdCBTdHlsZWRTZXBhcmF0b3IgPSBzdHlsZWQuZGl2PFRoZW1lUHJvcHM+YFxuICAke2ZvbnRzLnNpemVzKCcxNHB4Jyl9O1xuICBtYXJnaW46IDAgJHtzcGFjaW5nLnNtYWxsfTtcbiAgdXNlci1zZWxlY3Q6IG5vbmU7XG4gIGNvbG9yOiAkeyh7IGxpZ2h0IH0pID0+IChsaWdodCA/IGNvbG9ycy53aGl0ZSA6IGNvbG9ycy50ZXh0LnByaW1hcnkpfTtcbiAgJHttcS5yYW5nZSh7IHVudGlsOiBicmVha3BvaW50cy50YWJsZXQgfSl9IHtcbiAgICBkaXNwbGF5OiBub25lO1xuICB9XG5gO1xuXG5jb25zdCBTdHlsZWRJY29uU2FmZUxpbmsgPSBzdHlsZWQoU2FmZUxpbmspYFxuICBib3gtc2hhZG93OiBub25lO1xuICBib3JkZXItYm90dG9tOiBub25lO1xuYDtcbmNvbnN0IFN0eWxlZEhvbWUgPSBzdHlsZWQoSG9tZSk8VGhlbWVQcm9wcz5gXG4gIHdpZHRoOiAyMHB4O1xuICBoZWlnaHQ6IDIwcHg7XG4gIGNvbG9yOiAkeyh7IGxpZ2h0IH0pID0+IChsaWdodCA/IGNvbG9ycy53aGl0ZSA6IGNvbG9ycy50ZXh0LnByaW1hcnkpfTtcbmA7XG5jb25zdCBTdHlsZWRSaWdodENoZXZyb24gPSBzdHlsZWQoQ2hldnJvblJpZ2h0KTxUaGVtZVByb3BzPmBcbiAgY29sb3I6ICR7KHsgbGlnaHQgfSkgPT4gKGxpZ2h0ID8gY29sb3JzLndoaXRlIDogY29sb3JzLnRleHQucHJpbWFyeSl9O1xuICBtYXJnaW46ICR7c3BhY2luZy54eHNtYWxsfTtcbmA7XG5jb25zdCBTdHlsZWRTcGFuID0gc3R5bGVkLnNwYW48VGhlbWVQcm9wcz5gXG4gIGNvbG9yOiAkeyh7IGxpZ2h0IH0pID0+IChsaWdodCA/IGNvbG9ycy53aGl0ZSA6IGNvbG9ycy50ZXh0LnByaW1hcnkpfTtcbmA7XG5jb25zdCBTdHlsZWRTYWZlTGluayA9IHN0eWxlZChTYWZlTGluayk8VGhlbWVQcm9wcz5gXG4gIGNvbG9yOiAkeyh7IGxpZ2h0IH0pID0+IChsaWdodCA/IGNvbG9ycy53aGl0ZSA6IGNvbG9ycy50ZXh0LnByaW1hcnkpfTtcbmA7XG5cbmludGVyZmFjZSBQcm9wcyB7XG4gIGl0ZW1zOiBTaW1wbGVCcmVhZGNydW1iSXRlbVtdO1xuICBsaWdodD86IGJvb2xlYW47XG59XG5cbmNvbnN0IEhvbWVCcmVhZGNydW1iID0gKHsgaXRlbXMsIGxpZ2h0IH06IFByb3BzKSA9PiB7XG4gIGNvbnN0IHJlbmRlckl0ZW0gPSAoaXRlbTogSW5kZXhlZEJyZWFkY3J1bWJJdGVtLCB0b3RhbENvdW50OiBudW1iZXIpID0+IHtcbiAgICBpZiAoaXRlbS5pbmRleCA9PT0gdG90YWxDb3VudCAtIDEpIHtcbiAgICAgIHJldHVybiA8U3R5bGVkU3BhbiBsaWdodD17bGlnaHR9PntpdGVtLm5hbWV9PC9TdHlsZWRTcGFuPjtcbiAgICB9XG4gICAgaWYgKGl0ZW0uaW5kZXggPT09IDApIHtcbiAgICAgIHJldHVybiAoXG4gICAgICAgIDxTdHlsZWRJY29uU2FmZUxpbmsgYXJpYS1sYWJlbD17aXRlbS5uYW1lfSB0bz17aXRlbS50b30+XG4gICAgICAgICAgPFN0eWxlZEhvbWUgdGl0bGU9e2l0ZW0ubmFtZX0gbGlnaHQ9e2xpZ2h0fSAvPlxuICAgICAgICA8L1N0eWxlZEljb25TYWZlTGluaz5cbiAgICAgICk7XG4gICAgfVxuICAgIHJldHVybiAoXG4gICAgICA8U3R5bGVkU2FmZUxpbmsgbGlnaHQ9e2xpZ2h0fSB0bz17aXRlbS50b30+XG4gICAgICAgIHtpdGVtLm5hbWV9XG4gICAgICA8L1N0eWxlZFNhZmVMaW5rPlxuICAgICk7XG4gIH07XG5cbiAgY29uc3QgcmVuZGVyU2VwYXJhdG9yID0gKGl0ZW06IEluZGV4ZWRCcmVhZGNydW1iSXRlbSwgdG90YWxDb3VudDogbnVtYmVyKSA9PiB7XG4gICAgaWYgKGl0ZW0uaW5kZXggPT09IHRvdGFsQ291bnQgLSAxKSB7XG4gICAgICByZXR1cm4gbnVsbDtcbiAgICB9XG4gICAgaWYgKGl0ZW0uaW5kZXggPT09IDApIHtcbiAgICAgIHJldHVybiA8U3R5bGVkU2VwYXJhdG9yIGxpZ2h0PXtsaWdodH0+fDwvU3R5bGVkU2VwYXJhdG9yPjtcbiAgICB9XG4gICAgcmV0dXJuIDxTdHlsZWRSaWdodENoZXZyb24gbGlnaHQ9e2xpZ2h0fSAvPjtcbiAgfTtcblxuICByZXR1cm4gPEJyZWFkY3J1bWIgaXRlbXM9e2l0ZW1zfSByZW5kZXJJdGVtPXtyZW5kZXJJdGVtfSByZW5kZXJTZXBhcmF0b3I9e3JlbmRlclNlcGFyYXRvcn0gLz47XG59O1xuXG5leHBvcnQgZGVmYXVsdCBIb21lQnJlYWRjcnVtYjtcbiJdfQ== */"));
+
+var HomeBreadcrumb = function HomeBreadcrumb(_ref6) {
+  var items = _ref6.items,
+      light = _ref6.light;
+
+  var renderItem = function renderItem(item, totalCount) {
+    if (item.index === totalCount - 1) {
+      return ___EmotionJSX(StyledSpan, {
+        light: light
+      }, item.name);
+    }
+
+    if (item.index === 0) {
+      return ___EmotionJSX(StyledIconSafeLink, {
+        "aria-label": item.name,
+        to: item.to
+      }, ___EmotionJSX(StyledHome, {
+        title: item.name,
+        light: light
+      }));
+    }
+
+    return ___EmotionJSX(StyledSafeLink, {
+      light: light,
+      to: item.to
+    }, item.name);
+  };
+
+  var renderSeparator = function renderSeparator(item, totalCount) {
+    if (item.index === totalCount - 1) {
+      return null;
+    }
+
+    if (item.index === 0) {
+      return ___EmotionJSX(StyledSeparator, {
+        light: light
+      }, "|");
+    }
+
+    return ___EmotionJSX(StyledRightChevron, {
+      light: light
+    });
+  };
+
+  return ___EmotionJSX(Breadcrumb, {
+    items: items,
+    renderItem: renderItem,
+    renderSeparator: renderSeparator
+  });
+};
+
+export default HomeBreadcrumb;

package/es/Breadcrumb/index.js

@@ -6,5 +6,6 @@
  *
  */
 import Breadcrumb from './Breadcrumb';
-export { default as BreadcrumbBlock } from './BreadcrumbBlock';
+export { default as HeaderBreadcrumb } from './HeaderBreadcrumb';
+export { default as HomeBreadcrumb } from './HomeBreadcrumb';
 export default Breadcrumb;

package/es/Breadcrumblist/index.js

@@ -1,3 +1,2 @@
-import Breadcrumblist from './Breadcrumblist'; // export { default as BreadcrumbBlock } from './BreadcrumbBlock';
-
+import Breadcrumblist from './Breadcrumblist';
 export default Breadcrumblist;