@mycause/ui 0.0.0-cb5efc7a → 0.0.0-cba5b1d7

package/dist/theme/theme.d.ts

@@ -5,7 +5,7 @@
  */
 import React from "react";
 import MyCauseTheme from "./mycause-theme";
-export declare type Theme = {
+export type Theme = {
     typography: {
         fontFamily: {
             brand: string;
@@ -21,6 +21,8 @@ export declare type Theme = {
             secondary: string;
             muted: string;
             inactive: string;
+            partner: string;
+            coral: string;
         };
         background: {
             neutral: string;
@@ -29,21 +31,23 @@ export declare type Theme = {
             secondary: string;
             muted: string;
             inactive: string;
+            partner: string;
+            coral: string;
         };
     };
 };
 export declare const ThemeContext: React.Context<Theme>;
-declare type ThemeProviderProps = {
+type ThemeProviderProps = {
     value: Theme;
     children?: React.ReactNode;
 };
-export declare function ThemeProvider({ value, children }: ThemeProviderProps): JSX.Element;
+export declare function ThemeProvider({ value, children }: ThemeProviderProps): React.JSX.Element;
 export declare function useTheme(): Theme;
-export declare type ColorSpecifier = keyof Theme["color"]["foreground"] | {
+export type ColorSpecifier = keyof Theme["color"]["foreground"] | {
     foreground: string;
     background: string;
 };
-declare type GetColorTokenOptions = {
+type GetColorTokenOptions = {
     invert?: boolean;
 };
 export declare function getColorToken(theme: Theme, kind: keyof Theme["color"], color: keyof Theme["color"]["foreground"] | {

package/dist/utils/center-decorator.d.ts

@@ -1,3 +1,3 @@
 import React from "react";
-declare function CenterDecorator(story: () => React.ReactNode): JSX.Element;
+declare function CenterDecorator(story: () => React.ReactNode): React.JSX.Element;
 export default CenterDecorator;

package/dist/utils/component-matrix.d.ts

@@ -4,5 +4,5 @@ export interface MatrixProps<T> {
     secondary?: Array<Partial<T>>;
     children: (props: Partial<T>) => React.ReactNode;
 }
-declare function Matrix<T>({ primary, secondary, children }: MatrixProps<T>): JSX.Element;
+declare function Matrix<T>({ primary, secondary, children }: MatrixProps<T>): React.JSX.Element;
 export default Matrix;

package/dist/utils/grid-decorator.d.ts

@@ -1,3 +1,3 @@
 import React from "react";
-declare function GridDecorator(story: () => React.ReactNode): JSX.Element;
+declare function GridDecorator(story: () => React.ReactNode): React.JSX.Element;
 export default GridDecorator;

package/dist/utils/parse-numbers.d.ts

@@ -0,0 +1,2 @@
+declare const intToString: (value: number) => string | number;
+export { intToString };

package/donation/anchor/package.json

@@ -0,0 +1,5 @@
+{
+  "main": "../cjs/donation/anchor.js",
+  "module": "../esm/donation/anchor.js",
+  "types": "../../dist/donation/anchor.d.ts"
+}

package/donation/button/package.json

@@ -0,0 +1,5 @@
+{
+  "main": "../cjs/donation/button.js",
+  "module": "../esm/donation/button.js",
+  "types": "../../dist/donation/button.d.ts"
+}

package/donation/checkbox/package.json

@@ -0,0 +1,5 @@
+{
+  "main": "../cjs/donation/checkbox.js",
+  "module": "../esm/donation/checkbox.js",
+  "types": "../../dist/donation/checkbox.d.ts"
+}

package/donation/cjs/_virtual/_rollupPluginBabelHelpers.js

@@ -0,0 +1,84 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+function _defineProperty(e, r, t) {
+  return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
+    value: t,
+    enumerable: !0,
+    configurable: !0,
+    writable: !0
+  }) : e[r] = t, e;
+}
+function _extends() {
+  return _extends = Object.assign ? Object.assign.bind() : function (n) {
+    for (var e = 1; e < arguments.length; e++) {
+      var t = arguments[e];
+      for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
+    }
+    return n;
+  }, _extends.apply(null, arguments);
+}
+function ownKeys(e, r) {
+  var t = Object.keys(e);
+  if (Object.getOwnPropertySymbols) {
+    var o = Object.getOwnPropertySymbols(e);
+    r && (o = o.filter(function (r) {
+      return Object.getOwnPropertyDescriptor(e, r).enumerable;
+    })), t.push.apply(t, o);
+  }
+  return t;
+}
+function _objectSpread2(e) {
+  for (var r = 1; r < arguments.length; r++) {
+    var t = null != arguments[r] ? arguments[r] : {};
+    r % 2 ? ownKeys(Object(t), !0).forEach(function (r) {
+      _defineProperty(e, r, t[r]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) {
+      Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r));
+    });
+  }
+  return e;
+}
+function _objectWithoutProperties(e, t) {
+  if (null == e) return {};
+  var o,
+    r,
+    i = _objectWithoutPropertiesLoose(e, t);
+  if (Object.getOwnPropertySymbols) {
+    var s = Object.getOwnPropertySymbols(e);
+    for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);
+  }
+  return i;
+}
+function _objectWithoutPropertiesLoose(r, e) {
+  if (null == r) return {};
+  var t = {};
+  for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
+    if (e.includes(n)) continue;
+    t[n] = r[n];
+  }
+  return t;
+}
+function _toPrimitive(t, r) {
+  if ("object" != typeof t || !t) return t;
+  var e = t[Symbol.toPrimitive];
+  if (void 0 !== e) {
+    var i = e.call(t, r || "default");
+    if ("object" != typeof i) return i;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return ("string" === r ? String : Number)(t);
+}
+function _toPropertyKey(t) {
+  var i = _toPrimitive(t, "string");
+  return "symbol" == typeof i ? i : i + "";
+}
+
+exports.defineProperty = _defineProperty;
+exports["extends"] = _extends;
+exports.objectSpread2 = _objectSpread2;
+exports.objectWithoutProperties = _objectWithoutProperties;
+exports.objectWithoutPropertiesLoose = _objectWithoutPropertiesLoose;
+exports.toPrimitive = _toPrimitive;
+exports.toPropertyKey = _toPropertyKey;

package/donation/cjs/components/anchor/anchor.js

@@ -0,0 +1,50 @@
+'use strict';
+
+var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
+var _JSXStyle = require('styled-jsx/style');
+var React = require('react');
+var classnames = require('classnames');
+var theme = require('../../theme/theme.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _JSXStyle__default = /*#__PURE__*/_interopDefaultLegacy(_JSXStyle);
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
+
+const _excluded = ["href", "children", "color", "invert", "className"];
+/* A standard text anchor */
+const Anchor = /*#__PURE__*/React.forwardRef(function Anchor(_ref, ref) {
+  let {
+      href,
+      children,
+      color = "primary",
+      invert,
+      className
+    } = _ref,
+    rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
+  const theme$1 = theme.useTheme();
+  const foreground = theme.getColorToken(theme$1, "foreground", color, {
+    invert
+  });
+  const scope = {
+    styles: /*#__PURE__*/React__default["default"].createElement(_JSXStyle__default["default"], {
+      id: "431832520",
+      dynamic: [foreground]
+    }, `a.__jsx-style-dynamic-selector,a.__jsx-style-dynamic-selector:visited{color:${foreground};}
+/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImFuY2hvci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMEIyQixBQUkwQyxtQ0FDckMiLCJmaWxlIjoiYW5jaG9yLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgY24gZnJvbSBcImNsYXNzbmFtZXNcIjtcbmltcG9ydCBjc3MgZnJvbSBcInN0eWxlZC1qc3gvY3NzXCI7XG5pbXBvcnQgeyB1c2VUaGVtZSwgZ2V0Q29sb3JUb2tlbiwgQ29sb3JTcGVjaWZpZXIgfSBmcm9tIFwiLi4vLi4vdGhlbWUvdGhlbWVcIjtcblxuZXhwb3J0IGludGVyZmFjZSBBbmNob3JQcm9wc1xuICBleHRlbmRzIE9taXQ8UmVhY3QuSFRNTFByb3BzPEhUTUxBbmNob3JFbGVtZW50PiwgXCJjb2xvclwiPiB7XG4gIGNvbG9yPzogQ29sb3JTcGVjaWZpZXI7XG4gIGludmVydD86IGJvb2xlYW47XG59XG5cbi8qIEEgc3RhbmRhcmQgdGV4dCBhbmNob3IgKi9cbmNvbnN0IEFuY2hvciA9IGZvcndhcmRSZWYoZnVuY3Rpb24gQW5jaG9yKFxuICB7XG4gICAgaHJlZixcbiAgICBjaGlsZHJlbixcbiAgICBjb2xvciA9IFwicHJpbWFyeVwiLFxuICAgIGludmVydCxcbiAgICBjbGFzc05hbWUsXG4gICAgLi4ucmVzdFxuICB9OiBBbmNob3JQcm9wcyxcbiAgcmVmOiBSZWFjdC5SZWY8SFRNTEFuY2hvckVsZW1lbnQ+XG4pIHtcbiAgY29uc3QgdGhlbWUgPSB1c2VUaGVtZSgpO1xuICBjb25zdCBmb3JlZ3JvdW5kID0gZ2V0Q29sb3JUb2tlbih0aGVtZSwgXCJmb3JlZ3JvdW5kXCIsIGNvbG9yLCB7IGludmVydCB9KTtcblxuICBjb25zdCBzY29wZSA9IGNzcy5yZXNvbHZlYFxuICAgIGEsXG4gICAgYTp2aXNpdGVkIHtcbiAgICAgIGNvbG9yOiAke2ZvcmVncm91bmR9O1xuICAgIH1cbiAgYDtcblxuICByZXR1cm4gKFxuICAgIDxhXG4gICAgICBocmVmPXtocmVmIHx8IFwiI1wifVxuICAgICAgY2xhc3NOYW1lPXtjbihjbGFzc05hbWUsIHNjb3BlLmNsYXNzTmFtZSl9XG4gICAgICB7Li4ucmVzdH1cbiAgICAgIHJlZj17cmVmfVxuICAgID5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDxzdHlsZSBqc3g+e2BcbiAgICAgICAgYTpob3ZlcixcbiAgICAgICAgYTpmb2N1cyB7XG4gICAgICAgICAgdGV4dC1kZWNvcmF0aW9uOiB1bmRlcmxpbmU7XG4gICAgICAgIH1cblxuICAgICAgICBhOmZvY3VzLFxuICAgICAgICBhOmFjdGl2ZSB7XG4gICAgICAgICAgb3V0bGluZTogbm9uZTtcbiAgICAgICAgfVxuXG4gICAgICAgIGE6YWN0aXZlIHtcbiAgICAgICAgICB0ZXh0LWRlY29yYXRpb246IG5vbmU7XG4gICAgICAgIH1cbiAgICAgIGB9PC9zdHlsZT5cbiAgICAgIHtzY29wZS5zdHlsZXN9XG4gICAgPC9hPlxuICApO1xufSk7XG5cbmV4cG9ydCBkZWZhdWx0IEFuY2hvcjtcbiJdfQ== */
+/*@ sourceURL=anchor.tsx */`),
+    className: _JSXStyle__default["default"].dynamic([["431832520", [foreground]]])
+  };
+  return /*#__PURE__*/React__default["default"].createElement("a", _rollupPluginBabelHelpers["extends"]({
+    href: href || "#"
+  }, rest, {
+    ref: ref,
+    className: "jsx-584794313" + " " + (rest && rest.className != null && rest.className || classnames__default["default"](className, scope.className) || "")
+  }), children, /*#__PURE__*/React__default["default"].createElement(_JSXStyle__default["default"], {
+    id: "584794313"
+  }, "a.jsx-584794313:hover,a.jsx-584794313:focus{-webkit-text-decoration:underline;text-decoration:underline;}a.jsx-584794313:focus,a.jsx-584794313:active{outline:none;}a.jsx-584794313:active{-webkit-text-decoration:none;text-decoration:none;}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImFuY2hvci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBeUNrQixBQUlxQyxBQUtiLEFBSVEsYUFIdkIscUNBSUEsVUFUQSIsImZpbGUiOiJhbmNob3IudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IGZvcndhcmRSZWYgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBjbiBmcm9tIFwiY2xhc3NuYW1lc1wiO1xuaW1wb3J0IGNzcyBmcm9tIFwic3R5bGVkLWpzeC9jc3NcIjtcbmltcG9ydCB7IHVzZVRoZW1lLCBnZXRDb2xvclRva2VuLCBDb2xvclNwZWNpZmllciB9IGZyb20gXCIuLi8uLi90aGVtZS90aGVtZVwiO1xuXG5leHBvcnQgaW50ZXJmYWNlIEFuY2hvclByb3BzXG4gIGV4dGVuZHMgT21pdDxSZWFjdC5IVE1MUHJvcHM8SFRNTEFuY2hvckVsZW1lbnQ+LCBcImNvbG9yXCI+IHtcbiAgY29sb3I/OiBDb2xvclNwZWNpZmllcjtcbiAgaW52ZXJ0PzogYm9vbGVhbjtcbn1cblxuLyogQSBzdGFuZGFyZCB0ZXh0IGFuY2hvciAqL1xuY29uc3QgQW5jaG9yID0gZm9yd2FyZFJlZihmdW5jdGlvbiBBbmNob3IoXG4gIHtcbiAgICBocmVmLFxuICAgIGNoaWxkcmVuLFxuICAgIGNvbG9yID0gXCJwcmltYXJ5XCIsXG4gICAgaW52ZXJ0LFxuICAgIGNsYXNzTmFtZSxcbiAgICAuLi5yZXN0XG4gIH06IEFuY2hvclByb3BzLFxuICByZWY6IFJlYWN0LlJlZjxIVE1MQW5jaG9yRWxlbWVudD5cbikge1xuICBjb25zdCB0aGVtZSA9IHVzZVRoZW1lKCk7XG4gIGNvbnN0IGZvcmVncm91bmQgPSBnZXRDb2xvclRva2VuKHRoZW1lLCBcImZvcmVncm91bmRcIiwgY29sb3IsIHsgaW52ZXJ0IH0pO1xuXG4gIGNvbnN0IHNjb3BlID0gY3NzLnJlc29sdmVgXG4gICAgYSxcbiAgICBhOnZpc2l0ZWQge1xuICAgICAgY29sb3I6ICR7Zm9yZWdyb3VuZH07XG4gICAgfVxuICBgO1xuXG4gIHJldHVybiAoXG4gICAgPGFcbiAgICAgIGhyZWY9e2hyZWYgfHwgXCIjXCJ9XG4gICAgICBjbGFzc05hbWU9e2NuKGNsYXNzTmFtZSwgc2NvcGUuY2xhc3NOYW1lKX1cbiAgICAgIHsuLi5yZXN0fVxuICAgICAgcmVmPXtyZWZ9XG4gICAgPlxuICAgICAge2NoaWxkcmVufVxuICAgICAgPHN0eWxlIGpzeD57YFxuICAgICAgICBhOmhvdmVyLFxuICAgICAgICBhOmZvY3VzIHtcbiAgICAgICAgICB0ZXh0LWRlY29yYXRpb246IHVuZGVybGluZTtcbiAgICAgICAgfVxuXG4gICAgICAgIGE6Zm9jdXMsXG4gICAgICAgIGE6YWN0aXZlIHtcbiAgICAgICAgICBvdXRsaW5lOiBub25lO1xuICAgICAgICB9XG5cbiAgICAgICAgYTphY3RpdmUge1xuICAgICAgICAgIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcbiAgICAgICAgfVxuICAgICAgYH08L3N0eWxlPlxuICAgICAge3Njb3BlLnN0eWxlc31cbiAgICA8L2E+XG4gICk7XG59KTtcblxuZXhwb3J0IGRlZmF1bHQgQW5jaG9yO1xuIl19 */\n/*@ sourceURL=anchor.tsx */"), scope.styles);
+});
+var Anchor$1 = Anchor;
+
+module.exports = Anchor$1;

package/donation/cjs/components/anchor/bold-anchor.js

@@ -0,0 +1,61 @@
+'use strict';
+
+var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
+var _JSXStyle = require('styled-jsx/style');
+var React = require('react');
+var classnames = require('classnames');
+var theme = require('../../theme/theme.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _JSXStyle__default = /*#__PURE__*/_interopDefaultLegacy(_JSXStyle);
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
+
+const _excluded = ["className", "href", "children", "active", "color", "invert", "analyticsId", "id"];
+/* A bold anchor that turns green when active/focused */
+const BoldAnchor = /*#__PURE__*/React.forwardRef(function EmboldenAnchor(_ref, ref) {
+  let {
+      className,
+      href,
+      children,
+      active,
+      color = "primary",
+      invert,
+      analyticsId,
+      id
+    } = _ref,
+    rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
+  const theme$1 = theme.useTheme();
+  if (process.env.NODE_ENV !== "production") {
+    if (id && analyticsId) {
+      console.warn("[BoldAnchor] only one of the `id` and `analyticsId` props can be passed. Please remove one as `analyticsId` will override the id.");
+    }
+  }
+  const scope = {
+    styles: /*#__PURE__*/React__default["default"].createElement(_JSXStyle__default["default"], {
+      id: "2700453302",
+      dynamic: [theme.getColorToken(theme$1, "foreground", color, {
+        invert
+      })]
+    }, `a.__jsx-style-dynamic-selector{position:relative;-webkit-text-decoration:none;text-decoration:none;color:inherit;font-weight:500;}a.__jsx-style-dynamic-selector:hover,a.__jsx-style-dynamic-selector:focus,a.__jsx-style-dynamic-selector:active,a.active.__jsx-style-dynamic-selector{color:${theme.getColorToken(theme$1, "foreground", color, {
+      invert
+    })};}
+/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImJvbGQtYW5jaG9yLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFxQzJCLEFBR3lCLEFBVWlCLGtCQVRkLGlCQVV2QixpQ0FUZ0IsY0FDRSxnQkFDbEIiLCJmaWxlIjoiYm9sZC1hbmNob3IudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IGZvcndhcmRSZWYgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBjbiBmcm9tIFwiY2xhc3NuYW1lc1wiO1xuaW1wb3J0IHsgdXNlVGhlbWUsIGdldENvbG9yVG9rZW4sIENvbG9yU3BlY2lmaWVyIH0gZnJvbSBcIi4uLy4uL3RoZW1lL3RoZW1lXCI7XG5pbXBvcnQgY3NzIGZyb20gXCJzdHlsZWQtanN4L2Nzc1wiO1xuXG5pbnRlcmZhY2UgQm9sZEFuY2hvclByb3BzIGV4dGVuZHMgUmVhY3QuSFRNTFByb3BzPEhUTUxBbmNob3JFbGVtZW50PiB7XG4gIGFjdGl2ZT86IGJvb2xlYW47XG4gIGNvbG9ycz86IHsgZGVmYXVsdD86IENvbG9yU3BlY2lmaWVyOyBhY3RpdmU/OiBDb2xvclNwZWNpZmllciB9O1xuICBpbnZlcnQ/OiBib29sZWFuO1xuICBhbmFseXRpY3NJZD86IHN0cmluZztcbn1cblxuLyogQSBib2xkIGFuY2hvciB0aGF0IHR1cm5zIGdyZWVuIHdoZW4gYWN0aXZlL2ZvY3VzZWQgKi9cbmNvbnN0IEJvbGRBbmNob3IgPSBmb3J3YXJkUmVmKGZ1bmN0aW9uIEVtYm9sZGVuQW5jaG9yKFxuICB7XG4gICAgY2xhc3NOYW1lLFxuICAgIGhyZWYsXG4gICAgY2hpbGRyZW4sXG4gICAgYWN0aXZlLFxuICAgIGNvbG9yID0gXCJwcmltYXJ5XCIsXG4gICAgaW52ZXJ0LFxuICAgIGFuYWx5dGljc0lkLFxuICAgIGlkLFxuICAgIC4uLnJlc3RcbiAgfTogQm9sZEFuY2hvclByb3BzLFxuICByZWY6IFJlYWN0LlJlZjxIVE1MQW5jaG9yRWxlbWVudD5cbikge1xuICBjb25zdCB0aGVtZSA9IHVzZVRoZW1lKCk7XG5cbiAgaWYgKHByb2Nlc3MuZW52Lk5PREVfRU5WICE9PSBcInByb2R1Y3Rpb25cIikge1xuICAgIGlmIChpZCAmJiBhbmFseXRpY3NJZCkge1xuICAgICAgY29uc29sZS53YXJuKFxuICAgICAgICBcIltCb2xkQW5jaG9yXSBvbmx5IG9uZSBvZiB0aGUgYGlkYCBhbmQgYGFuYWx5dGljc0lkYCBwcm9wcyBjYW4gYmUgcGFzc2VkLiBQbGVhc2UgcmVtb3ZlIG9uZSBhcyBgYW5hbHl0aWNzSWRgIHdpbGwgb3ZlcnJpZGUgdGhlIGlkLlwiXG4gICAgICApO1xuICAgIH1cbiAgfVxuXG4gIGNvbnN0IHNjb3BlID0gY3NzLnJlc29sdmVgXG4gICAgYSB7XG4gICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICB0ZXh0LWRlY29yYXRpb246IG5vbmU7XG4gICAgICBjb2xvcjogaW5oZXJpdDtcbiAgICAgIGZvbnQtd2VpZ2h0OiA1MDA7XG4gICAgfVxuXG4gICAgYTpob3ZlcixcbiAgICBhOmZvY3VzLFxuICAgIGE6YWN0aXZlLFxuICAgIGEuYWN0aXZlIHtcbiAgICAgIGNvbG9yOiAke2dldENvbG9yVG9rZW4odGhlbWUsIFwiZm9yZWdyb3VuZFwiLCBjb2xvciwgeyBpbnZlcnQgfSl9O1xuICAgIH1cbiAgYDtcblxuICByZXR1cm4gKFxuICAgIDxhXG4gICAgICByZWY9e3JlZn1cbiAgICAgIGhyZWY9e2hyZWYgfHwgXCIjXCJ9XG4gICAgICBjbGFzc05hbWU9e2NuKFwiYm9sZC1hbmNob3JcIiwgY2xhc3NOYW1lLCBzY29wZS5jbGFzc05hbWUsIHsgYWN0aXZlIH0pfVxuICAgICAgaWQ9e2FuYWx5dGljc0lkIHx8IGlkfVxuICAgICAgey4uLnJlc3R9XG4gICAgPlxuICAgICAge2NoaWxkcmVufVxuICAgICAge3Njb3BlLnN0eWxlc31cbiAgICA8L2E+XG4gICk7XG59KTtcblxuZXhwb3J0IGRlZmF1bHQgQm9sZEFuY2hvcjtcbiJdfQ== */
+/*@ sourceURL=bold-anchor.tsx */`),
+    className: _JSXStyle__default["default"].dynamic([["2700453302", [theme.getColorToken(theme$1, "foreground", color, {
+      invert
+    })]]])
+  };
+  return /*#__PURE__*/React__default["default"].createElement("a", _rollupPluginBabelHelpers["extends"]({
+    ref: ref,
+    href: href || "#",
+    className: classnames__default["default"]("bold-anchor", className, scope.className, {
+      active
+    }),
+    id: analyticsId || id
+  }, rest), children, scope.styles);
+});
+var BoldAnchor$1 = BoldAnchor;
+
+module.exports = BoldAnchor$1;

package/donation/cjs/components/avatar/avatar.js

@@ -0,0 +1,22 @@
+'use strict';
+
+var React = require('react');
+var imageAvatar = require('./image-avatar.js');
+var textAvatar = require('./text-avatar.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+/* Used to represent a user */
+function Avatar(props) {
+  if (isImageAvatar(props)) {
+    return /*#__PURE__*/React__default["default"].createElement(imageAvatar, props);
+  }
+  return /*#__PURE__*/React__default["default"].createElement(textAvatar, props);
+}
+function isImageAvatar(props) {
+  return "src" in props && typeof props.src !== "undefined";
+}
+
+module.exports = Avatar;

package/donation/cjs/components/avatar/image-avatar.js

@@ -0,0 +1,51 @@
+'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');
+
+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 = ["name", "src", "size"];
+/* An avatar with an image */
+function ImageAvatar(_ref) {
+  let {
+      name,
+      src,
+      size = "2.5rem"
+    } = _ref,
+    rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
+  const scope = {
+    styles: /*#__PURE__*/React__default["default"].createElement(_JSXStyle__default["default"], {
+      id: "944252957",
+      dynamic: [colors.ON_BACKGROUND_GREY_GREY, size, size]
+    }, `.avatar.__jsx-style-dynamic-selector{border-radius:100%;display:inline-block;overflow:hidden;border:1px solid ${colors.ON_BACKGROUND_GREY_GREY};line-height:0;vertical-align:top;width:${size};height:${size};}img.__jsx-style-dynamic-selector{width:100%;height:100%;}
+/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImltYWdlLWF2YXRhci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBb0IyQixBQUcwQixBQVdSLFdBQ0MsUUFYUyxJQVl2QixpQkFYa0IsZ0JBQzhCLDhDQUNoQyxjQUNLLG1CQUNnQixtQ0FDQyxvQ0FDdEMiLCJmaWxlIjoiaW1hZ2UtYXZhdGFyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBjc3MgZnJvbSBcInN0eWxlZC1qc3gvY3NzXCI7XG5pbXBvcnQgY24gZnJvbSBcImNsYXNzbmFtZXNcIjtcbmltcG9ydCB7IE9OX0JBQ0tHUk9VTkRfR1JFWV9HUkVZIH0gZnJvbSBcIi4uLy4uL3RoZW1lL2NvbG9yc1wiO1xuXG5leHBvcnQgaW50ZXJmYWNlIEltYWdlQXZhdGFyUHJvcHNcbiAgZXh0ZW5kcyBPbWl0PFJlYWN0LkhUTUxQcm9wczxIVE1MU3BhbkVsZW1lbnQ+LCBcInNpemVcIj4ge1xuICBuYW1lOiBzdHJpbmc7XG4gIHNyYzogc3RyaW5nO1xuICBzaXplPzogc3RyaW5nO1xuICBhZG1pbklkPzogc3RyaW5nO1xufVxuXG4vKiBBbiBhdmF0YXIgd2l0aCBhbiBpbWFnZSAqL1xuZnVuY3Rpb24gSW1hZ2VBdmF0YXIoe1xuICBuYW1lLFxuICBzcmMsXG4gIHNpemUgPSBcIjIuNXJlbVwiLFxuICAuLi5yZXN0XG59OiBJbWFnZUF2YXRhclByb3BzKSB7XG4gIGNvbnN0IHNjb3BlID0gY3NzLnJlc29sdmVgXG4gICAgLmF2YXRhciB7XG4gICAgICBib3JkZXItcmFkaXVzOiAxMDAlO1xuICAgICAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuICAgICAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgICAgIGJvcmRlcjogMXB4IHNvbGlkICR7T05fQkFDS0dST1VORF9HUkVZX0dSRVl9O1xuICAgICAgbGluZS1oZWlnaHQ6IDA7XG4gICAgICB2ZXJ0aWNhbC1hbGlnbjogdG9wO1xuICAgICAgd2lkdGg6ICR7c2l6ZX07XG4gICAgICBoZWlnaHQ6ICR7c2l6ZX07XG4gICAgfVxuXG4gICAgaW1nIHtcbiAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgaGVpZ2h0OiAxMDAlO1xuICAgIH1cbiAgYDtcblxuICByZXR1cm4gKFxuICAgIDxzcGFuIGNsYXNzTmFtZT17Y24oXCJhdmF0YXJcIiwgc2NvcGUuY2xhc3NOYW1lKX0gdGl0bGU9e25hbWV9IHsuLi5yZXN0fT5cbiAgICAgIDxpbWcgY2xhc3NOYW1lPXtzY29wZS5jbGFzc05hbWV9IGFsdD17bmFtZX0gc3JjPXtzcmN9IC8+XG4gICAgICB7c2NvcGUuc3R5bGVzfVxuICAgIDwvc3Bhbj5cbiAgKTtcbn1cblxuZXhwb3J0IGRlZmF1bHQgSW1hZ2VBdmF0YXI7XG4iXX0= */
+/*@ sourceURL=image-avatar.tsx */`),
+    className: _JSXStyle__default["default"].dynamic([["944252957", [colors.ON_BACKGROUND_GREY_GREY, size, size]]])
+  };
+  return /*#__PURE__*/React__default["default"].createElement("span", _rollupPluginBabelHelpers["extends"]({
+    className: classnames__default["default"]("avatar", scope.className),
+    title: name
+  }, rest), /*#__PURE__*/React__default["default"].createElement("img", {
+    className: scope.className,
+    alt: name,
+    src: src
+  }), scope.styles);
+}
+ImageAvatar.propTypes = {
+  name: _pt__default["default"].string.isRequired,
+  src: _pt__default["default"].string.isRequired,
+  size: _pt__default["default"].string,
+  adminId: _pt__default["default"].string
+};
+
+module.exports = ImageAvatar;

package/donation/cjs/components/avatar/text-avatar.js

@@ -0,0 +1,70 @@
+'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 theme = require('../../theme/theme.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 = ["name", "initials", "color", "invert", "size", "adminId"];
+/* An avatar that shows initials, usually for when there is no photo available */
+function TextAvatar(_ref) {
+  let {
+      name,
+      initials,
+      color = "primary",
+      invert,
+      size = "2.5rem",
+      adminId
+    } = _ref,
+    rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
+  const theme$1 = theme.useTheme();
+  if (typeof name !== "string" || !name) {
+    name = adminId ? "Admin" : "";
+  }
+  if (!initials) {
+    initials = name.split(/\s+/).filter(str => str.length).map(str => str[0].toUpperCase()).join("");
+  }
+  const foreground = theme.getColorToken(theme$1, "foreground", color, {
+    invert
+  });
+  const background = theme.getColorToken(theme$1, "background", color, {
+    invert
+  });
+  const scope = {
+    styles: /*#__PURE__*/React__default["default"].createElement(_JSXStyle__default["default"], {
+      id: "635606464",
+      dynamic: [size, size, foreground, background]
+    }, `.text-avatar.__jsx-style-dynamic-selector{width:${size};height:${size};background-color:${foreground};color:${background};}
+/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInRleHQtYXZhdGFyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEwQzJCLEFBRzBDLG1DQUNDLG9DQUNVLDhDQUNYLG1DQUNyQyIsImZpbGUiOiJ0ZXh0LWF2YXRhci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgY3NzIGZyb20gXCJzdHlsZWQtanN4L2Nzc1wiO1xuaW1wb3J0IGNuIGZyb20gXCJjbGFzc25hbWVzXCI7XG5pbXBvcnQgeyB1c2VUaGVtZSwgZ2V0Q29sb3JUb2tlbiwgQ29sb3JTcGVjaWZpZXIgfSBmcm9tIFwiLi4vLi4vdGhlbWUvdGhlbWVcIjtcblxuZXhwb3J0IGludGVyZmFjZSBUZXh0QXZhdGFyUHJvcHNcbiAgZXh0ZW5kcyBPbWl0PFJlYWN0LkhUTUxQcm9wczxIVE1MU3BhbkVsZW1lbnQ+LCBcImNvbG9yXCIgfCBcInNpemVcIj4ge1xuICBuYW1lOiBzdHJpbmc7XG4gIGluaXRpYWxzPzogc3RyaW5nO1xuICBjb2xvcj86IENvbG9yU3BlY2lmaWVyO1xuICBpbnZlcnQ/OiBib29sZWFuO1xuICBzaXplPzogc3RyaW5nO1xuICBhZG1pbklkPzogc3RyaW5nO1xufVxuXG4vKiBBbiBhdmF0YXIgdGhhdCBzaG93cyBpbml0aWFscywgdXN1YWxseSBmb3Igd2hlbiB0aGVyZSBpcyBubyBwaG90byBhdmFpbGFibGUgKi9cbmZ1bmN0aW9uIFRleHRBdmF0YXIoe1xuICBuYW1lLFxuICBpbml0aWFscyxcbiAgY29sb3IgPSBcInByaW1hcnlcIixcbiAgaW52ZXJ0LFxuICBzaXplID0gXCIyLjVyZW1cIixcbiAgYWRtaW5JZCxcbiAgLi4ucmVzdFxufTogVGV4dEF2YXRhclByb3BzKSB7XG4gIGNvbnN0IHRoZW1lID0gdXNlVGhlbWUoKTtcblxuICBpZiAodHlwZW9mIG5hbWUgIT09IFwic3RyaW5nXCIgfHwgIW5hbWUpIHtcbiAgICBuYW1lID0gYWRtaW5JZCA/IFwiQWRtaW5cIiA6IFwiXCI7XG4gIH1cblxuICBpZiAoIWluaXRpYWxzKSB7XG4gICAgaW5pdGlhbHMgPSBuYW1lXG4gICAgICAuc3BsaXQoL1xccysvKVxuICAgICAgLmZpbHRlcihzdHIgPT4gc3RyLmxlbmd0aClcbiAgICAgIC5tYXAoc3RyID0+IHN0clswXS50b1VwcGVyQ2FzZSgpKVxuICAgICAgLmpvaW4oXCJcIik7XG4gIH1cblxuICBjb25zdCBmb3JlZ3JvdW5kID0gZ2V0Q29sb3JUb2tlbih0aGVtZSwgXCJmb3JlZ3JvdW5kXCIsIGNvbG9yLCB7IGludmVydCB9KTtcbiAgY29uc3QgYmFja2dyb3VuZCA9IGdldENvbG9yVG9rZW4odGhlbWUsIFwiYmFja2dyb3VuZFwiLCBjb2xvciwgeyBpbnZlcnQgfSk7XG5cbiAgY29uc3Qgc2NvcGUgPSBjc3MucmVzb2x2ZWBcbiAgICAudGV4dC1hdmF0YXIge1xuICAgICAgd2lkdGg6ICR7c2l6ZX07XG4gICAgICBoZWlnaHQ6ICR7c2l6ZX07XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2ZvcmVncm91bmR9O1xuICAgICAgY29sb3I6ICR7YmFja2dyb3VuZH07XG4gICAgfVxuICBgO1xuXG4gIHJldHVybiAoXG4gICAgPHNwYW4gY2xhc3NOYW1lPXtjbihcInRleHQtYXZhdGFyXCIsIHNjb3BlLmNsYXNzTmFtZSl9IHRpdGxlPXtuYW1lfSB7Li4ucmVzdH0+XG4gICAgICA8c3BhbiBjbGFzc05hbWU9XCJuYW1lXCI+e2luaXRpYWxzfTwvc3Bhbj5cbiAgICAgIDxzdHlsZSBqc3g+e2BcbiAgICAgICAgLnRleHQtYXZhdGFyIHtcbiAgICAgICAgICBib3JkZXItcmFkaXVzOiAxMDAlO1xuICAgICAgICAgIGRpc3BsYXk6IGlubGluZS1mbGV4O1xuICAgICAgICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgICAgICAgbGluZS1oZWlnaHQ6IDA7XG4gICAgICAgICAgdmVydGljYWwtYWxpZ246IHRvcDtcblxuICAgICAgICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICAgIH1cblxuICAgICAgICAubmFtZSB7XG4gICAgICAgICAgZm9udC1zaXplOiAxcmVtO1xuICAgICAgICAgIHVzZXItc2VsZWN0OiBub25lO1xuICAgICAgICB9XG4gICAgICBgfTwvc3R5bGU+XG4gICAgICB7c2NvcGUuc3R5bGVzfVxuICAgIDwvc3Bhbj5cbiAgKTtcbn1cblxuZXhwb3J0IGRlZmF1bHQgVGV4dEF2YXRhcjtcbiJdfQ== */
+/*@ sourceURL=text-avatar.tsx */`),
+    className: _JSXStyle__default["default"].dynamic([["635606464", [size, size, foreground, background]]])
+  };
+  return /*#__PURE__*/React__default["default"].createElement("span", _rollupPluginBabelHelpers["extends"]({
+    title: name
+  }, rest, {
+    className: "jsx-912509309" + " " + (rest && rest.className != null && rest.className || classnames__default["default"]("text-avatar", scope.className) || "")
+  }), /*#__PURE__*/React__default["default"].createElement("span", {
+    className: "jsx-912509309" + " " + "name"
+  }, initials), /*#__PURE__*/React__default["default"].createElement(_JSXStyle__default["default"], {
+    id: "912509309"
+  }, ".text-avatar.jsx-912509309{border-radius:100%;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;overflow:hidden;line-height:0;vertical-align:top;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.name.jsx-912509309{font-size:1rem;-webkit-user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInRleHQtYXZhdGFyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFzRGtCLEFBRzhCLEFBV0osZUFDVSxJQVhMLHFCQVlLLGlGQVhULElBWWxCLFlBWGdCLGNBQ0ssbUJBRUksbUdBQ0osNkZBQ3JCIiwiZmlsZSI6InRleHQtYXZhdGFyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBjc3MgZnJvbSBcInN0eWxlZC1qc3gvY3NzXCI7XG5pbXBvcnQgY24gZnJvbSBcImNsYXNzbmFtZXNcIjtcbmltcG9ydCB7IHVzZVRoZW1lLCBnZXRDb2xvclRva2VuLCBDb2xvclNwZWNpZmllciB9IGZyb20gXCIuLi8uLi90aGVtZS90aGVtZVwiO1xuXG5leHBvcnQgaW50ZXJmYWNlIFRleHRBdmF0YXJQcm9wc1xuICBleHRlbmRzIE9taXQ8UmVhY3QuSFRNTFByb3BzPEhUTUxTcGFuRWxlbWVudD4sIFwiY29sb3JcIiB8IFwic2l6ZVwiPiB7XG4gIG5hbWU6IHN0cmluZztcbiAgaW5pdGlhbHM/OiBzdHJpbmc7XG4gIGNvbG9yPzogQ29sb3JTcGVjaWZpZXI7XG4gIGludmVydD86IGJvb2xlYW47XG4gIHNpemU/OiBzdHJpbmc7XG4gIGFkbWluSWQ/OiBzdHJpbmc7XG59XG5cbi8qIEFuIGF2YXRhciB0aGF0IHNob3dzIGluaXRpYWxzLCB1c3VhbGx5IGZvciB3aGVuIHRoZXJlIGlzIG5vIHBob3RvIGF2YWlsYWJsZSAqL1xuZnVuY3Rpb24gVGV4dEF2YXRhcih7XG4gIG5hbWUsXG4gIGluaXRpYWxzLFxuICBjb2xvciA9IFwicHJpbWFyeVwiLFxuICBpbnZlcnQsXG4gIHNpemUgPSBcIjIuNXJlbVwiLFxuICBhZG1pbklkLFxuICAuLi5yZXN0XG59OiBUZXh0QXZhdGFyUHJvcHMpIHtcbiAgY29uc3QgdGhlbWUgPSB1c2VUaGVtZSgpO1xuXG4gIGlmICh0eXBlb2YgbmFtZSAhPT0gXCJzdHJpbmdcIiB8fCAhbmFtZSkge1xuICAgIG5hbWUgPSBhZG1pbklkID8gXCJBZG1pblwiIDogXCJcIjtcbiAgfVxuXG4gIGlmICghaW5pdGlhbHMpIHtcbiAgICBpbml0aWFscyA9IG5hbWVcbiAgICAgIC5zcGxpdCgvXFxzKy8pXG4gICAgICAuZmlsdGVyKHN0ciA9PiBzdHIubGVuZ3RoKVxuICAgICAgLm1hcChzdHIgPT4gc3RyWzBdLnRvVXBwZXJDYXNlKCkpXG4gICAgICAuam9pbihcIlwiKTtcbiAgfVxuXG4gIGNvbnN0IGZvcmVncm91bmQgPSBnZXRDb2xvclRva2VuKHRoZW1lLCBcImZvcmVncm91bmRcIiwgY29sb3IsIHsgaW52ZXJ0IH0pO1xuICBjb25zdCBiYWNrZ3JvdW5kID0gZ2V0Q29sb3JUb2tlbih0aGVtZSwgXCJiYWNrZ3JvdW5kXCIsIGNvbG9yLCB7IGludmVydCB9KTtcblxuICBjb25zdCBzY29wZSA9IGNzcy5yZXNvbHZlYFxuICAgIC50ZXh0LWF2YXRhciB7XG4gICAgICB3aWR0aDogJHtzaXplfTtcbiAgICAgIGhlaWdodDogJHtzaXplfTtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7Zm9yZWdyb3VuZH07XG4gICAgICBjb2xvcjogJHtiYWNrZ3JvdW5kfTtcbiAgICB9XG4gIGA7XG5cbiAgcmV0dXJuIChcbiAgICA8c3BhbiBjbGFzc05hbWU9e2NuKFwidGV4dC1hdmF0YXJcIiwgc2NvcGUuY2xhc3NOYW1lKX0gdGl0bGU9e25hbWV9IHsuLi5yZXN0fT5cbiAgICAgIDxzcGFuIGNsYXNzTmFtZT1cIm5hbWVcIj57aW5pdGlhbHN9PC9zcGFuPlxuICAgICAgPHN0eWxlIGpzeD57YFxuICAgICAgICAudGV4dC1hdmF0YXIge1xuICAgICAgICAgIGJvcmRlci1yYWRpdXM6IDEwMCU7XG4gICAgICAgICAgZGlzcGxheTogaW5saW5lLWZsZXg7XG4gICAgICAgICAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgICAgICAgICBsaW5lLWhlaWdodDogMDtcbiAgICAgICAgICB2ZXJ0aWNhbC1hbGlnbjogdG9wO1xuXG4gICAgICAgICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgICAgfVxuXG4gICAgICAgIC5uYW1lIHtcbiAgICAgICAgICBmb250LXNpemU6IDFyZW07XG4gICAgICAgICAgdXNlci1zZWxlY3Q6IG5vbmU7XG4gICAgICAgIH1cbiAgICAgIGB9PC9zdHlsZT5cbiAgICAgIHtzY29wZS5zdHlsZXN9XG4gICAgPC9zcGFuPlxuICApO1xufVxuXG5leHBvcnQgZGVmYXVsdCBUZXh0QXZhdGFyO1xuIl19 */\n/*@ sourceURL=text-avatar.tsx */"), scope.styles);
+}
+TextAvatar.propTypes = {
+  name: _pt__default["default"].string.isRequired,
+  initials: _pt__default["default"].string,
+  color: _pt__default["default"].any,
+  invert: _pt__default["default"].bool,
+  size: _pt__default["default"].string,
+  adminId: _pt__default["default"].string
+};
+
+module.exports = TextAvatar;

package/donation/cjs/components/button/button.js

@@ -0,0 +1,143 @@
+'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 MDCButton = require('@material/react-button');
+var theme = require('../../theme/theme.js');
+var tapEvent = require('../../utils/tap-event.js');
+var omit = require('lodash/omit');
+
+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);
+var MDCButton__default = /*#__PURE__*/_interopDefaultLegacy(MDCButton);
+var omit__default = /*#__PURE__*/_interopDefaultLegacy(omit);
+
+const _excluded = ["control", "display", "large", "color", "invert", "raised", "unelevated", "outlined", "className", "icon", "trailingIcon", "onMouseOver", "onMouseOut", "analyticsId", "id"];
+/**
+ * Button
+ *
+ * Customised version of @material/react-button
+ * see: https://github.com/material-components/material-components-web-react/tree/master/packages/button
+ *
+ * When using this button you must also include the accompanying `button.scss`.
+ */
+function Button(_ref) {
+  let {
+      control,
+      display,
+      large,
+      color = "primary",
+      invert,
+      raised,
+      unelevated,
+      outlined,
+      className,
+      icon,
+      trailingIcon,
+      onMouseOver,
+      onMouseOut,
+      analyticsId,
+      id
+    } = _ref,
+    rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
+  const theme$1 = theme.useTheme();
+  if (process.env.NODE_ENV !== "production") {
+    if (id && analyticsId) {
+      console.warn("[Button] only one of the `id` and `analyticsId` props can be passed. Please remove one as `analyticsId` will override the id.");
+    }
+  }
+  const [hovered, setHovered] = React.useState(null);
+  const handleMouseOver = tapEvent.tapEvent(() => setHovered(true), onMouseOver);
+  const handleMouseOut = tapEvent.tapEvent(() => setHovered(false), onMouseOut);
+
+  // Handle icon colors
+  const foreground = theme.getColorToken(theme$1, "foreground", color, {
+    invert
+  });
+  const background = theme.getColorToken(theme$1, "background", color, {
+    invert
+  });
+  icon = setIconColor(icon, {
+    color,
+    invert,
+    unelevated,
+    raised,
+    outlined,
+    hovered
+  });
+  trailingIcon = setIconColor(trailingIcon, {
+    color,
+    invert,
+    unelevated,
+    raised,
+    outlined,
+    hovered
+  });
+  const scope = {
+    styles: /*#__PURE__*/React__default["default"].createElement(_JSXStyle__default["default"], {
+      id: "3982986575",
+      dynamic: [foreground, background]
+    }, `.button.__jsx-style-dynamic-selector{--mdc-theme-primary:${foreground};--mdc-theme-on-primary:${background};}
+/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImJ1dHRvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNEcyQixBQUd3RCxpREFDRyxvREFDdEQiLCJmaWxlIjoiYnV0dG9uLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyB1c2VTdGF0ZSB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IGNsYXNzbmFtZXMgZnJvbSBcImNsYXNzbmFtZXNcIjtcbmltcG9ydCBjc3MgZnJvbSBcInN0eWxlZC1qc3gvY3NzXCI7XG5pbXBvcnQgTURDQnV0dG9uLCB7XG4gIEJ1dHRvblByb3BzIGFzIE1EQ0J1dHRvblByb3BzLFxufSBmcm9tIFwiQG1hdGVyaWFsL3JlYWN0LWJ1dHRvblwiO1xuaW1wb3J0IHsgSWNvblByb3BzIH0gZnJvbSBcIi4uL2ljb24vaWNvblwiO1xuaW1wb3J0IHsgdXNlVGhlbWUsIGdldENvbG9yVG9rZW4sIENvbG9yU3BlY2lmaWVyIH0gZnJvbSBcIi4uLy4uL3RoZW1lL3RoZW1lXCI7XG5pbXBvcnQgeyB0YXBFdmVudCB9IGZyb20gXCIuLi8uLi91dGlscy90YXAtZXZlbnRcIjtcbmltcG9ydCBvbWl0IGZyb20gXCJsb2Rhc2gvb21pdFwiO1xuXG50eXBlIEJ1dHRvblR5cGVzID0gSFRNTEFuY2hvckVsZW1lbnQgfCBIVE1MQnV0dG9uRWxlbWVudDtcblxuZXhwb3J0IGludGVyZmFjZSBCdXR0b25Qcm9wc1xuICBleHRlbmRzIE9taXQ8XG4gICAgTURDQnV0dG9uUHJvcHM8QnV0dG9uVHlwZXM+LFxuICAgIHwgXCJjb2xvclwiXG4gICAgfCBcImljb25cIlxuICAgIHwgXCJ0cmFpbGluZ0ljb25cIlxuICAgIHwgXCJwcmltYXJ5XCJcbiAgICB8IFwic2Vjb25kYXJ5XCJcbiAgICB8IFwiYWNjZW50XCJcbiAgICB8IFwiZGFuZ2VyXCJcbiAgPiB7XG4gIGNvbnRyb2w/OiBib29sZWFuO1xuICBkaXNwbGF5PzogYm9vbGVhbjtcbiAgbGFyZ2U/OiBib29sZWFuO1xuICBjb2xvcj86IENvbG9yU3BlY2lmaWVyO1xuICBpbnZlcnQ/OiBib29sZWFuO1xuICBpY29uPzogUmVhY3QuUmVhY3RFbGVtZW50PEljb25Qcm9wcz47XG4gIHRyYWlsaW5nSWNvbj86IFJlYWN0LlJlYWN0RWxlbWVudDxJY29uUHJvcHM+O1xuICBhbmFseXRpY3NJZD86IHN0cmluZztcbn1cblxuLyoqXG4gKiBCdXR0b25cbiAqXG4gKiBDdXN0b21pc2VkIHZlcnNpb24gb2YgQG1hdGVyaWFsL3JlYWN0LWJ1dHRvblxuICogc2VlOiBodHRwczovL2dpdGh1Yi5jb20vbWF0ZXJpYWwtY29tcG9uZW50cy9tYXRlcmlhbC1jb21wb25lbnRzLXdlYi1yZWFjdC90cmVlL21hc3Rlci9wYWNrYWdlcy9idXR0b25cbiAqXG4gKiBXaGVuIHVzaW5nIHRoaXMgYnV0dG9uIHlvdSBtdXN0IGFsc28gaW5jbHVkZSB0aGUgYWNjb21wYW55aW5nIGBidXR0b24uc2Nzc2AuXG4gKi9cbmZ1bmN0aW9uIEJ1dHRvbih7XG4gIGNvbnRyb2wsXG4gIGRpc3BsYXksXG4gIGxhcmdlLFxuICBjb2xvciA9IFwicHJpbWFyeVwiLFxuICBpbnZlcnQsXG4gIHJhaXNlZCxcbiAgdW5lbGV2YXRlZCxcbiAgb3V0bGluZWQsXG4gIGNsYXNzTmFtZSxcbiAgaWNvbixcbiAgdHJhaWxpbmdJY29uLFxuICBvbk1vdXNlT3ZlcixcbiAgb25Nb3VzZU91dCxcbiAgYW5hbHl0aWNzSWQsXG4gIGlkLFxuICAuLi5yZXN0XG59OiBCdXR0b25Qcm9wcykge1xuICBjb25zdCB0aGVtZSA9IHVzZVRoZW1lKCk7XG5cbiAgaWYgKHByb2Nlc3MuZW52Lk5PREVfRU5WICE9PSBcInByb2R1Y3Rpb25cIikge1xuICAgIGlmIChpZCAmJiBhbmFseXRpY3NJZCkge1xuICAgICAgY29uc29sZS53YXJuKFxuICAgICAgICBcIltCdXR0b25dIG9ubHkgb25lIG9mIHRoZSBgaWRgIGFuZCBgYW5hbHl0aWNzSWRgIHByb3BzIGNhbiBiZSBwYXNzZWQuIFBsZWFzZSByZW1vdmUgb25lIGFzIGBhbmFseXRpY3NJZGAgd2lsbCBvdmVycmlkZSB0aGUgaWQuXCJcbiAgICAgICk7XG4gICAgfVxuICB9XG5cbiAgY29uc3QgW2hvdmVyZWQsIHNldEhvdmVyZWRdID0gdXNlU3RhdGU8Ym9vbGVhbiB8IG51bGw+KG51bGwpO1xuXG4gIGNvbnN0IGhhbmRsZU1vdXNlT3ZlciA9IHRhcEV2ZW50PFJlYWN0Lk1vdXNlRXZlbnQ8QnV0dG9uVHlwZXM+PihcbiAgICAoKSA9PiBzZXRIb3ZlcmVkKHRydWUpLFxuICAgIG9uTW91c2VPdmVyXG4gICk7XG5cbiAgY29uc3QgaGFuZGxlTW91c2VPdXQgPSB0YXBFdmVudDxSZWFjdC5Nb3VzZUV2ZW50PEJ1dHRvblR5cGVzPj4oXG4gICAgKCkgPT4gc2V0SG92ZXJlZChmYWxzZSksXG4gICAgb25Nb3VzZU91dFxuICApO1xuXG4gIC8vIEhhbmRsZSBpY29uIGNvbG9yc1xuICBjb25zdCBmb3JlZ3JvdW5kID0gZ2V0Q29sb3JUb2tlbih0aGVtZSwgXCJmb3JlZ3JvdW5kXCIsIGNvbG9yLCB7XG4gICAgaW52ZXJ0LFxuICB9KTtcbiAgY29uc3QgYmFja2dyb3VuZCA9IGdldENvbG9yVG9rZW4odGhlbWUsIFwiYmFja2dyb3VuZFwiLCBjb2xvciwge1xuICAgIGludmVydCxcbiAgfSk7XG5cbiAgaWNvbiA9IHNldEljb25Db2xvcihpY29uLCB7XG4gICAgY29sb3IsXG4gICAgaW52ZXJ0LFxuICAgIHVuZWxldmF0ZWQsXG4gICAgcmFpc2VkLFxuICAgIG91dGxpbmVkLFxuICAgIGhvdmVyZWQsXG4gIH0pO1xuXG4gIHRyYWlsaW5nSWNvbiA9IHNldEljb25Db2xvcih0cmFpbGluZ0ljb24sIHtcbiAgICBjb2xvcixcbiAgICBpbnZlcnQsXG4gICAgdW5lbGV2YXRlZCxcbiAgICByYWlzZWQsXG4gICAgb3V0bGluZWQsXG4gICAgaG92ZXJlZCxcbiAgfSk7XG5cbiAgY29uc3Qgc2NvcGUgPSBjc3MucmVzb2x2ZWBcbiAgICAuYnV0dG9uIHtcbiAgICAgIC0tbWRjLXRoZW1lLXByaW1hcnk6ICR7Zm9yZWdyb3VuZH07XG4gICAgICAtLW1kYy10aGVtZS1vbi1wcmltYXJ5OiAke2JhY2tncm91bmR9O1xuICAgIH1cbiAgYDtcblxuICBjb25zdCBmaWx0ZXJlZFByb3BzID0gb21pdChcbiAgICB7XG4gICAgICBjbGFzc05hbWU6IGNsYXNzbmFtZXMoXG4gICAgICAgIFwiYnV0dG9uXCIsXG4gICAgICAgIHtcbiAgICAgICAgICBcIm1kYy1idXR0b24tLWRpc3BsYXlcIjogZGlzcGxheSxcbiAgICAgICAgICBcIm1kYy1idXR0b24tLWxhcmdlXCI6IGxhcmdlLFxuICAgICAgICAgIFwibWRjLWJ1dHRvbi0tY29udHJvbFwiOiBjb250cm9sLFxuICAgICAgICB9LFxuICAgICAgICBjbGFzc05hbWUsXG4gICAgICAgIHNjb3BlLmNsYXNzTmFtZVxuICAgICAgKSxcbiAgICAgIGlkOiBhbmFseXRpY3NJZCB8fCBpZCxcbiAgICAgIHJhaXNlZCxcbiAgICAgIHVuZWxldmF0ZWQsXG4gICAgICBvdXRsaW5lZDogb3V0bGluZWQsXG4gICAgICBpY29uOiBpY29uIGFzIFJlYWN0LlJlYWN0RWxlbWVudDxSZWFjdC5IVE1MUHJvcHM8SFRNTE9yU1ZHRWxlbWVudD4+LFxuICAgICAgdHJhaWxpbmdJY29uOiB0cmFpbGluZ0ljb24gYXMgUmVhY3QuUmVhY3RFbGVtZW50PFxuICAgICAgICBSZWFjdC5IVE1MUHJvcHM8SFRNTE9yU1ZHRWxlbWVudD5cbiAgICAgID4sXG4gICAgICBvbk1vdXNlT3ZlcjogaGFuZGxlTW91c2VPdmVyLFxuICAgICAgb25Nb3VzZU91dDogaGFuZGxlTW91c2VPdXQsXG4gICAgICAuLi5yZXN0LFxuICAgIH0sXG4gICAgW1wib25Qb2ludGVyRW50ZXJDYXB0dXJlXCIsIFwib25Qb2ludGVyTGVhdmVDYXB0dXJlXCJdIC8vIFJlbW92ZSBpbnZhbGlkIHByb3BzXG4gICk7XG5cbiAgcmV0dXJuIChcbiAgICA8PlxuICAgICAgPE1EQ0J1dHRvblxuICAgICAgICB7Li4uKChmaWx0ZXJlZFByb3BzIGFzIHVua25vd24pIGFzIFJlYWN0LkNvbXBvbmVudFByb3BzPFxuICAgICAgICAgIHR5cGVvZiBNRENCdXR0b25cbiAgICAgICAgPil9XG4gICAgICAvPlxuICAgICAge3Njb3BlLnN0eWxlc31cbiAgICA8Lz5cbiAgKTtcbn1cblxuZXhwb3J0IGRlZmF1bHQgQnV0dG9uO1xuXG5mdW5jdGlvbiBzZXRJY29uQ29sb3IoXG4gIGljb246IFJlYWN0LlJlYWN0RWxlbWVudDxJY29uUHJvcHM+IHwgdW5kZWZpbmVkLFxuICB7XG4gICAgY29sb3IsXG4gICAgaW52ZXJ0LFxuICAgIHVuZWxldmF0ZWQsXG4gICAgcmFpc2VkLFxuICAgIG91dGxpbmVkLFxuICAgIGhvdmVyZWQsXG4gIH06IHtcbiAgICBjb2xvcj86IENvbG9yU3BlY2lmaWVyO1xuICAgIGludmVydD86IGJvb2xlYW47XG4gICAgdW5lbGV2YXRlZD86IGJvb2xlYW47XG4gICAgcmFpc2VkPzogYm9vbGVhbjtcbiAgICBvdXRsaW5lZD86IGJvb2xlYW47XG4gICAgaG92ZXJlZD86IGJvb2xlYW4gfCBudWxsO1xuICB9XG4pIHtcbiAgaWYgKCFpY29uKSB7XG4gICAgcmV0dXJuIGljb247XG4gIH1cblxuICBpY29uID0gUmVhY3QuY2xvbmVFbGVtZW50KGljb24sIHsgY29sb3I6IGljb24ucHJvcHMuY29sb3IgfHwgY29sb3IgfSk7XG5cbiAgaWYgKHVuZWxldmF0ZWQgfHwgcmFpc2VkIHx8IChob3ZlcmVkICYmIG91dGxpbmVkKSkge1xuICAgIGljb24gPSBSZWFjdC5jbG9uZUVsZW1lbnQoaWNvbiwgeyBpbnZlcnQ6ICFpbnZlcnQgfSk7XG4gIH1cblxuICByZXR1cm4gaWNvbjtcbn1cbiJdfQ== */
+/*@ sourceURL=button.tsx */`),
+    className: _JSXStyle__default["default"].dynamic([["3982986575", [foreground, background]]])
+  };
+  const filteredProps = omit__default["default"](_rollupPluginBabelHelpers.objectSpread2({
+    className: classnames__default["default"]("button", {
+      "mdc-button--display": display,
+      "mdc-button--large": large,
+      "mdc-button--control": control
+    }, className, scope.className),
+    id: analyticsId || id,
+    raised,
+    unelevated,
+    outlined: outlined,
+    icon: icon,
+    trailingIcon: trailingIcon,
+    onMouseOver: handleMouseOver,
+    onMouseOut: handleMouseOut
+  }, rest), ["onPointerEnterCapture", "onPointerLeaveCapture"] // Remove invalid props
+  );
+  return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(MDCButton__default["default"], filteredProps), scope.styles);
+}
+Button.propTypes = {
+  control: _pt__default["default"].bool,
+  display: _pt__default["default"].bool,
+  large: _pt__default["default"].bool,
+  color: _pt__default["default"].any,
+  invert: _pt__default["default"].bool,
+  icon: _pt__default["default"].element,
+  trailingIcon: _pt__default["default"].element,
+  analyticsId: _pt__default["default"].string
+};
+function setIconColor(icon, _ref2) {
+  let {
+    color,
+    invert,
+    unelevated,
+    raised,
+    outlined,
+    hovered
+  } = _ref2;
+  if (!icon) {
+    return icon;
+  }
+  icon = /*#__PURE__*/React__default["default"].cloneElement(icon, {
+    color: icon.props.color || color
+  });
+  if (unelevated || raised || hovered && outlined) {
+    icon = /*#__PURE__*/React__default["default"].cloneElement(icon, {
+      invert: !invert
+    });
+  }
+  return icon;
+}
+
+module.exports = Button;