@mycause/ui 0.0.0-cb5efc7a → 0.0.0-cba5b1d7

package/donation/cjs/components/navigation/navigation-expanded.js

@@ -0,0 +1,67 @@
+'use strict';
+
+var _pt = require('prop-types');
+var _JSXStyle = require('styled-jsx/style');
+var React = require('react');
+var classnames = require('classnames');
+var iconButton = require('../icon/icon-button.js');
+var colors = require('../../theme/colors.js');
+var navigationList = require('./navigation-list.js');
+var icon = require('../icon/icon.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _pt__default = /*#__PURE__*/_interopDefaultLegacy(_pt);
+var _JSXStyle__default = /*#__PURE__*/_interopDefaultLegacy(_JSXStyle);
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
+
+function NavigationExpanded(_ref) {
+  let {
+    links,
+    children,
+    onRequestClose,
+    className,
+    banner
+  } = _ref;
+  return /*#__PURE__*/React__default["default"].createElement("div", {
+    className: _JSXStyle__default["default"].dynamic([["538508997", [colors.BACKGROUND_GREY, colors.ON_BACKGROUND_GREY_GREY, colors.ON_BACKGROUND_GREY_GREY, colors.ON_BACKGROUND_GREY_GREY]]]) + " " + (classnames__default["default"]("navigation-menu", className) || "")
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    className: _JSXStyle__default["default"].dynamic([["538508997", [colors.BACKGROUND_GREY, colors.ON_BACKGROUND_GREY_GREY, colors.ON_BACKGROUND_GREY_GREY, colors.ON_BACKGROUND_GREY_GREY]]]) + " " + "content"
+  }, children, /*#__PURE__*/React__default["default"].createElement("div", {
+    className: _JSXStyle__default["default"].dynamic([["538508997", [colors.BACKGROUND_GREY, colors.ON_BACKGROUND_GREY_GREY, colors.ON_BACKGROUND_GREY_GREY, colors.ON_BACKGROUND_GREY_GREY]]])
+  }, /*#__PURE__*/React__default["default"].createElement("hr", {
+    className: _JSXStyle__default["default"].dynamic([["538508997", [colors.BACKGROUND_GREY, colors.ON_BACKGROUND_GREY_GREY, colors.ON_BACKGROUND_GREY_GREY, colors.ON_BACKGROUND_GREY_GREY]]])
+  })), /*#__PURE__*/React__default["default"].createElement("div", {
+    className: _JSXStyle__default["default"].dynamic([["538508997", [colors.BACKGROUND_GREY, colors.ON_BACKGROUND_GREY_GREY, colors.ON_BACKGROUND_GREY_GREY, colors.ON_BACKGROUND_GREY_GREY]]]) + " " + "columns"
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    className: _JSXStyle__default["default"].dynamic([["538508997", [colors.BACKGROUND_GREY, colors.ON_BACKGROUND_GREY_GREY, colors.ON_BACKGROUND_GREY_GREY, colors.ON_BACKGROUND_GREY_GREY]]]) + " " + "navigation-list-container"
+  }, links ? /*#__PURE__*/React__default["default"].createElement(navigationList, {
+    items: links
+  }) : null), banner ? /*#__PURE__*/React__default["default"].createElement("div", {
+    className: _JSXStyle__default["default"].dynamic([["538508997", [colors.BACKGROUND_GREY, colors.ON_BACKGROUND_GREY_GREY, colors.ON_BACKGROUND_GREY_GREY, colors.ON_BACKGROUND_GREY_GREY]]]) + " " + "banner"
+  }, banner) : null), /*#__PURE__*/React__default["default"].createElement("div", {
+    className: _JSXStyle__default["default"].dynamic([["538508997", [colors.BACKGROUND_GREY, colors.ON_BACKGROUND_GREY_GREY, colors.ON_BACKGROUND_GREY_GREY, colors.ON_BACKGROUND_GREY_GREY]]]) + " " + "close"
+  }, /*#__PURE__*/React__default["default"].createElement(iconButton, {
+    className: "close-button",
+    onClick: onRequestClose
+  }, /*#__PURE__*/React__default["default"].createElement(icon, {
+    icon: "close",
+    size: "100%",
+    title: "Close"
+  })))), /*#__PURE__*/React__default["default"].createElement(_JSXStyle__default["default"], {
+    id: "538508997",
+    dynamic: [colors.BACKGROUND_GREY, colors.ON_BACKGROUND_GREY_GREY, colors.ON_BACKGROUND_GREY_GREY, colors.ON_BACKGROUND_GREY_GREY]
+  }, `.navigation-menu.__jsx-style-dynamic-selector{background-color:${colors.BACKGROUND_GREY};}.navigation-list-container.__jsx-style-dynamic-selector{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;}.content.__jsx-style-dynamic-selector{position:relative;max-width:1024px;margin:0 auto;padding:0rem 1rem 2rem 1rem;}.content.__jsx-style-dynamic-selector>*:not(:last-child){margin-bottom:1rem;}.content.__jsx-style-dynamic-selector{display:grid;grid-gap:1rem;}.content.__jsx-style-dynamic-selector>*:not(:last-child){margin-bottom:initial;}.main-navigation.__jsx-style-dynamic-selector{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}.main-navigation.__jsx-style-dynamic-selector>*:not(:last-child){margin-bottom:2rem;}.main-navigation-menus.__jsx-style-dynamic-selector{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}.main-navigation-menus.__jsx-style-dynamic-selector>*:not(:last-child){margin-right:4rem;}.columns.__jsx-style-dynamic-selector{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;padding:0;}.columns.__jsx-style-dynamic-selector>*:not(:last-child){margin-right:8rem;}.span-2.__jsx-style-dynamic-selector{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;}.columns.__jsx-style-dynamic-selector>:not:(:last-child){margin-right:initial;}.span-2.__jsx-style-dynamic-selector{grid-column-end:span 2;}.close.__jsx-style-dynamic-selector{display:none;}.navigation-menu.__jsx-style-dynamic-selector .close-button{padding:6px !important;font-size:36px;}.banner.__jsx-style-dynamic-selector{display:none;}hr.__jsx-style-dynamic-selector{border:none;border-top-style:solid;border-top-width:1px;border-color:${colors.ON_BACKGROUND_GREY_GREY};color:${colors.ON_BACKGROUND_GREY_GREY};background-color:${colors.ON_BACKGROUND_GREY_GREY};margin:0;}@media (min-width:720px){.content.__jsx-style-dynamic-selector{padding:2rem;}.content.__jsx-style-dynamic-selector>*:not(:last-child){margin-bottom:1.5rem;}.content.__jsx-style-dynamic-selector{grid-gap:1.5rem;}.columns.__jsx-style-dynamic-selector{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}.banner.__jsx-style-dynamic-selector{display:block;}}@media (min-width:960px){.content.__jsx-style-dynamic-selector{padding:4rem;}.content.__jsx-style-dynamic-selector>*:not(:last-child){margin-bottom:3rem;}.content.__jsx-style-dynamic-selector>*:not(:last-child){margin-bottom:0;}.content.__jsx-style-dynamic-selector{grid-gap:3rem;}.close.__jsx-style-dynamic-selector{display:block;position:absolute;top:4rem;right:5rem;}}
+/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIm5hdmlnYXRpb24tZXhwYW5kZWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXlDa0IsQUFHeUQsQUFJbEMsQUFJTSxBQU9DLEFBSU4sQUFLUyxBQUlULEFBS00sQUFJTixBQUlLLEFBSUwsQUFLSyxBQUlOLEFBSVMsQUFJRSxBQUlWLEFBSVUsQUFLVixBQUlELEFBV0csQUFJUSxBQUlMLEFBSUgsQUFJQyxBQU1ELEFBSU0sQUFJSCxBQUlGLEFBSUEsWUFoRE8sQ0E1RFQsQUErQ2hCLEFBU0EsQUFlRSxBQXNCQSxDQU5BLEFBa0JBLEFBSW9CLEVBOUJwQixBQXNCQSxFQWhIaUIsQUFpQ25CLEFBU0EsQ0FuQ0EsQUFrQkEsQUFtRkUsRUExREYsQUFvQ0UsQ0F0RUYsQ0FzQ0EsQUFRaUIsSUFsRGpCLEtBNkdhLEdBeEhHLEFBdUVPLEdBVHZCLEdBMkRlLEtBbElmLEdBVThCLEdBeUg1QixJQWxEMEMsZUE3RTVDLEFBa0RBLEdBMUJ3QixBQVN4QixBQVFZLEFBeURWLEdBM0ZGLE9BbUNBLGNBb0NxQyxtQ0FDVyxtQkF0RGhELDJCQXVEVyxTQUNYIiwiZmlsZSI6Im5hdmlnYXRpb24tZXhwYW5kZWQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IGNsYXNzbmFtZXMgZnJvbSBcImNsYXNzbmFtZXNcIjtcbmltcG9ydCB7IEljb24gfSBmcm9tIFwiLi4vaWNvblwiO1xuaW1wb3J0IEljb25CdXR0b24gZnJvbSBcIi4uL2ljb24vaWNvbi1idXR0b25cIjtcbmltcG9ydCB7IEJBQ0tHUk9VTkRfR1JFWSwgT05fQkFDS0dST1VORF9HUkVZX0dSRVkgfSBmcm9tIFwiLi4vLi4vdGhlbWUvY29sb3JzXCI7XG5pbXBvcnQgTmF2aWdhdGlvbkxpc3QsIHsgSHlicmlkTmF2aWdhdGlvbkxpbmsgfSBmcm9tIFwiLi9uYXZpZ2F0aW9uLWxpc3RcIjtcblxuZXhwb3J0IHR5cGUgTmF2aWdhdGlvbkV4cGFuZGVkUHJvcHMgPSB7XG4gIGxpbmtzPzogQXJyYXk8SHlicmlkTmF2aWdhdGlvbkxpbms+O1xuICBjaGlsZHJlbj86IFJlYWN0LlJlYWN0Tm9kZTtcbiAgYmFubmVyPzogUmVhY3QuUmVhY3ROb2RlO1xuICBvblJlcXVlc3RDbG9zZTogKCkgPT4gdm9pZDtcbiAgY2xhc3NOYW1lPzogc3RyaW5nO1xufTtcblxuZnVuY3Rpb24gTmF2aWdhdGlvbkV4cGFuZGVkKHtcbiAgbGlua3MsXG4gIGNoaWxkcmVuLFxuICBvblJlcXVlc3RDbG9zZSxcbiAgY2xhc3NOYW1lLFxuICBiYW5uZXIsXG59OiBOYXZpZ2F0aW9uRXhwYW5kZWRQcm9wcykge1xuICByZXR1cm4gKFxuICAgIDxkaXYgY2xhc3NOYW1lPXtjbGFzc25hbWVzKFwibmF2aWdhdGlvbi1tZW51XCIsIGNsYXNzTmFtZSl9PlxuICAgICAgPGRpdiBjbGFzc05hbWU9XCJjb250ZW50XCI+XG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgICAgPGRpdj5cbiAgICAgICAgICA8aHIgLz5cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIDxkaXYgY2xhc3NOYW1lPVwiY29sdW1uc1wiPlxuICAgICAgICAgIDxkaXYgY2xhc3NOYW1lPVwibmF2aWdhdGlvbi1saXN0LWNvbnRhaW5lclwiPlxuICAgICAgICAgICAge2xpbmtzID8gPE5hdmlnYXRpb25MaXN0IGl0ZW1zPXtsaW5rc30gLz4gOiBudWxsfVxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgIHtiYW5uZXIgPyA8ZGl2IGNsYXNzTmFtZT1cImJhbm5lclwiPntiYW5uZXJ9PC9kaXY+IDogbnVsbH1cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIDxkaXYgY2xhc3NOYW1lPVwiY2xvc2VcIj5cbiAgICAgICAgICA8SWNvbkJ1dHRvbiBjbGFzc05hbWU9XCJjbG9zZS1idXR0b25cIiBvbkNsaWNrPXtvblJlcXVlc3RDbG9zZX0+XG4gICAgICAgICAgICA8SWNvbiBpY29uPVwiY2xvc2VcIiBzaXplPVwiMTAwJVwiIHRpdGxlPVwiQ2xvc2VcIiAvPlxuICAgICAgICAgIDwvSWNvbkJ1dHRvbj5cbiAgICAgICAgPC9kaXY+XG4gICAgICA8L2Rpdj5cbiAgICAgIDxzdHlsZSBqc3g+e2BcbiAgICAgICAgLm5hdmlnYXRpb24tbWVudSB7XG4gICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtCQUNLR1JPVU5EX0dSRVl9O1xuICAgICAgICB9XG5cbiAgICAgICAgLm5hdmlnYXRpb24tbGlzdC1jb250YWluZXIge1xuICAgICAgICAgIGZsZXgtZ3JvdzogMTtcbiAgICAgICAgfVxuXG4gICAgICAgIC5jb250ZW50IHtcbiAgICAgICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICAgICAgbWF4LXdpZHRoOiAxMDI0cHg7XG4gICAgICAgICAgbWFyZ2luOiAwIGF1dG87XG4gICAgICAgICAgcGFkZGluZzogMHJlbSAxcmVtIDJyZW0gMXJlbTtcbiAgICAgICAgfVxuXG4gICAgICAgIC5jb250ZW50ID4gOmdsb2JhbCgqOm5vdCg6bGFzdC1jaGlsZCkpIHtcbiAgICAgICAgICBtYXJnaW4tYm90dG9tOiAxcmVtO1xuICAgICAgICB9XG5cbiAgICAgICAgLmNvbnRlbnQge1xuICAgICAgICAgIGRpc3BsYXk6IGdyaWQ7XG4gICAgICAgICAgZ3JpZC1nYXA6IDFyZW07XG4gICAgICAgIH1cblxuICAgICAgICAuY29udGVudCA+IDpnbG9iYWwoKjpub3QoOmxhc3QtY2hpbGQpKSB7XG4gICAgICAgICAgbWFyZ2luLWJvdHRvbTogaW5pdGlhbDtcbiAgICAgICAgfVxuXG4gICAgICAgIC5tYWluLW5hdmlnYXRpb24ge1xuICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICAgICAgfVxuXG4gICAgICAgIC5tYWluLW5hdmlnYXRpb24gPiA6Z2xvYmFsKCo6bm90KDpsYXN0LWNoaWxkKSkge1xuICAgICAgICAgIG1hcmdpbi1ib3R0b206IDJyZW07XG4gICAgICAgIH1cblxuICAgICAgICAubWFpbi1uYXZpZ2F0aW9uLW1lbnVzIHtcbiAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICB9XG5cbiAgICAgICAgLm1haW4tbmF2aWdhdGlvbi1tZW51cyA+IDpnbG9iYWwoKjpub3QoOmxhc3QtY2hpbGQpKSB7XG4gICAgICAgICAgbWFyZ2luLXJpZ2h0OiA0cmVtO1xuICAgICAgICB9XG5cbiAgICAgICAgLmNvbHVtbnMge1xuICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgICAgcGFkZGluZzogMDtcbiAgICAgICAgfVxuXG4gICAgICAgIC5jb2x1bW5zID4gOmdsb2JhbCgqOm5vdCg6bGFzdC1jaGlsZCkpIHtcbiAgICAgICAgICBtYXJnaW4tcmlnaHQ6IDhyZW07XG4gICAgICAgIH1cblxuICAgICAgICAuc3Bhbi0yIHtcbiAgICAgICAgICBmbGV4LWdyb3c6IDE7XG4gICAgICAgIH1cblxuICAgICAgICAuY29sdW1ucyA+IDpnbG9iYWwoOm5vdDooOmxhc3QtY2hpbGQpKSB7XG4gICAgICAgICAgbWFyZ2luLXJpZ2h0OiBpbml0aWFsO1xuICAgICAgICB9XG5cbiAgICAgICAgLnNwYW4tMiB7XG4gICAgICAgICAgZ3JpZC1jb2x1bW4tZW5kOiBzcGFuIDI7XG4gICAgICAgIH1cblxuICAgICAgICAuY2xvc2Uge1xuICAgICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgICAgIH1cblxuICAgICAgICAubmF2aWdhdGlvbi1tZW51IDpnbG9iYWwoLmNsb3NlLWJ1dHRvbikge1xuICAgICAgICAgIHBhZGRpbmc6IDZweCAhaW1wb3J0YW50O1xuICAgICAgICAgIGZvbnQtc2l6ZTogMzZweDtcbiAgICAgICAgfVxuXG4gICAgICAgIC5iYW5uZXIge1xuICAgICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgICAgIH1cblxuICAgICAgICBociB7XG4gICAgICAgICAgYm9yZGVyOiBub25lO1xuICAgICAgICAgIGJvcmRlci10b3Atc3R5bGU6IHNvbGlkO1xuICAgICAgICAgIGJvcmRlci10b3Atd2lkdGg6IDFweDtcbiAgICAgICAgICBib3JkZXItY29sb3I6ICR7T05fQkFDS0dST1VORF9HUkVZX0dSRVl9O1xuICAgICAgICAgIGNvbG9yOiAke09OX0JBQ0tHUk9VTkRfR1JFWV9HUkVZfTtcbiAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke09OX0JBQ0tHUk9VTkRfR1JFWV9HUkVZfTtcbiAgICAgICAgICBtYXJnaW46IDA7XG4gICAgICAgIH1cblxuICAgICAgICBAbWVkaWEgKG1pbi13aWR0aDogNzIwcHgpIHtcbiAgICAgICAgICAuY29udGVudCB7XG4gICAgICAgICAgICBwYWRkaW5nOiAycmVtO1xuICAgICAgICAgIH1cblxuICAgICAgICAgIC5jb250ZW50ID4gOmdsb2JhbCgqOm5vdCg6bGFzdC1jaGlsZCkpIHtcbiAgICAgICAgICAgIG1hcmdpbi1ib3R0b206IDEuNXJlbTtcbiAgICAgICAgICB9XG5cbiAgICAgICAgICAuY29udGVudCB7XG4gICAgICAgICAgICBncmlkLWdhcDogMS41cmVtO1xuICAgICAgICAgIH1cblxuICAgICAgICAgIC5jb2x1bW5zIHtcbiAgICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgICAgfVxuXG4gICAgICAgICAgLmJhbm5lciB7XG4gICAgICAgICAgICBkaXNwbGF5OiBibG9jaztcbiAgICAgICAgICB9XG4gICAgICAgIH1cblxuICAgICAgICBAbWVkaWEgKG1pbi13aWR0aDogOTYwcHgpIHtcbiAgICAgICAgICAuY29udGVudCB7XG4gICAgICAgICAgICBwYWRkaW5nOiA0cmVtO1xuICAgICAgICAgIH1cblxuICAgICAgICAgIC5jb250ZW50ID4gOmdsb2JhbCgqOm5vdCg6bGFzdC1jaGlsZCkpIHtcbiAgICAgICAgICAgIG1hcmdpbi1ib3R0b206IDNyZW07XG4gICAgICAgICAgfVxuXG4gICAgICAgICAgLmNvbnRlbnQgPiA6Z2xvYmFsKCo6bm90KDpsYXN0LWNoaWxkKSkge1xuICAgICAgICAgICAgbWFyZ2luLWJvdHRvbTogMDtcbiAgICAgICAgICB9XG5cbiAgICAgICAgICAuY29udGVudCB7XG4gICAgICAgICAgICBncmlkLWdhcDogM3JlbTtcbiAgICAgICAgICB9XG5cbiAgICAgICAgICAuY2xvc2Uge1xuICAgICAgICAgICAgZGlzcGxheTogYmxvY2s7XG4gICAgICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICAgICAgICB0b3A6IDRyZW07XG4gICAgICAgICAgICByaWdodDogNXJlbTtcbiAgICAgICAgICB9XG4gICAgICAgIH1cbiAgICAgIGB9PC9zdHlsZT5cbiAgICA8L2Rpdj5cbiAgKTtcbn1cblxuZXhwb3J0IGRlZmF1bHQgTmF2aWdhdGlvbkV4cGFuZGVkO1xuIl19 */
+/*@ sourceURL=navigation-expanded.tsx */`));
+}
+NavigationExpanded.propTypes = {
+  links: _pt__default["default"].any,
+  children: _pt__default["default"].node,
+  banner: _pt__default["default"].node,
+  onRequestClose: _pt__default["default"].func.isRequired,
+  className: _pt__default["default"].string
+};
+
+module.exports = NavigationExpanded;

package/donation/cjs/components/navigation/navigation-list.js

@@ -0,0 +1,78 @@
+'use strict';
+
+var _pt = require('prop-types');
+var _JSXStyle = require('styled-jsx/style');
+var React = require('react');
+var colors = require('../../theme/colors.js');
+var theme = require('../../theme/theme.js');
+var boldAnchor = require('../anchor/bold-anchor.js');
+var icon = require('../icon/icon.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _pt__default = /*#__PURE__*/_interopDefaultLegacy(_pt);
+var _JSXStyle__default = /*#__PURE__*/_interopDefaultLegacy(_JSXStyle);
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+function NavigationList(_ref) {
+  let {
+    items,
+    onClickItem,
+    active,
+    size = "normal"
+  } = _ref;
+  const theme$1 = theme.useTheme();
+  return /*#__PURE__*/React__default["default"].createElement("ul", {
+    className: _JSXStyle__default["default"].dynamic([["1320294250", [theme$1.typography.fontFamily.brand, colors.BRAND_DARK_GREY, colors.INACTIVE_GREY]]]) + " " + `size-${size}`
+  }, items.map(item => {
+    const onClick = e => {
+      // href
+      if ("href" in item) return;
+      e.preventDefault();
+      // combined handler
+      if (onClickItem) onClickItem(item.id);
+      // individual handler
+      else if (item.onClick) item.onClick();
+    };
+    const href = "href" in item ? item.href : "#";
+    const id = "id" in item ? item.id : null;
+    return /*#__PURE__*/React__default["default"].createElement(React.Fragment, {
+      key: "href" in item ? item.href : item.id
+    }, /*#__PURE__*/React__default["default"].createElement("li", {
+      className: _JSXStyle__default["default"].dynamic([["1320294250", [theme$1.typography.fontFamily.brand, colors.BRAND_DARK_GREY, colors.INACTIVE_GREY]]]) + " " + "item"
+    }, /*#__PURE__*/React__default["default"].createElement(boldAnchor, {
+      analyticsId: item.analyticsId,
+      href: href,
+      onClick: onClick,
+      active: id === active
+    }, /*#__PURE__*/React__default["default"].createElement("img", {
+      src: item.icon,
+      className: _JSXStyle__default["default"].dynamic([["1320294250", [theme$1.typography.fontFamily.brand, colors.BRAND_DARK_GREY, colors.INACTIVE_GREY]]])
+    }), item.label, " ", "id" in item && item.more ? /*#__PURE__*/React__default["default"].createElement("span", {
+      className: _JSXStyle__default["default"].dynamic([["1320294250", [theme$1.typography.fontFamily.brand, colors.BRAND_DARK_GREY, colors.INACTIVE_GREY]]]) + " " + "chevron"
+    }, /*#__PURE__*/React__default["default"].createElement("span", {
+      className: _JSXStyle__default["default"].dynamic([["1320294250", [theme$1.typography.fontFamily.brand, colors.BRAND_DARK_GREY, colors.INACTIVE_GREY]]]) + " " + "chevron-right"
+    }, /*#__PURE__*/React__default["default"].createElement(icon, {
+      icon: "chevron_right",
+      size: size === "normal" ? "24px" : "36px"
+    })), /*#__PURE__*/React__default["default"].createElement("span", {
+      className: _JSXStyle__default["default"].dynamic([["1320294250", [theme$1.typography.fontFamily.brand, colors.BRAND_DARK_GREY, colors.INACTIVE_GREY]]]) + " " + "chevron-down"
+    }, /*#__PURE__*/React__default["default"].createElement(icon, {
+      icon: "expand_more",
+      size: size === "normal" ? "16px" : "24px"
+    }))) : null)), "children" in item ? item.children : null);
+  }), /*#__PURE__*/React__default["default"].createElement(_JSXStyle__default["default"], {
+    id: "1320294250",
+    dynamic: [theme$1.typography.fontFamily.brand, colors.BRAND_DARK_GREY, colors.INACTIVE_GREY]
+  }, `ul.__jsx-style-dynamic-selector{margin:0;padding:0;list-style:none;}.item.__jsx-style-dynamic-selector{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;font-family:${theme$1.typography.fontFamily.brand};color:${colors.BRAND_DARK_GREY};font-weight:500;}.size-long.__jsx-style-dynamic-selector{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;width:100%;}.size-long.__jsx-style-dynamic-selector .item.__jsx-style-dynamic-selector{font-size:1rem;height:50px;margin-bottom:30px;}.size-long.__jsx-style-dynamic-selector .item.__jsx-style-dynamic-selector:not(:last-child){-webkit-flex:1 0 30%;-ms-flex:1 0 30%;flex:1 0 30%;}.size-long.__jsx-style-dynamic-selector .item.__jsx-style-dynamic-selector:last-child{-webkit-flex:1 0 64%;-ms-flex:1 0 64%;flex:1 0 64%;}.size-long.__jsx-style-dynamic-selector .item.__jsx-style-dynamic-selector>a{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.size-long.__jsx-style-dynamic-selector .item.__jsx-style-dynamic-selector>a > img{margin-right:10px;width:50px;}.size-large.__jsx-style-dynamic-selector .item.__jsx-style-dynamic-selector{font-size:1rem;height:2.5rem;}.size-normal.__jsx-style-dynamic-selector .item.__jsx-style-dynamic-selector{font-size:0.875rem;height:1.75rem;}.item.__jsx-style-dynamic-selector a:focus{outline:none;}.item.__jsx-style-dynamic-selector:focus-within{outline:-webkit-focus-ring-color auto 5px;}.chevron.__jsx-style-dynamic-selector{position:relative;display:inline-block;width:1em;height:1em;margin-left:1rem;vertical-align:middle;line-height:1;-webkit-transform:translateY(-5%);-ms-transform:translateY(-5%);transform:translateY(-5%);color:${colors.INACTIVE_GREY};}.chevron-right.__jsx-style-dynamic-selector{display:none;}.item.__jsx-style-dynamic-selector a:hover .chevron.__jsx-style-dynamic-selector,.item.__jsx-style-dynamic-selector a:focus .chevron.__jsx-style-dynamic-selector,.item.__jsx-style-dynamic-selector a.active .chevron.__jsx-style-dynamic-selector{color:inherit;}.chevron.__jsx-style-dynamic-selector>*{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}@media (min-width:720px){.size-large.__jsx-style-dynamic-selector .item.__jsx-style-dynamic-selector{font-size:1.375rem;min-height:3rem;}.size-normal.__jsx-style-dynamic-selector .item.__jsx-style-dynamic-selector{font-size:1.125rem;min-height:2.5rem;}.chevron-right.__jsx-style-dynamic-selector{display:initial;}.chevron-down.__jsx-style-dynamic-selector{display:none;}}@media (max-width:719px){.size-long.__jsx-style-dynamic-selector .item.__jsx-style-dynamic-selector{font-size:0.875rem;}}@media (max-width:644px){.size-long.__jsx-style-dynamic-selector .item.__jsx-style-dynamic-selector:not(:last-child){-webkit-flex:1 0 50%;-ms-flex:1 0 50%;flex:1 0 50%;}.size-long.__jsx-style-dynamic-selector .item.__jsx-style-dynamic-selector:last-child{-webkit-flex:1 0 50%;-ms-flex:1 0 50%;flex:1 0 50%;}.size-long.__jsx-style-dynamic-selector .item.__jsx-style-dynamic-selector{margin-bottom:20px;}}@media (max-width:457px){.size-long.__jsx-style-dynamic-selector .item.__jsx-style-dynamic-selector{margin-bottom:8px;}.size-long.__jsx-style-dynamic-selector .item.__jsx-style-dynamic-selector:not(:last-child){-webkit-flex:1 0 100%;-ms-flex:1 0 100%;flex:1 0 100%;}.size-long.__jsx-style-dynamic-selector .item.__jsx-style-dynamic-selector:last-child{-webkit-flex:1 0 100%;-ms-flex:1 0 100%;flex:1 0 100%;}}
+/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIm5hdmlnYXRpb24tbGlzdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNkZrQixBQUdvQixBQU1JLEFBU0EsQUFNRSxBQU1GLEFBSUEsQUFJQSxBQUtLLEFBS0gsQUFLSSxBQUtOLEFBSTZCLEFBSXhCLEFBWUwsQUFNQyxBQUlJLEFBUUcsQUFLQSxBQUtILEFBSUgsQUFNTSxBQU1OLEFBR0EsQUFHTSxBQU1ELEFBSUosQUFJQSxTQTFJTixJQXVEWixBQW9CQSxBQWdDRSxDQTFCRixDQTVEYyxBQXdCRSxDQTBEZCxFQS9EVyxBQXVCVSxBQXNCYixBQThDUixDQWxJZ0IsQUFpREQsQUEyQ0csQUFLRSxBQWVwQixBQVlBLE9BdkNTLENBaEVVLEVBbUJyQixBQUtBLEtBS0EsQ0FqREEsQUFxRmtDLEFBT2hDLEVBS0EsRUFuQ1UsR0FMWixJQXBDQSxHQTBDYSxFQXRDYixBQUlBLEFBd0ZFLEFBR0EsR0FhQSxBQUlBLE1BekVpQixjQTVESyxBQVNQLEFBb0JJLEdBZ0NHLHNCQUNSLGNBQ1ksa0JBckRmLFNBd0ViLEVBdkVBLFVBVnlCLGVBNkJ6QixvQ0FrQ3FDLG1DQUNyQyxhQS9EMkMseUNBQ04sbUNBQ25CLGdCQUNsQiIsImZpbGUiOiJuYXZpZ2F0aW9uLWxpc3QudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IEZyYWdtZW50IH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgeyBCUkFORF9EQVJLX0dSRVksIElOQUNUSVZFX0dSRVkgfSBmcm9tIFwiLi4vLi4vdGhlbWUvY29sb3JzXCI7XG5pbXBvcnQgeyBCb2xkQW5jaG9yIH0gZnJvbSBcIi4uL2FuY2hvci9pbmRleFwiO1xuaW1wb3J0IHsgSWNvbiB9IGZyb20gXCIuLi9pY29uL2luZGV4XCI7XG5pbXBvcnQgeyB1c2VUaGVtZSB9IGZyb20gXCIuLi8uLi90aGVtZS90aGVtZVwiO1xuXG5leHBvcnQgdHlwZSBIcmVmTmF2aWdhdGlvbkxpbmsgPSB7XG4gIGhyZWY6IHN0cmluZztcbiAgbGFiZWw6IFJlYWN0LlJlYWN0Tm9kZTtcbiAgYW5hbHl0aWNzSWQ/OiBzdHJpbmc7XG4gIGljb24/OiBzdHJpbmc7XG59O1xuXG5leHBvcnQgdHlwZSBDbGlja05hdmlnYXRpb25MaW5rID0ge1xuICBvbkNsaWNrPzogKCkgPT4gdm9pZDtcbiAgaWQ6IHN0cmluZztcbiAgbGFiZWw6IFJlYWN0LlJlYWN0Tm9kZTtcbiAgbW9yZT86IGJvb2xlYW4gLyogaW5kaWNhdGVzIHRoYXQgY2xpY2tpbmcgdGhpcyBsaW5rIHdpbGwgcmV2ZWFsIG1vcmUgb3B0aW9ucyAqLztcbiAgYW5hbHl0aWNzSWQ/OiBzdHJpbmc7XG4gIGljb24/OiBzdHJpbmc7XG59O1xuXG5leHBvcnQgdHlwZSBIeWJyaWROYXZpZ2F0aW9uTGluayA9IEhyZWZOYXZpZ2F0aW9uTGluayB8IENsaWNrTmF2aWdhdGlvbkxpbms7XG5cbmV4cG9ydCB0eXBlIE5hdmlnYXRpb25MaXN0SXRlbSA9IEh5YnJpZE5hdmlnYXRpb25MaW5rICYge1xuICBjaGlsZHJlbj86IFJlYWN0LlJlYWN0Tm9kZTtcbn07XG5cbmV4cG9ydCB0eXBlIE5hdmlnYXRpb25NZW51TGlzdFByb3BzID0ge1xuICBpdGVtczogQXJyYXk8TmF2aWdhdGlvbkxpc3RJdGVtPjtcbiAgb25DbGlja0l0ZW0/OiAoaWQ6IHN0cmluZykgPT4gdm9pZDtcbiAgc2l6ZT86IFwibm9ybWFsXCIgfCBcImxhcmdlXCIgfCBcImxvbmdcIjtcbiAgYWN0aXZlPzogc3RyaW5nIHwgbnVsbDtcbn07XG5cbmZ1bmN0aW9uIE5hdmlnYXRpb25MaXN0KHtcbiAgaXRlbXMsXG4gIG9uQ2xpY2tJdGVtLFxuICBhY3RpdmUsXG4gIHNpemUgPSBcIm5vcm1hbFwiLFxufTogTmF2aWdhdGlvbk1lbnVMaXN0UHJvcHMpIHtcbiAgY29uc3QgdGhlbWUgPSB1c2VUaGVtZSgpO1xuXG4gIHJldHVybiAoXG4gICAgPHVsIGNsYXNzTmFtZT17YHNpemUtJHtzaXplfWB9PlxuICAgICAge2l0ZW1zLm1hcChpdGVtID0+IHtcbiAgICAgICAgY29uc3Qgb25DbGljayA9IChlOiBSZWFjdC5Nb3VzZUV2ZW50KSA9PiB7XG4gICAgICAgICAgLy8gaHJlZlxuICAgICAgICAgIGlmIChcImhyZWZcIiBpbiBpdGVtKSByZXR1cm47XG4gICAgICAgICAgZS5wcmV2ZW50RGVmYXVsdCgpO1xuICAgICAgICAgIC8vIGNvbWJpbmVkIGhhbmRsZXJcbiAgICAgICAgICBpZiAob25DbGlja0l0ZW0pIG9uQ2xpY2tJdGVtKGl0ZW0uaWQpO1xuICAgICAgICAgIC8vIGluZGl2aWR1YWwgaGFuZGxlclxuICAgICAgICAgIGVsc2UgaWYgKGl0ZW0ub25DbGljaykgaXRlbS5vbkNsaWNrKCk7XG4gICAgICAgIH07XG5cbiAgICAgICAgY29uc3QgaHJlZiA9IFwiaHJlZlwiIGluIGl0ZW0gPyBpdGVtLmhyZWYgOiBcIiNcIjtcblxuICAgICAgICBjb25zdCBpZCA9IFwiaWRcIiBpbiBpdGVtID8gaXRlbS5pZCA6IG51bGw7XG5cbiAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICA8RnJhZ21lbnQga2V5PXtcImhyZWZcIiBpbiBpdGVtID8gaXRlbS5ocmVmIDogaXRlbS5pZH0+XG4gICAgICAgICAgICA8bGkgY2xhc3NOYW1lPVwiaXRlbVwiPlxuICAgICAgICAgICAgICA8Qm9sZEFuY2hvclxuICAgICAgICAgICAgICAgIGFuYWx5dGljc0lkPXtpdGVtLmFuYWx5dGljc0lkfVxuICAgICAgICAgICAgICAgIGhyZWY9e2hyZWZ9XG4gICAgICAgICAgICAgICAgb25DbGljaz17b25DbGlja31cbiAgICAgICAgICAgICAgICBhY3RpdmU9e2lkID09PSBhY3RpdmV9XG4gICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICA8aW1nIHNyYz17aXRlbS5pY29ufSAvPlxuICAgICAgICAgICAgICAgIHtpdGVtLmxhYmVsfXtcIiBcIn1cbiAgICAgICAgICAgICAgICB7XCJpZFwiIGluIGl0ZW0gJiYgaXRlbS5tb3JlID8gKFxuICAgICAgICAgICAgICAgICAgPHNwYW4gY2xhc3NOYW1lPVwiY2hldnJvblwiPlxuICAgICAgICAgICAgICAgICAgICA8c3BhbiBjbGFzc05hbWU9XCJjaGV2cm9uLXJpZ2h0XCI+XG4gICAgICAgICAgICAgICAgICAgICAgPEljb25cbiAgICAgICAgICAgICAgICAgICAgICAgIGljb249XCJjaGV2cm9uX3JpZ2h0XCJcbiAgICAgICAgICAgICAgICAgICAgICAgIHNpemU9e3NpemUgPT09IFwibm9ybWFsXCIgPyBcIjI0cHhcIiA6IFwiMzZweFwifVxuICAgICAgICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICAgICAgIDwvc3Bhbj5cbiAgICAgICAgICAgICAgICAgICAgPHNwYW4gY2xhc3NOYW1lPVwiY2hldnJvbi1kb3duXCI+XG4gICAgICAgICAgICAgICAgICAgICAgPEljb25cbiAgICAgICAgICAgICAgICAgICAgICAgIGljb249XCJleHBhbmRfbW9yZVwiXG4gICAgICAgICAgICAgICAgICAgICAgICBzaXplPXtzaXplID09PSBcIm5vcm1hbFwiID8gXCIxNnB4XCIgOiBcIjI0cHhcIn1cbiAgICAgICAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICAgICAgICA8L3NwYW4+XG4gICAgICAgICAgICAgICAgICA8L3NwYW4+XG4gICAgICAgICAgICAgICAgKSA6IG51bGx9XG4gICAgICAgICAgICAgIDwvQm9sZEFuY2hvcj5cbiAgICAgICAgICAgIDwvbGk+XG4gICAgICAgICAgICB7XCJjaGlsZHJlblwiIGluIGl0ZW0gPyBpdGVtLmNoaWxkcmVuIDogbnVsbH1cbiAgICAgICAgICA8L0ZyYWdtZW50PlxuICAgICAgICApO1xuICAgICAgfSl9XG4gICAgICA8c3R5bGUganN4PntgXG4gICAgICAgIHVsIHtcbiAgICAgICAgICBtYXJnaW46IDA7XG4gICAgICAgICAgcGFkZGluZzogMDtcbiAgICAgICAgICBsaXN0LXN0eWxlOiBub25lO1xuICAgICAgICB9XG5cbiAgICAgICAgLml0ZW0ge1xuICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICAgICAgICBmb250LWZhbWlseTogJHt0aGVtZS50eXBvZ3JhcGh5LmZvbnRGYW1pbHkuYnJhbmR9O1xuICAgICAgICAgIGNvbG9yOiAke0JSQU5EX0RBUktfR1JFWX07XG4gICAgICAgICAgZm9udC13ZWlnaHQ6IDUwMDtcbiAgICAgICAgfVxuXG4gICAgICAgIC5zaXplLWxvbmcge1xuICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgICAgZmxleC13cmFwOiB3cmFwO1xuICAgICAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgICB9XG5cbiAgICAgICAgLnNpemUtbG9uZyAuaXRlbSB7XG4gICAgICAgICAgZm9udC1zaXplOiAxcmVtO1xuICAgICAgICAgIGhlaWdodDogNTBweDtcbiAgICAgICAgICBtYXJnaW4tYm90dG9tOiAzMHB4O1xuICAgICAgICB9XG5cbiAgICAgICAgLnNpemUtbG9uZyAuaXRlbTpub3QoOmxhc3QtY2hpbGQpIHtcbiAgICAgICAgICBmbGV4OiAxIDAgMzAlO1xuICAgICAgICB9XG5cbiAgICAgICAgLnNpemUtbG9uZyAuaXRlbTpsYXN0LWNoaWxkIHtcbiAgICAgICAgICBmbGV4OiAxIDAgNjQlO1xuICAgICAgICB9XG5cbiAgICAgICAgLnNpemUtbG9uZyAuaXRlbSA+IDpnbG9iYWwoYSkge1xuICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgICAgfVxuXG4gICAgICAgIC5zaXplLWxvbmcgLml0ZW0gPiA6Z2xvYmFsKGEgPiBpbWcpIHtcbiAgICAgICAgICBtYXJnaW4tcmlnaHQ6IDEwcHg7XG4gICAgICAgICAgd2lkdGg6IDUwcHg7XG4gICAgICAgIH1cblxuICAgICAgICAuc2l6ZS1sYXJnZSAuaXRlbSB7XG4gICAgICAgICAgZm9udC1zaXplOiAxcmVtO1xuICAgICAgICAgIGhlaWdodDogMi41cmVtO1xuICAgICAgICB9XG5cbiAgICAgICAgLnNpemUtbm9ybWFsIC5pdGVtIHtcbiAgICAgICAgICBmb250LXNpemU6IDAuODc1cmVtO1xuICAgICAgICAgIGhlaWdodDogMS43NXJlbTtcbiAgICAgICAgfVxuXG4gICAgICAgIC5pdGVtIDpnbG9iYWwoYTpmb2N1cykge1xuICAgICAgICAgIG91dGxpbmU6IG5vbmU7XG4gICAgICAgIH1cblxuICAgICAgICAuaXRlbTpmb2N1cy13aXRoaW4ge1xuICAgICAgICAgIG91dGxpbmU6IC13ZWJraXQtZm9jdXMtcmluZy1jb2xvciBhdXRvIDVweDtcbiAgICAgICAgfVxuXG4gICAgICAgIC5jaGV2cm9uIHtcbiAgICAgICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICAgICAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuICAgICAgICAgIHdpZHRoOiAxZW07XG4gICAgICAgICAgaGVpZ2h0OiAxZW07XG4gICAgICAgICAgbWFyZ2luLWxlZnQ6IDFyZW07XG4gICAgICAgICAgdmVydGljYWwtYWxpZ246IG1pZGRsZTtcbiAgICAgICAgICBsaW5lLWhlaWdodDogMTtcbiAgICAgICAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoLTUlKTtcbiAgICAgICAgICBjb2xvcjogJHtJTkFDVElWRV9HUkVZfTtcbiAgICAgICAgfVxuXG4gICAgICAgIC5jaGV2cm9uLXJpZ2h0IHtcbiAgICAgICAgICBkaXNwbGF5OiBub25lO1xuICAgICAgICB9XG5cbiAgICAgICAgLml0ZW0gOmdsb2JhbChhOmhvdmVyKSAuY2hldnJvbixcbiAgICAgICAgLml0ZW0gOmdsb2JhbChhOmZvY3VzKSAuY2hldnJvbixcbiAgICAgICAgLml0ZW0gOmdsb2JhbChhLmFjdGl2ZSkgLmNoZXZyb24ge1xuICAgICAgICAgIGNvbG9yOiBpbmhlcml0O1xuICAgICAgICB9XG5cbiAgICAgICAgLmNoZXZyb24gPiA6Z2xvYmFsKCopIHtcbiAgICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICAgICAgdG9wOiA1MCU7XG4gICAgICAgICAgbGVmdDogNTAlO1xuICAgICAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlKC01MCUsIC01MCUpO1xuICAgICAgICB9XG5cbiAgICAgICAgQG1lZGlhIChtaW4td2lkdGg6IDcyMHB4KSB7XG4gICAgICAgICAgLnNpemUtbGFyZ2UgLml0ZW0ge1xuICAgICAgICAgICAgZm9udC1zaXplOiAxLjM3NXJlbTtcbiAgICAgICAgICAgIG1pbi1oZWlnaHQ6IDNyZW07XG4gICAgICAgICAgfVxuXG4gICAgICAgICAgLnNpemUtbm9ybWFsIC5pdGVtIHtcbiAgICAgICAgICAgIGZvbnQtc2l6ZTogMS4xMjVyZW07XG4gICAgICAgICAgICBtaW4taGVpZ2h0OiAyLjVyZW07XG4gICAgICAgICAgfVxuXG4gICAgICAgICAgLmNoZXZyb24tcmlnaHQge1xuICAgICAgICAgICAgZGlzcGxheTogaW5pdGlhbDtcbiAgICAgICAgICB9XG5cbiAgICAgICAgICAuY2hldnJvbi1kb3duIHtcbiAgICAgICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgICAgICAgfVxuICAgICAgICB9XG5cbiAgICAgICAgQG1lZGlhIChtYXgtd2lkdGg6IDcxOXB4KSB7XG4gICAgICAgICAgLnNpemUtbG9uZyAuaXRlbSB7XG4gICAgICAgICAgICBmb250LXNpemU6IDAuODc1cmVtO1xuICAgICAgICAgIH1cbiAgICAgICAgfVxuXG4gICAgICAgIEBtZWRpYSAobWF4LXdpZHRoOiA2NDRweCkge1xuICAgICAgICAgIC5zaXplLWxvbmcgLml0ZW06bm90KDpsYXN0LWNoaWxkKSB7XG4gICAgICAgICAgICBmbGV4OiAxIDAgNTAlO1xuICAgICAgICAgIH1cbiAgICAgICAgICAuc2l6ZS1sb25nIC5pdGVtOmxhc3QtY2hpbGQge1xuICAgICAgICAgICAgZmxleDogMSAwIDUwJTtcbiAgICAgICAgICB9XG4gICAgICAgICAgLnNpemUtbG9uZyAuaXRlbSB7XG4gICAgICAgICAgICBtYXJnaW4tYm90dG9tOiAyMHB4O1xuICAgICAgICAgIH1cbiAgICAgICAgfVxuXG4gICAgICAgIEBtZWRpYSAobWF4LXdpZHRoOiA0NTdweCkge1xuICAgICAgICAgIC5zaXplLWxvbmcgLml0ZW0ge1xuICAgICAgICAgICAgbWFyZ2luLWJvdHRvbTogOHB4O1xuICAgICAgICAgIH1cblxuICAgICAgICAgIC5zaXplLWxvbmcgLml0ZW06bm90KDpsYXN0LWNoaWxkKSB7XG4gICAgICAgICAgICBmbGV4OiAxIDAgMTAwJTtcbiAgICAgICAgICB9XG5cbiAgICAgICAgICAuc2l6ZS1sb25nIC5pdGVtOmxhc3QtY2hpbGQge1xuICAgICAgICAgICAgZmxleDogMSAwIDEwMCU7XG4gICAgICAgICAgfVxuICAgICAgICB9XG4gICAgICBgfTwvc3R5bGU+XG4gICAgPC91bD5cbiAgKTtcbn1cblxuZXhwb3J0IGRlZmF1bHQgTmF2aWdhdGlvbkxpc3Q7XG4iXX0= */
+/*@ sourceURL=navigation-list.tsx */`));
+}
+NavigationList.propTypes = {
+  items: _pt__default["default"].any.isRequired,
+  onClickItem: _pt__default["default"].func,
+  size: _pt__default["default"].oneOf(["normal", "large", "long"]),
+  active: _pt__default["default"].oneOfType([_pt__default["default"].string, _pt__default["default"].oneOf([null])])
+};
+
+module.exports = NavigationList;

package/donation/cjs/components/navigation/navigation-menu-control.js

@@ -0,0 +1,50 @@
+'use strict';
+
+var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
+var _pt = require('prop-types');
+var _JSXStyle = require('styled-jsx/style');
+var React = require('react');
+var classnames = require('classnames');
+var colors = require('../../theme/colors.js');
+var heartToggle = require('../icon/heart-toggle.js');
+var icon = require('../icon/icon.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _pt__default = /*#__PURE__*/_interopDefaultLegacy(_pt);
+var _JSXStyle__default = /*#__PURE__*/_interopDefaultLegacy(_JSXStyle);
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
+
+const _excluded = ["isMenuOpen", "onChangeMenuOpen", "className"];
+function NavigationMenuControl(_ref) {
+  let {
+      isMenuOpen,
+      onChangeMenuOpen,
+      className
+    } = _ref,
+    rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({}, rest, {
+    className: _JSXStyle__default["default"].dynamic([["3127978672", [colors.ON_BACKGROUND_GREY_GREY]]]) + " " + (rest && rest.className != null && rest.className || classnames__default["default"]("menu-control", className) || "")
+  }), /*#__PURE__*/React__default["default"].createElement(heartToggle, {
+    active: /*#__PURE__*/React__default["default"].createElement(icon, {
+      icon: "close"
+    }),
+    inactive: /*#__PURE__*/React__default["default"].createElement(icon, {
+      icon: "menu"
+    }),
+    value: isMenuOpen,
+    onChange: onChangeMenuOpen
+  }), /*#__PURE__*/React__default["default"].createElement(_JSXStyle__default["default"], {
+    id: "3127978672",
+    dynamic: [colors.ON_BACKGROUND_GREY_GREY]
+  }, `.menu-control.__jsx-style-dynamic-selector{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-left:-20px;}.menu-control.__jsx-style-dynamic-selector::before{content:"";display:inline-block;width:1px;height:2rem;border-left:1px solid ${colors.ON_BACKGROUND_GREY_GREY};margin-right:calc(0.5rem - 1px);}
+/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIm5hdmlnYXRpb24tbWVudS1jb250cm9sLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF3QmtCLEFBR3dCLEFBTUYsV0FDVSxxQkFDWCxVQUNFLFlBQ3VDLG9CQVRoQywrQkFVYSxnQ0FDbEMsOEJBVm9CLGtCQUNwQiIsImZpbGUiOiJuYXZpZ2F0aW9uLW1lbnUtY29udHJvbC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgY2xhc3NuYW1lcyBmcm9tIFwiY2xhc3NuYW1lc1wiO1xuaW1wb3J0IHsgT05fQkFDS0dST1VORF9HUkVZX0dSRVkgfSBmcm9tIFwiLi4vLi4vdGhlbWUvY29sb3JzXCI7XG5pbXBvcnQgeyBIZWFydFRvZ2dsZSwgSWNvbiB9IGZyb20gXCIuLi9pY29uXCI7XG5cbmludGVyZmFjZSBOYXZpZ2F0aW9uTWVudUNvbnRyb2xQcm9wcyBleHRlbmRzIFJlYWN0LkhUTUxQcm9wczxIVE1MRGl2RWxlbWVudD4ge1xuICBpc01lbnVPcGVuOiBib29sZWFuO1xuICBvbkNoYW5nZU1lbnVPcGVuOiAoaXNPcGVuOiBib29sZWFuKSA9PiB2b2lkO1xufVxuXG5mdW5jdGlvbiBOYXZpZ2F0aW9uTWVudUNvbnRyb2woe1xuICBpc01lbnVPcGVuLFxuICBvbkNoYW5nZU1lbnVPcGVuLFxuICBjbGFzc05hbWUsXG4gIC4uLnJlc3Rcbn06IE5hdmlnYXRpb25NZW51Q29udHJvbFByb3BzKSB7XG4gIHJldHVybiAoXG4gICAgPGRpdiBjbGFzc05hbWU9e2NsYXNzbmFtZXMoXCJtZW51LWNvbnRyb2xcIiwgY2xhc3NOYW1lKX0gey4uLnJlc3R9PlxuICAgICAgPEhlYXJ0VG9nZ2xlXG4gICAgICAgIGFjdGl2ZT17PEljb24gaWNvbj1cImNsb3NlXCIgLz59XG4gICAgICAgIGluYWN0aXZlPXs8SWNvbiBpY29uPVwibWVudVwiPjwvSWNvbj59XG4gICAgICAgIHZhbHVlPXtpc01lbnVPcGVufVxuICAgICAgICBvbkNoYW5nZT17b25DaGFuZ2VNZW51T3Blbn1cbiAgICAgIC8+XG4gICAgICA8c3R5bGUganN4PntgXG4gICAgICAgIC5tZW51LWNvbnRyb2wge1xuICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgICAgICBtYXJnaW4tbGVmdDogLTIwcHg7XG4gICAgICAgIH1cblxuICAgICAgICAubWVudS1jb250cm9sOjpiZWZvcmUge1xuICAgICAgICAgIGNvbnRlbnQ6IFwiXCI7XG4gICAgICAgICAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuICAgICAgICAgIHdpZHRoOiAxcHg7XG4gICAgICAgICAgaGVpZ2h0OiAycmVtO1xuICAgICAgICAgIGJvcmRlci1sZWZ0OiAxcHggc29saWQgJHtPTl9CQUNLR1JPVU5EX0dSRVlfR1JFWX07XG4gICAgICAgICAgbWFyZ2luLXJpZ2h0OiBjYWxjKDAuNXJlbSAtIDFweCk7XG4gICAgICAgIH1cbiAgICAgIGB9PC9zdHlsZT5cbiAgICA8L2Rpdj5cbiAgKTtcbn1cblxuZXhwb3J0IGRlZmF1bHQgTmF2aWdhdGlvbk1lbnVDb250cm9sO1xuIl19 */
+/*@ sourceURL=navigation-menu-control.tsx */`));
+}
+NavigationMenuControl.propTypes = {
+  isMenuOpen: _pt__default["default"].bool.isRequired,
+  onChangeMenuOpen: _pt__default["default"].func.isRequired
+};
+
+module.exports = NavigationMenuControl;

package/donation/cjs/components/navigation/navigation-menu.js

@@ -0,0 +1,104 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
+var _pt = require('prop-types');
+var _JSXStyle = require('styled-jsx/style');
+var React = require('react');
+var button = require('../button/button.js');
+var colors = require('../../theme/colors.js');
+var navigationList = require('./navigation-list.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _pt__default = /*#__PURE__*/_interopDefaultLegacy(_pt);
+var _JSXStyle__default = /*#__PURE__*/_interopDefaultLegacy(_JSXStyle);
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+function NavigationMenu(_ref) {
+  let {
+    links,
+    sublinks,
+    action,
+    actionRaised,
+    active,
+    onClickItem
+  } = _ref;
+  return /*#__PURE__*/React__default["default"].createElement("div", {
+    className: _JSXStyle__default["default"].dynamic([["907349190", [colors.BACKGROUND_GREY, colors.ON_BACKGROUND_GREY_GREY]]]) + " " + "navigation-menu"
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    className: _JSXStyle__default["default"].dynamic([["907349190", [colors.BACKGROUND_GREY, colors.ON_BACKGROUND_GREY_GREY]]]) + " " + "main-navigation"
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    className: _JSXStyle__default["default"].dynamic([["907349190", [colors.BACKGROUND_GREY, colors.ON_BACKGROUND_GREY_GREY]]]) + " " + "main-navigation-menus"
+  }, /*#__PURE__*/React__default["default"].createElement(navigationList, {
+    items: links.map(link => _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, link), {}, {
+      children: sublinks && "id" in link && link.id === active ? /*#__PURE__*/React__default["default"].createElement("div", {
+        className: _JSXStyle__default["default"].dynamic([["907349190", [colors.BACKGROUND_GREY, colors.ON_BACKGROUND_GREY_GREY]]]) + " " + "inline-submenu"
+      }, /*#__PURE__*/React__default["default"].createElement(navigationList, {
+        items: sublinks,
+        active: null
+      })) : null
+    })),
+    onClickItem: onClickItem,
+    active: active,
+    size: links.length > 7 ? "long" : "large"
+  }), sublinks ? /*#__PURE__*/React__default["default"].createElement("div", {
+    className: _JSXStyle__default["default"].dynamic([["907349190", [colors.BACKGROUND_GREY, colors.ON_BACKGROUND_GREY_GREY]]]) + " " + "side-submenu"
+  }, /*#__PURE__*/React__default["default"].createElement(navigationList, {
+    items: sublinks,
+    active: null
+  })) : null), /*#__PURE__*/React__default["default"].createElement("div", {
+    className: _JSXStyle__default["default"].dynamic([["907349190", [colors.BACKGROUND_GREY, colors.ON_BACKGROUND_GREY_GREY]]])
+  }, action ? /*#__PURE__*/React__default["default"].createElement(button, {
+    display: true,
+    outlined: true,
+    color: "primary",
+    analyticsId: action.analyticsId,
+    onClick: e => {
+      /**
+       * Prevent nav action button to turn into a hyperlink.
+       * This is so that google analytics will always be triggered.
+       * If we use a hyperlink instead of button clicks on the label
+       * wont be considered as a click on the hyperlink.
+       */
+      if ("href" in action) window.location.href = action.href;
+      e.preventDefault();
+      if ("onClick" in action && action.onClick) action.onClick();
+    }
+  }, action.label) : null, actionRaised ? /*#__PURE__*/React__default["default"].createElement(button, {
+    className: "actionRaised-button",
+    display: true,
+    outlined: true,
+    raised: true,
+    color: "primary",
+    analyticsId: actionRaised.analyticsId,
+    onClick: e => {
+      /**
+       * Prevent nav actionRaised button to turn into a hyperlink.
+       * This is so that google analytics will always be triggered.
+       * If we use a hyperlink instead of button clicks on the label
+       * wont be considered as a click on the hyperlink.
+       */
+      if ("href" in actionRaised) window.location.href = actionRaised.href;
+      e.preventDefault();
+      if ("onClick" in actionRaised && actionRaised.onClick) actionRaised.onClick();
+    }
+  }, actionRaised.label) : null)), /*#__PURE__*/React__default["default"].createElement(_JSXStyle__default["default"], {
+    id: "907349190",
+    dynamic: [colors.BACKGROUND_GREY, colors.ON_BACKGROUND_GREY_GREY]
+  }, `.navigation-menu.__jsx-style-dynamic-selector{background-color:${colors.BACKGROUND_GREY};}.side-submenu.__jsx-style-dynamic-selector{display:none;padding-left:3rem;border-left:1px solid ${colors.ON_BACKGROUND_GREY_GREY};}.inline-submenu.__jsx-style-dynamic-selector{padding:0 1rem 1rem 1rem;}.content.__jsx-style-dynamic-selector{position:relative;max-width:1024px;margin:0 auto;padding:4rem;}.content.__jsx-style-dynamic-selector>*:not(:last-child){margin-bottom:3rem;}@supports (display:grid){.content.__jsx-style-dynamic-selector{display:grid;grid-gap:3rem;}.content.__jsx-style-dynamic-selector>*:not(:last-child){margin-bottom:initial;}}.main-navigation.__jsx-style-dynamic-selector{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}.main-navigation.__jsx-style-dynamic-selector>*:not(:last-child){margin-bottom:2rem;}.main-navigation-menus.__jsx-style-dynamic-selector{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}.main-navigation-menus.__jsx-style-dynamic-selector>*:not(:last-child){margin-right:3rem;}.actionRaised-button{float:right;}@media (min-width:720px){.side-submenu.__jsx-style-dynamic-selector{display:initial;}.inline-submenu.__jsx-style-dynamic-selector{display:none;}}@media (max-width:579px){.actionRaised-button{float:left !important;}}@media (max-width:720px){.main-navigation.__jsx-style-dynamic-selector{max-height:400px;overflow:auto;}}
+/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIm5hdmlnYXRpb24tbWVudS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBK0ZrQixBQUd5RCxBQUlqQyxBQU1ZLEFBSVAsQUFPQyxBQUtKLEFBS1MsQUFLWCxBQUtNLEFBSU4sQUFJSyxBQUdOLEFBS00sQUFJSCxBQUtTLEFBS0wsWUFsQnJCLENBaERvQixBQXNCRixBQW1DaEIsR0FKQSxDQWNnQixDQXpEQyxBQW1DbkIsQ0E1QkEsQUFvQkEsR0FWRSxBQW1DQSxHQXhERixFQWlCRSxJQXRCbUQsQUFtRW5ELElBekRjLFdBZmhCLEdBZ0JlLGFBQ2YsWUFtQndCLEFBU3hCLFFBdkNBLHNFQStCQSIsImZpbGUiOiJuYXZpZ2F0aW9uLW1lbnUudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IEJ1dHRvbiBmcm9tIFwiLi4vYnV0dG9uL2J1dHRvblwiO1xuaW1wb3J0IHsgQkFDS0dST1VORF9HUkVZLCBPTl9CQUNLR1JPVU5EX0dSRVlfR1JFWSB9IGZyb20gXCIuLi8uLi90aGVtZS9jb2xvcnNcIjtcbmltcG9ydCBOYXZpZ2F0aW9uTGlzdCwgeyBIeWJyaWROYXZpZ2F0aW9uTGluayB9IGZyb20gXCIuL25hdmlnYXRpb24tbGlzdFwiO1xuXG5leHBvcnQgdHlwZSBOYXZpZ2F0aW9uTWVudVByb3BzID0ge1xuICBsaW5rczogQXJyYXk8SHlicmlkTmF2aWdhdGlvbkxpbms+O1xuICBvbkNsaWNrSXRlbTogKGlkOiBzdHJpbmcpID0+IHZvaWQ7XG4gIHN1YmxpbmtzOiBBcnJheTxIeWJyaWROYXZpZ2F0aW9uTGluaz4gfCBudWxsO1xuICBhY3Rpb246IEh5YnJpZE5hdmlnYXRpb25MaW5rIHwgbnVsbDtcbiAgYWN0aW9uUmFpc2VkPzogSHlicmlkTmF2aWdhdGlvbkxpbmsgfCBudWxsO1xuICBhY3RpdmU6IHN0cmluZyB8IG51bGw7XG59O1xuXG5leHBvcnQgZnVuY3Rpb24gTmF2aWdhdGlvbk1lbnUoe1xuICBsaW5rcyxcbiAgc3VibGlua3MsXG4gIGFjdGlvbixcbiAgYWN0aW9uUmFpc2VkLFxuICBhY3RpdmUsXG4gIG9uQ2xpY2tJdGVtLFxufTogTmF2aWdhdGlvbk1lbnVQcm9wcykge1xuICByZXR1cm4gKFxuICAgIDxkaXYgY2xhc3NOYW1lPVwibmF2aWdhdGlvbi1tZW51XCI+XG4gICAgICA8ZGl2IGNsYXNzTmFtZT1cIm1haW4tbmF2aWdhdGlvblwiPlxuICAgICAgICA8ZGl2IGNsYXNzTmFtZT1cIm1haW4tbmF2aWdhdGlvbi1tZW51c1wiPlxuICAgICAgICAgIDxOYXZpZ2F0aW9uTGlzdFxuICAgICAgICAgICAgaXRlbXM9e2xpbmtzLm1hcChsaW5rID0+ICh7XG4gICAgICAgICAgICAgIC4uLmxpbmssXG4gICAgICAgICAgICAgIGNoaWxkcmVuOlxuICAgICAgICAgICAgICAgIHN1YmxpbmtzICYmIFwiaWRcIiBpbiBsaW5rICYmIGxpbmsuaWQgPT09IGFjdGl2ZSA/IChcbiAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3NOYW1lPVwiaW5saW5lLXN1Ym1lbnVcIj5cbiAgICAgICAgICAgICAgICAgICAgPE5hdmlnYXRpb25MaXN0IGl0ZW1zPXtzdWJsaW5rc30gYWN0aXZlPXtudWxsfSAvPlxuICAgICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgKSA6IG51bGwsXG4gICAgICAgICAgICB9KSl9XG4gICAgICAgICAgICBvbkNsaWNrSXRlbT17b25DbGlja0l0ZW19XG4gICAgICAgICAgICBhY3RpdmU9e2FjdGl2ZX1cbiAgICAgICAgICAgIHNpemU9e2xpbmtzLmxlbmd0aCA+IDcgPyBcImxvbmdcIiA6IFwibGFyZ2VcIn1cbiAgICAgICAgICAvPlxuICAgICAgICAgIHtzdWJsaW5rcyA/IChcbiAgICAgICAgICAgIDxkaXYgY2xhc3NOYW1lPVwic2lkZS1zdWJtZW51XCI+XG4gICAgICAgICAgICAgIDxOYXZpZ2F0aW9uTGlzdCBpdGVtcz17c3VibGlua3N9IGFjdGl2ZT17bnVsbH0gLz5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICkgOiBudWxsfVxuICAgICAgICA8L2Rpdj5cbiAgICAgICAgPGRpdj5cbiAgICAgICAgICB7YWN0aW9uID8gKFxuICAgICAgICAgICAgPEJ1dHRvblxuICAgICAgICAgICAgICBkaXNwbGF5XG4gICAgICAgICAgICAgIG91dGxpbmVkXG4gICAgICAgICAgICAgIGNvbG9yPVwicHJpbWFyeVwiXG4gICAgICAgICAgICAgIGFuYWx5dGljc0lkPXthY3Rpb24uYW5hbHl0aWNzSWR9XG4gICAgICAgICAgICAgIG9uQ2xpY2s9eyhlOiBSZWFjdC5Nb3VzZUV2ZW50KSA9PiB7XG4gICAgICAgICAgICAgICAgLyoqXG4gICAgICAgICAgICAgICAgICogUHJldmVudCBuYXYgYWN0aW9uIGJ1dHRvbiB0byB0dXJuIGludG8gYSBoeXBlcmxpbmsuXG4gICAgICAgICAgICAgICAgICogVGhpcyBpcyBzbyB0aGF0IGdvb2dsZSBhbmFseXRpY3Mgd2lsbCBhbHdheXMgYmUgdHJpZ2dlcmVkLlxuICAgICAgICAgICAgICAgICAqIElmIHdlIHVzZSBhIGh5cGVybGluayBpbnN0ZWFkIG9mIGJ1dHRvbiBjbGlja3Mgb24gdGhlIGxhYmVsXG4gICAgICAgICAgICAgICAgICogd29udCBiZSBjb25zaWRlcmVkIGFzIGEgY2xpY2sgb24gdGhlIGh5cGVybGluay5cbiAgICAgICAgICAgICAgICAgKi9cbiAgICAgICAgICAgICAgICBpZiAoXCJocmVmXCIgaW4gYWN0aW9uKSB3aW5kb3cubG9jYXRpb24uaHJlZiA9IGFjdGlvbi5ocmVmO1xuICAgICAgICAgICAgICAgIGUucHJldmVudERlZmF1bHQoKTtcbiAgICAgICAgICAgICAgICBpZiAoXCJvbkNsaWNrXCIgaW4gYWN0aW9uICYmIGFjdGlvbi5vbkNsaWNrKSBhY3Rpb24ub25DbGljaygpO1xuICAgICAgICAgICAgICB9fVxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICB7YWN0aW9uLmxhYmVsfVxuICAgICAgICAgICAgPC9CdXR0b24+XG4gICAgICAgICAgKSA6IG51bGx9XG4gICAgICAgICAge2FjdGlvblJhaXNlZCA/IChcbiAgICAgICAgICAgIDxCdXR0b25cbiAgICAgICAgICAgICAgY2xhc3NOYW1lPVwiYWN0aW9uUmFpc2VkLWJ1dHRvblwiXG4gICAgICAgICAgICAgIGRpc3BsYXlcbiAgICAgICAgICAgICAgb3V0bGluZWRcbiAgICAgICAgICAgICAgcmFpc2VkXG4gICAgICAgICAgICAgIGNvbG9yPVwicHJpbWFyeVwiXG4gICAgICAgICAgICAgIGFuYWx5dGljc0lkPXthY3Rpb25SYWlzZWQuYW5hbHl0aWNzSWR9XG4gICAgICAgICAgICAgIG9uQ2xpY2s9eyhlOiBSZWFjdC5Nb3VzZUV2ZW50KSA9PiB7XG4gICAgICAgICAgICAgICAgLyoqXG4gICAgICAgICAgICAgICAgICogUHJldmVudCBuYXYgYWN0aW9uUmFpc2VkIGJ1dHRvbiB0byB0dXJuIGludG8gYSBoeXBlcmxpbmsuXG4gICAgICAgICAgICAgICAgICogVGhpcyBpcyBzbyB0aGF0IGdvb2dsZSBhbmFseXRpY3Mgd2lsbCBhbHdheXMgYmUgdHJpZ2dlcmVkLlxuICAgICAgICAgICAgICAgICAqIElmIHdlIHVzZSBhIGh5cGVybGluayBpbnN0ZWFkIG9mIGJ1dHRvbiBjbGlja3Mgb24gdGhlIGxhYmVsXG4gICAgICAgICAgICAgICAgICogd29udCBiZSBjb25zaWRlcmVkIGFzIGEgY2xpY2sgb24gdGhlIGh5cGVybGluay5cbiAgICAgICAgICAgICAgICAgKi9cbiAgICAgICAgICAgICAgICBpZiAoXCJocmVmXCIgaW4gYWN0aW9uUmFpc2VkKVxuICAgICAgICAgICAgICAgICAgd2luZG93LmxvY2F0aW9uLmhyZWYgPSBhY3Rpb25SYWlzZWQuaHJlZjtcbiAgICAgICAgICAgICAgICBlLnByZXZlbnREZWZhdWx0KCk7XG4gICAgICAgICAgICAgICAgaWYgKFwib25DbGlja1wiIGluIGFjdGlvblJhaXNlZCAmJiBhY3Rpb25SYWlzZWQub25DbGljaylcbiAgICAgICAgICAgICAgICAgIGFjdGlvblJhaXNlZC5vbkNsaWNrKCk7XG4gICAgICAgICAgICAgIH19XG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgIHthY3Rpb25SYWlzZWQubGFiZWx9XG4gICAgICAgICAgICA8L0J1dHRvbj5cbiAgICAgICAgICApIDogbnVsbH1cbiAgICAgICAgPC9kaXY+XG4gICAgICA8L2Rpdj5cbiAgICAgIDxzdHlsZSBqc3g+e2BcbiAgICAgICAgLm5hdmlnYXRpb24tbWVudSB7XG4gICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtCQUNLR1JPVU5EX0dSRVl9O1xuICAgICAgICB9XG5cbiAgICAgICAgLnNpZGUtc3VibWVudSB7XG4gICAgICAgICAgZGlzcGxheTogbm9uZTtcbiAgICAgICAgICBwYWRkaW5nLWxlZnQ6IDNyZW07XG4gICAgICAgICAgYm9yZGVyLWxlZnQ6IDFweCBzb2xpZCAke09OX0JBQ0tHUk9VTkRfR1JFWV9HUkVZfTtcbiAgICAgICAgfVxuXG4gICAgICAgIC5pbmxpbmUtc3VibWVudSB7XG4gICAgICAgICAgcGFkZGluZzogMCAxcmVtIDFyZW0gMXJlbTtcbiAgICAgICAgfVxuXG4gICAgICAgIC5jb250ZW50IHtcbiAgICAgICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICAgICAgbWF4LXdpZHRoOiAxMDI0cHg7XG4gICAgICAgICAgbWFyZ2luOiAwIGF1dG87XG4gICAgICAgICAgcGFkZGluZzogNHJlbTtcbiAgICAgICAgfVxuXG4gICAgICAgIC5jb250ZW50ID4gOmdsb2JhbCgqOm5vdCg6bGFzdC1jaGlsZCkpIHtcbiAgICAgICAgICBtYXJnaW4tYm90dG9tOiAzcmVtO1xuICAgICAgICB9XG5cbiAgICAgICAgQHN1cHBvcnRzIChkaXNwbGF5OiBncmlkKSB7XG4gICAgICAgICAgLmNvbnRlbnQge1xuICAgICAgICAgICAgZGlzcGxheTogZ3JpZDtcbiAgICAgICAgICAgIGdyaWQtZ2FwOiAzcmVtO1xuICAgICAgICAgIH1cblxuICAgICAgICAgIC5jb250ZW50ID4gOmdsb2JhbCgqOm5vdCg6bGFzdC1jaGlsZCkpIHtcbiAgICAgICAgICAgIG1hcmdpbi1ib3R0b206IGluaXRpYWw7XG4gICAgICAgICAgfVxuICAgICAgICB9XG5cbiAgICAgICAgLm1haW4tbmF2aWdhdGlvbiB7XG4gICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICAgICAgICB9XG5cbiAgICAgICAgLm1haW4tbmF2aWdhdGlvbiA+IDpnbG9iYWwoKjpub3QoOmxhc3QtY2hpbGQpKSB7XG4gICAgICAgICAgbWFyZ2luLWJvdHRvbTogMnJlbTtcbiAgICAgICAgfVxuXG4gICAgICAgIC5tYWluLW5hdmlnYXRpb24tbWVudXMge1xuICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgIH1cblxuICAgICAgICAubWFpbi1uYXZpZ2F0aW9uLW1lbnVzID4gOmdsb2JhbCgqOm5vdCg6bGFzdC1jaGlsZCkpIHtcbiAgICAgICAgICBtYXJnaW4tcmlnaHQ6IDNyZW07XG4gICAgICAgIH1cbiAgICAgICAgOmdsb2JhbCguYWN0aW9uUmFpc2VkLWJ1dHRvbikge1xuICAgICAgICAgIGZsb2F0OiByaWdodDtcbiAgICAgICAgfVxuXG4gICAgICAgIEBtZWRpYSAobWluLXdpZHRoOiA3MjBweCkge1xuICAgICAgICAgIC5zaWRlLXN1Ym1lbnUge1xuICAgICAgICAgICAgZGlzcGxheTogaW5pdGlhbDtcbiAgICAgICAgICB9XG5cbiAgICAgICAgICAuaW5saW5lLXN1Ym1lbnUge1xuICAgICAgICAgICAgZGlzcGxheTogbm9uZTtcbiAgICAgICAgICB9XG4gICAgICAgIH1cbiAgICAgICAgQG1lZGlhIChtYXgtd2lkdGg6IDU3OXB4KSB7XG4gICAgICAgICAgOmdsb2JhbCguYWN0aW9uUmFpc2VkLWJ1dHRvbikge1xuICAgICAgICAgICAgZmxvYXQ6IGxlZnQgIWltcG9ydGFudDtcbiAgICAgICAgICB9XG4gICAgICAgIH1cbiAgICAgICAgQG1lZGlhIChtYXgtd2lkdGg6IDcyMHB4KSB7XG4gICAgICAgICAgLm1haW4tbmF2aWdhdGlvbiB7XG4gICAgICAgICAgICBtYXgtaGVpZ2h0OiA0MDBweDtcbiAgICAgICAgICAgIG92ZXJmbG93OiBhdXRvO1xuICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgICAgYH08L3N0eWxlPlxuICAgIDwvZGl2PlxuICApO1xufVxuXG5leHBvcnQgZGVmYXVsdCBOYXZpZ2F0aW9uTWVudTtcbiJdfQ== */
+/*@ sourceURL=navigation-menu.tsx */`));
+}
+NavigationMenu.propTypes = {
+  links: _pt__default["default"].any.isRequired,
+  onClickItem: _pt__default["default"].func.isRequired,
+  sublinks: _pt__default["default"].oneOfType([_pt__default["default"].any, _pt__default["default"].oneOf([null])]),
+  action: _pt__default["default"].oneOfType([_pt__default["default"].any, _pt__default["default"].oneOf([null])]),
+  actionRaised: _pt__default["default"].oneOfType([_pt__default["default"].any, _pt__default["default"].oneOf([null])]),
+  active: _pt__default["default"].oneOfType([_pt__default["default"].string, _pt__default["default"].oneOf([null])])
+};
+
+exports.NavigationMenu = NavigationMenu;
+exports["default"] = NavigationMenu;

package/donation/cjs/components/navigation/navigation-search-control.js

@@ -0,0 +1,30 @@
+'use strict';
+
+var _pt = require('prop-types');
+var React = require('react');
+var iconButton = require('../icon/icon-button.js');
+var icon = require('../icon/icon.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _pt__default = /*#__PURE__*/_interopDefaultLegacy(_pt);
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+function NavigationSearchControl(_ref) {
+  let {
+    onChangeSearchOpen,
+    analyticsId
+  } = _ref;
+  return /*#__PURE__*/React__default["default"].createElement(iconButton, {
+    id: analyticsId,
+    onClick: () => onChangeSearchOpen(true)
+  }, /*#__PURE__*/React__default["default"].createElement(icon, {
+    icon: "search"
+  }));
+}
+NavigationSearchControl.propTypes = {
+  onChangeSearchOpen: _pt__default["default"].func.isRequired,
+  analyticsId: _pt__default["default"].string
+};
+
+module.exports = NavigationSearchControl;

package/donation/cjs/components/navigation/navigation-search.js

@@ -0,0 +1,90 @@
+'use strict';
+
+var _pt = require('prop-types');
+var _JSXStyle = require('styled-jsx/style');
+var React = require('react');
+var useMedia = require('use-media');
+var textField = require('../text-field/text-field.js');
+var icon = require('../icon/icon.js');
+var button = require('../button/button.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _pt__default = /*#__PURE__*/_interopDefaultLegacy(_pt);
+var _JSXStyle__default = /*#__PURE__*/_interopDefaultLegacy(_JSXStyle);
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var useMedia__default = /*#__PURE__*/_interopDefaultLegacy(useMedia);
+
+function NavigationSearch(_ref) {
+  let {
+    value,
+    onChange,
+    onSubmit,
+    onCancel
+  } = _ref;
+  // Focus the search bar when opened
+  const input = React.useRef(null);
+  React.useEffect(() => {
+    if (input.current) {
+      input.current.focus();
+    }
+  }, [input]);
+  const handleKeyDown = e => {
+    if (e.key === "Enter") {
+      e.preventDefault();
+      onSubmit();
+    }
+  };
+  const handleChange = e => {
+    onChange(e.currentTarget.value);
+  };
+  const placeholder = "Try searching for a friend, campaign, or event";
+  const isMobile = useMedia__default["default"]("screen and (max-width: 719px)");
+  const isCompact = useMedia__default["default"]("screen and (max-width: 959px)");
+  return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "jsx-3334382920" + " " + "navigation-search"
+  }, !isCompact ? /*#__PURE__*/React__default["default"].createElement(textField, {
+    leadingIcon: /*#__PURE__*/React__default["default"].createElement(icon, {
+      icon: "search"
+    }),
+    trailingIcon: /*#__PURE__*/React__default["default"].createElement(icon, {
+      icon: "close",
+      title: "close"
+    }),
+    onTrailingIconSelect: () => onCancel(),
+    onChange: handleChange,
+    onKeyDown: handleKeyDown,
+    value: value,
+    placeholder: placeholder,
+    ref: input,
+    large: true
+  }) : /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(textField, {
+    leadingIcon: /*#__PURE__*/React__default["default"].createElement(icon, {
+      icon: "search"
+    }),
+    trailingIcon: value ? /*#__PURE__*/React__default["default"].createElement(icon, {
+      icon: "cancel",
+      title: "clear"
+    }) : undefined,
+    onTrailingIconSelect: () => onChange(""),
+    onChange: e => onChange(e.currentTarget.value),
+    onKeyDown: handleKeyDown,
+    value: value,
+    placeholder: !isMobile ? placeholder : "Search",
+    ref: input
+  }), /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "jsx-3334382920" + " " + "cancel"
+  }, /*#__PURE__*/React__default["default"].createElement(button, {
+    onClick: () => onCancel()
+  }, "Cancel")))), /*#__PURE__*/React__default["default"].createElement(_JSXStyle__default["default"], {
+    id: "3334382920"
+  }, ".navigation-search.jsx-3334382920{height:100%;width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.navigation-search.jsx-3334382920>*:first-child{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;}.cancel.jsx-3334382920{margin-left:0.5rem;}.cancel.jsx-3334382920 .button{height:3.5rem;}@media (min-width:720px){.navigation-search.jsx-3334382920{padding:0 1rem;}}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIm5hdmlnYXRpb24tc2VhcmNoLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnRmtCLEFBR3VCLEFBT0EsQUFJTyxBQUlMLEFBS0csWUFuQk4sRUFlYixDQUtFLElBVEYsSUFWZSxnREFNZiwwQkFMcUIsNkZBQ3JCIiwiZmlsZSI6Im5hdmlnYXRpb24tc2VhcmNoLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyB1c2VSZWYsIHVzZUVmZmVjdCB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHsgVGV4dEZpZWxkIH0gZnJvbSBcIi4uL3RleHQtZmllbGRcIjtcbmltcG9ydCB7IEljb24gfSBmcm9tIFwiLi4vaWNvblwiO1xuaW1wb3J0IHsgQnV0dG9uIH0gZnJvbSBcIi4uL2J1dHRvblwiO1xuaW1wb3J0IHVzZU1lZGlhIGZyb20gXCJ1c2UtbWVkaWFcIjtcblxuaW50ZXJmYWNlIE5hdmlnYXRpb25TZWFyY2hQcm9wcyB7XG4gIHZhbHVlOiBzdHJpbmc7XG4gIG9uQ2hhbmdlOiAodmFsdWU6IHN0cmluZykgPT4gdm9pZDtcbiAgb25TdWJtaXQ6ICgpID0+IHZvaWQ7XG4gIG9uQ2FuY2VsOiAoKSA9PiB2b2lkO1xufVxuXG5mdW5jdGlvbiBOYXZpZ2F0aW9uU2VhcmNoKHtcbiAgdmFsdWUsXG4gIG9uQ2hhbmdlLFxuICBvblN1Ym1pdCxcbiAgb25DYW5jZWwsXG59OiBOYXZpZ2F0aW9uU2VhcmNoUHJvcHMpIHtcbiAgLy8gRm9jdXMgdGhlIHNlYXJjaCBiYXIgd2hlbiBvcGVuZWRcbiAgY29uc3QgaW5wdXQgPSB1c2VSZWY8SFRNTElucHV0RWxlbWVudD4obnVsbCk7XG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgaWYgKGlucHV0LmN1cnJlbnQpIHtcbiAgICAgIGlucHV0LmN1cnJlbnQuZm9jdXMoKTtcbiAgICB9XG4gIH0sIFtpbnB1dF0pO1xuXG4gIGNvbnN0IGhhbmRsZUtleURvd24gPSAoZTogUmVhY3QuS2V5Ym9hcmRFdmVudCkgPT4ge1xuICAgIGlmIChlLmtleSA9PT0gXCJFbnRlclwiKSB7XG4gICAgICBlLnByZXZlbnREZWZhdWx0KCk7XG4gICAgICBvblN1Ym1pdCgpO1xuICAgIH1cbiAgfTtcblxuICBjb25zdCBoYW5kbGVDaGFuZ2UgPSAoZTogUmVhY3QuRm9ybUV2ZW50PEhUTUxJbnB1dEVsZW1lbnQ+KSA9PiB7XG4gICAgb25DaGFuZ2UoZS5jdXJyZW50VGFyZ2V0LnZhbHVlKTtcbiAgfTtcblxuICBjb25zdCBwbGFjZWhvbGRlciA9IFwiVHJ5IHNlYXJjaGluZyBmb3IgYSBmcmllbmQsIGNhbXBhaWduLCBvciBldmVudFwiO1xuXG4gIGNvbnN0IGlzTW9iaWxlID0gdXNlTWVkaWEoXCJzY3JlZW4gYW5kIChtYXgtd2lkdGg6IDcxOXB4KVwiKTtcbiAgY29uc3QgaXNDb21wYWN0ID0gdXNlTWVkaWEoXCJzY3JlZW4gYW5kIChtYXgtd2lkdGg6IDk1OXB4KVwiKTtcblxuICByZXR1cm4gKFxuICAgIDw+XG4gICAgICA8ZGl2IGNsYXNzTmFtZT1cIm5hdmlnYXRpb24tc2VhcmNoXCI+XG4gICAgICAgIHshaXNDb21wYWN0ID8gKFxuICAgICAgICAgIDxUZXh0RmllbGRcbiAgICAgICAgICAgIGxlYWRpbmdJY29uPXs8SWNvbiBpY29uPVwic2VhcmNoXCIgLz59XG4gICAgICAgICAgICB0cmFpbGluZ0ljb249ezxJY29uIGljb249XCJjbG9zZVwiIHRpdGxlPVwiY2xvc2VcIiAvPn1cbiAgICAgICAgICAgIG9uVHJhaWxpbmdJY29uU2VsZWN0PXsoKSA9PiBvbkNhbmNlbCgpfVxuICAgICAgICAgICAgb25DaGFuZ2U9e2hhbmRsZUNoYW5nZX1cbiAgICAgICAgICAgIG9uS2V5RG93bj17aGFuZGxlS2V5RG93bn1cbiAgICAgICAgICAgIHZhbHVlPXt2YWx1ZX1cbiAgICAgICAgICAgIHBsYWNlaG9sZGVyPXtwbGFjZWhvbGRlcn1cbiAgICAgICAgICAgIHJlZj17aW5wdXR9XG4gICAgICAgICAgICBsYXJnZVxuICAgICAgICAgIC8+XG4gICAgICAgICkgOiAoXG4gICAgICAgICAgPD5cbiAgICAgICAgICAgIDxUZXh0RmllbGRcbiAgICAgICAgICAgICAgbGVhZGluZ0ljb249ezxJY29uIGljb249XCJzZWFyY2hcIiAvPn1cbiAgICAgICAgICAgICAgdHJhaWxpbmdJY29uPXtcbiAgICAgICAgICAgICAgICB2YWx1ZSA/IDxJY29uIGljb249XCJjYW5jZWxcIiB0aXRsZT1cImNsZWFyXCIgLz4gOiB1bmRlZmluZWRcbiAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICBvblRyYWlsaW5nSWNvblNlbGVjdD17KCkgPT4gb25DaGFuZ2UoXCJcIil9XG4gICAgICAgICAgICAgIG9uQ2hhbmdlPXsoZTogUmVhY3QuRm9ybUV2ZW50PEhUTUxJbnB1dEVsZW1lbnQ+KSA9PlxuICAgICAgICAgICAgICAgIG9uQ2hhbmdlKGUuY3VycmVudFRhcmdldC52YWx1ZSlcbiAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICBvbktleURvd249e2hhbmRsZUtleURvd259XG4gICAgICAgICAgICAgIHZhbHVlPXt2YWx1ZX1cbiAgICAgICAgICAgICAgcGxhY2Vob2xkZXI9eyFpc01vYmlsZSA/IHBsYWNlaG9sZGVyIDogXCJTZWFyY2hcIn1cbiAgICAgICAgICAgICAgcmVmPXtpbnB1dH1cbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgICA8ZGl2IGNsYXNzTmFtZT1cImNhbmNlbFwiPlxuICAgICAgICAgICAgICA8QnV0dG9uIG9uQ2xpY2s9eygpID0+IG9uQ2FuY2VsKCl9PkNhbmNlbDwvQnV0dG9uPlxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgPC8+XG4gICAgICAgICl9XG4gICAgICA8L2Rpdj5cbiAgICAgIDxzdHlsZSBqc3g+e2BcbiAgICAgICAgLm5hdmlnYXRpb24tc2VhcmNoIHtcbiAgICAgICAgICBoZWlnaHQ6IDEwMCU7XG4gICAgICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgICB9XG5cbiAgICAgICAgLm5hdmlnYXRpb24tc2VhcmNoID4gOmdsb2JhbCgqOmZpcnN0LWNoaWxkKSB7XG4gICAgICAgICAgZmxleC1ncm93OiAxO1xuICAgICAgICB9XG5cbiAgICAgICAgLmNhbmNlbCB7XG4gICAgICAgICAgbWFyZ2luLWxlZnQ6IDAuNXJlbTtcbiAgICAgICAgfVxuXG4gICAgICAgIC5jYW5jZWwgOmdsb2JhbCguYnV0dG9uKSB7XG4gICAgICAgICAgaGVpZ2h0OiAzLjVyZW07XG4gICAgICAgIH1cblxuICAgICAgICBAbWVkaWEgKG1pbi13aWR0aDogNzIwcHgpIHtcbiAgICAgICAgICAubmF2aWdhdGlvbi1zZWFyY2gge1xuICAgICAgICAgICAgcGFkZGluZzogMCAxcmVtO1xuICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgICAgYH08L3N0eWxlPlxuICAgIDwvPlxuICApO1xufVxuXG5leHBvcnQgZGVmYXVsdCBOYXZpZ2F0aW9uU2VhcmNoO1xuIl19 */\n/*@ sourceURL=navigation-search.tsx */"));
+}
+NavigationSearch.propTypes = {
+  value: _pt__default["default"].string.isRequired,
+  onChange: _pt__default["default"].func.isRequired,
+  onSubmit: _pt__default["default"].func.isRequired,
+  onCancel: _pt__default["default"].func.isRequired
+};
+
+module.exports = NavigationSearch;

package/donation/cjs/components/navigation/navigation-sign-in-control.js

@@ -0,0 +1,57 @@
+'use strict';
+
+var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
+var _pt = require('prop-types');
+var React = require('react');
+var classnames = require('classnames');
+var button = require('../button/button.js');
+var icon = require('../icon/icon.js');
+var iconButton = require('../icon/icon-button.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _pt__default = /*#__PURE__*/_interopDefaultLegacy(_pt);
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
+
+const _excluded = ["analyticsId", "handleonRequestSignIn", "compact", "className", "color", "noIcon"];
+function NavigationSignInControl(_ref) {
+  let {
+      analyticsId,
+      handleonRequestSignIn,
+      compact,
+      className,
+      color = "neutral",
+      noIcon
+    } = _ref,
+    rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({
+    className: classnames__default["default"]("sign-in-control", className)
+  }, rest), !compact ? /*#__PURE__*/React__default["default"].createElement(button, {
+    analyticsId: analyticsId,
+    className: "sign-in-button",
+    color: color,
+    icon: !noIcon ? /*#__PURE__*/React__default["default"].createElement(icon, {
+      icon: "perm_identity",
+      color: "accent"
+    }) : undefined,
+    onClick: () => handleonRequestSignIn(),
+    display: true
+  }, "Login") : /*#__PURE__*/React__default["default"].createElement(iconButton, {
+    id: analyticsId,
+    title: "Sign in",
+    color: "accent",
+    onClick: () => handleonRequestSignIn()
+  }, /*#__PURE__*/React__default["default"].createElement(icon, {
+    icon: "perm_identity"
+  })));
+}
+NavigationSignInControl.propTypes = {
+  analyticsId: _pt__default["default"].string,
+  compact: _pt__default["default"].bool,
+  handleonRequestSignIn: _pt__default["default"].func.isRequired,
+  color: _pt__default["default"].any,
+  noIcon: _pt__default["default"].bool
+};
+
+module.exports = NavigationSignInControl;

package/donation/cjs/components/navigation/navigation-user-menu-items.js

@@ -0,0 +1,83 @@
+'use strict';
+
+var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
+var _pt = require('prop-types');
+var React = require('react');
+var icon = require('../icon/icon.js');
+var menuListItem = require('../menu/menu-list-item.js');
+var Menu = require('@material/react-menu');
+var MDCList = require('@material/react-list');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _pt__default = /*#__PURE__*/_interopDefaultLegacy(_pt);
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+const _excluded = ["icon", "label", "onClick", "submenu", "isSubmenuOpen"];
+function NavigationUserMenuItem(_ref) {
+  let {
+      icon: icon$1,
+      label,
+      onClick,
+      submenu,
+      isSubmenuOpen
+    } = _ref,
+    rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React__default["default"].createElement(React.Fragment, null, /*#__PURE__*/React__default["default"].createElement(menuListItem, _rollupPluginBabelHelpers["extends"]({
+    onClick: onClick
+  }, rest), /*#__PURE__*/React__default["default"].createElement(Menu.MenuListItemGraphic, {
+    graphic: /*#__PURE__*/React__default["default"].createElement(icon, _rollupPluginBabelHelpers["extends"]({
+      color: "primary"
+    }, icon$1))
+  }), /*#__PURE__*/React__default["default"].createElement(Menu.MenuListItemText, {
+    primaryText: label
+  }), submenu ? /*#__PURE__*/React__default["default"].createElement(MDCList.ListItemMeta, {
+    meta: /*#__PURE__*/React__default["default"].createElement(icon, {
+      color: "primary",
+      icon: isSubmenuOpen ? "keyboard_arrow_up" : "keyboard_arrow_down"
+    })
+  }) : null), submenu && isSubmenuOpen ? submenu.map(subItem => /*#__PURE__*/React__default["default"].createElement(menuListItem, _rollupPluginBabelHelpers["extends"]({
+    key: subItem.id || subItem.href
+  }, subItem), /*#__PURE__*/React__default["default"].createElement(Menu.MenuListItemText, {
+    primaryText: subItem.label,
+    className: "icon-submenu"
+  }))) : null);
+}
+NavigationUserMenuItem.propTypes = {
+  icon: _pt__default["default"].any.isRequired,
+  label: _pt__default["default"].string.isRequired,
+  onClick: _pt__default["default"].func,
+  href: _pt__default["default"].string,
+  id: _pt__default["default"].string,
+  submenu: _pt__default["default"].any,
+  isSubmenuOpen: _pt__default["default"].bool
+};
+function NavigationUserMenuItems(_ref2) {
+  let {
+    items
+  } = _ref2;
+  // To keep track of which submenu (if any) is open at any time
+  // There can be only one open at a time
+  const [activeSubmenu, setActiveSubmenu] = React.useState(-1);
+  const handleClick = (index, item) => {
+    if (item.submenu) {
+      setActiveSubmenu(activeSubmenu === index ? -1 : index);
+    } else if (item.onClick) {
+      item.onClick();
+    }
+  };
+  return /*#__PURE__*/React__default["default"].createElement(React.Fragment, null, items.map((item, i) => {
+    return /*#__PURE__*/React__default["default"].createElement(NavigationUserMenuItem, _rollupPluginBabelHelpers["extends"]({
+      key: item.id || item.href || i,
+      id: item.id || item.href,
+      isSubmenuOpen: item.submenu && activeSubmenu === i
+    }, item, {
+      onClick: () => handleClick(i, item)
+    }));
+  }));
+}
+NavigationUserMenuItems.propTypes = {
+  items: _pt__default["default"].any.isRequired
+};
+
+module.exports = NavigationUserMenuItems;