@mycause/ui 0.0.0-c4be5cf7 → 0.0.0-c4d5b14e

package/donation/cjs/components/checkbox/checkbox.js

@@ -0,0 +1,75 @@
+'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 nanoid = require('nanoid');
+var theme = require('../../theme/theme.js');
+var MDCCheckbox = require('@material/react-checkbox');
+var flex = require('../layout/flex.js');
+var text = require('../text/text.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);
+var MDCCheckbox__default = /*#__PURE__*/_interopDefaultLegacy(MDCCheckbox);
+
+const _excluded = ["id", "label", "color", "checked", "className"];
+const Checkbox = _ref => {
+  let {
+      id,
+      label,
+      color = "primary",
+      checked,
+      className
+    } = _ref,
+    rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
+  const theme$1 = theme.useTheme();
+  const [mainId, setmainId] = React.useState("");
+  const setColor = theme.getColorToken(theme$1, "foreground", color);
+  React.useEffect(() => {
+    setmainId(id ? id : nanoid.nanoid());
+  }, [id, setmainId]);
+  const scope = {
+    styles: /*#__PURE__*/React__default["default"].createElement(_JSXStyle__default["default"], {
+      id: "4134032295",
+      dynamic: [setColor, setColor]
+    }, `.checkbox.__jsx-style-dynamic-selector{--mdc-theme-primary:${setColor};--mdc-theme-secondary:${setColor};}.checkbox-label.__jsx-style-dynamic-selector{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1;margin-left:0.25rem;cursor:pointer;}
+/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNoZWNrYm94LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEyQzJCLEFBR3dELEFBS3JDLGlEQUp1QyxzQkFLckMsNkJBSmhCLDJCQUtzQixvQkFDTCxlQUNqQiIsImZpbGUiOiJjaGVja2JveC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgdXNlRWZmZWN0LCB1c2VTdGF0ZSB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IGNsYXNzbmFtZXMgZnJvbSBcImNsYXNzbmFtZXNcIjtcbmltcG9ydCBjc3MgZnJvbSBcInN0eWxlZC1qc3gvY3NzXCI7XG5pbXBvcnQgeyBuYW5vaWQgfSBmcm9tIFwibmFub2lkXCI7XG5pbXBvcnQgeyB1c2VUaGVtZSwgZ2V0Q29sb3JUb2tlbiwgQ29sb3JTcGVjaWZpZXIgfSBmcm9tIFwiLi4vLi4vdGhlbWUvdGhlbWVcIjtcblxuaW1wb3J0IHsgRmxleCB9IGZyb20gXCIuLi9sYXlvdXRcIjtcbmltcG9ydCB7IFRleHQgfSBmcm9tIFwiLi4vdGV4dFwiO1xuXG5pbXBvcnQgTURDQ2hlY2tib3gsIHtcbiAgQ2hlY2tib3hQcm9wcyBhcyBNRENDaGVja2JveFByb3BzLFxufSBmcm9tIFwiQG1hdGVyaWFsL3JlYWN0LWNoZWNrYm94XCI7XG5cbmV4cG9ydCBpbnRlcmZhY2UgQ2hlY2tib3hQcm9wc1xuICBleHRlbmRzIE9taXQ8TURDQ2hlY2tib3hQcm9wcywgXCJpbml0UmlwcGxlXCIgfCBcInVuYm91bmRlZFwiPiB7XG4gIGlkPzogc3RyaW5nO1xuICBuYW1lPzogc3RyaW5nO1xuICBsYWJlbD86IFJlYWN0LlJlYWN0Tm9kZTtcbiAgY29sb3I/OiBDb2xvclNwZWNpZmllcjtcbiAgY2hlY2tlZD86IGJvb2xlYW47XG4gIGRpc2FibGVkPzogYm9vbGVhbjtcbiAgb25DaGFuZ2U/OiAoZTogUmVhY3QuRm9ybUV2ZW50PEhUTUxJbnB1dEVsZW1lbnQ+KSA9PiB2b2lkO1xuICBpbmRldGVybWluYXRlPzogYm9vbGVhbjtcbiAgY2xhc3NOYW1lPzogc3RyaW5nO1xufVxuXG5jb25zdCBDaGVja2JveCA9ICh7XG4gIGlkLFxuICBsYWJlbCxcbiAgY29sb3IgPSBcInByaW1hcnlcIixcbiAgY2hlY2tlZCxcbiAgY2xhc3NOYW1lLFxuICAuLi5yZXN0XG59OiBDaGVja2JveFByb3BzKSA9PiB7XG4gIGNvbnN0IHRoZW1lID0gdXNlVGhlbWUoKTtcbiAgY29uc3QgW21haW5JZCwgc2V0bWFpbklkXSA9IHVzZVN0YXRlPHN0cmluZz4oXCJcIik7XG5cbiAgY29uc3Qgc2V0Q29sb3IgPSBnZXRDb2xvclRva2VuKHRoZW1lLCBcImZvcmVncm91bmRcIiwgY29sb3IpO1xuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgc2V0bWFpbklkKGlkID8gaWQgOiBuYW5vaWQoKSk7XG4gIH0sIFtpZCwgc2V0bWFpbklkXSk7XG5cbiAgY29uc3Qgc2NvcGUgPSBjc3MucmVzb2x2ZWBcbiAgICAuY2hlY2tib3gge1xuICAgICAgLS1tZGMtdGhlbWUtcHJpbWFyeTogJHtzZXRDb2xvcn07XG4gICAgICAtLW1kYy10aGVtZS1zZWNvbmRhcnk6ICR7c2V0Q29sb3J9O1xuICAgIH1cblxuICAgIC5jaGVja2JveC1sYWJlbCB7XG4gICAgICBmbGV4LWdyb3c6IDE7XG4gICAgICBmbGV4LXNocmluazogMTtcbiAgICAgIG1hcmdpbi1sZWZ0OiAwLjI1cmVtO1xuICAgICAgY3Vyc29yOiBwb2ludGVyO1xuICAgIH1cbiAgYDtcblxuICByZXR1cm4gKFxuICAgIDxGbGV4IGFsaWduPVwiY2VudGVyXCI+XG4gICAgICA8TURDQ2hlY2tib3hcbiAgICAgICAgY2xhc3NOYW1lPXtjbGFzc25hbWVzKGNsYXNzTmFtZSwgXCJjaGVja2JveFwiLCBzY29wZS5jbGFzc05hbWUpfVxuICAgICAgICBjaGVja2VkPXtjaGVja2VkfVxuICAgICAgICBuYXRpdmVDb250cm9sSWQ9e21haW5JZH1cbiAgICAgICAgey4uLnJlc3R9XG4gICAgICAvPlxuICAgICAge2xhYmVsICYmIChcbiAgICAgICAgPGxhYmVsXG4gICAgICAgICAgY2xhc3NOYW1lPXtjbGFzc25hbWVzKHNjb3BlLmNsYXNzTmFtZSwgXCJjaGVja2JveC1sYWJlbFwiKX1cbiAgICAgICAgICBodG1sRm9yPXttYWluSWR9XG4gICAgICAgID5cbiAgICAgICAgICA8VGV4dCBmb250PVwiYnJhbmRcIiBraW5kPVwic3ViXCIgc3Bhbj5cbiAgICAgICAgICAgIHtsYWJlbH1cbiAgICAgICAgICA8L1RleHQ+XG4gICAgICAgIDwvbGFiZWw+XG4gICAgICApfVxuICAgICAge3Njb3BlLnN0eWxlc31cbiAgICA8L0ZsZXg+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBDaGVja2JveDtcbiJdfQ== */
+/*@ sourceURL=checkbox.tsx */`),
+    className: _JSXStyle__default["default"].dynamic([["4134032295", [setColor, setColor]]])
+  };
+  return /*#__PURE__*/React__default["default"].createElement(flex, {
+    align: "center"
+  }, /*#__PURE__*/React__default["default"].createElement(MDCCheckbox__default["default"], _rollupPluginBabelHelpers["extends"]({
+    className: classnames__default["default"](className, "checkbox", scope.className),
+    checked: checked,
+    nativeControlId: mainId
+  }, rest)), label && /*#__PURE__*/React__default["default"].createElement("label", {
+    className: classnames__default["default"](scope.className, "checkbox-label"),
+    htmlFor: mainId
+  }, /*#__PURE__*/React__default["default"].createElement(text, {
+    font: "brand",
+    kind: "sub",
+    span: true
+  }, label)), scope.styles);
+};
+Checkbox.propTypes = {
+  id: _pt__default["default"].string,
+  name: _pt__default["default"].string,
+  label: _pt__default["default"].node,
+  color: _pt__default["default"].any,
+  checked: _pt__default["default"].bool,
+  disabled: _pt__default["default"].bool,
+  onChange: _pt__default["default"].func,
+  indeterminate: _pt__default["default"].bool,
+  className: _pt__default["default"].string
+};
+var Checkbox$1 = Checkbox;
+
+module.exports = Checkbox$1;

package/donation/cjs/components/combo-field/combo-field-expander.js

@@ -0,0 +1,44 @@
+'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');
+
+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 = ["children", "className"];
+const scope = {
+  styles: /*#__PURE__*/React__default["default"].createElement(_JSXStyle__default["default"], {
+    id: "891840907"
+  }, ".combo-field-expand.jsx-891840907{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbWJvLWZpZWxkLWV4cGFuZGVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFTeUIsQUFHaUIsdUVBQ2QiLCJmaWxlIjoiY29tYm8tZmllbGQtZXhwYW5kZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IGNsYXNzbmFtZXMgZnJvbSBcImNsYXNzbmFtZXNcIjtcbmltcG9ydCBjc3MgZnJvbSBcInN0eWxlZC1qc3gvY3NzXCI7XG5cbmludGVyZmFjZSBDb21ib0ZpZWxkRXhwYW5kZXIge1xuICBjaGlsZHJlbjogUmVhY3QuUmVhY3RFbGVtZW50O1xuICBjbGFzc05hbWU/OiBzdHJpbmc7XG59XG5cbmNvbnN0IHNjb3BlID0gY3NzLnJlc29sdmVgXG4gIC5jb21iby1maWVsZC1leHBhbmQge1xuICAgIGZsZXgtZ3JvdzogMTtcbiAgfVxuYDtcblxuLyoqXG4gKiBNYWtlcyBhIGZpZWxkIGluIGEgY29tYm8tZmllbGQgZXhwYW5kIHRvIGZpbGwgYXNcbiAqIG11Y2ggc2l6ZSBhcyBpdCBjYW4uXG4gKi9cbmZ1bmN0aW9uIENvbWJvRmllbGRFeHBhbmRlcih7XG4gIGNoaWxkcmVuLFxuICBjbGFzc05hbWUsXG4gIC4uLnByb3BzXG59OiBDb21ib0ZpZWxkRXhwYW5kZXIpIHtcbiAgY29uc3QgY2hpbGQgPSBSZWFjdC5DaGlsZHJlbi5vbmx5KGNoaWxkcmVuKTtcblxuICByZXR1cm4gKFxuICAgIDw+XG4gICAgICB7UmVhY3QuY2xvbmVFbGVtZW50KGNoaWxkLCB7XG4gICAgICAgIGNsYXNzTmFtZTogY2xhc3NuYW1lcyhcbiAgICAgICAgICBjaGlsZC5wcm9wcy5jbGFzc05hbWUsXG4gICAgICAgICAgc2NvcGUuY2xhc3NOYW1lLFxuICAgICAgICAgIGNsYXNzTmFtZSxcbiAgICAgICAgICBcImNvbWJvLWZpZWxkLWV4cGFuZFwiXG4gICAgICAgICksXG4gICAgICAgIC4uLnByb3BzLFxuICAgICAgfSl9XG4gICAgICB7c2NvcGUuc3R5bGVzfVxuICAgIDwvPlxuICApO1xufVxuXG5leHBvcnQgZGVmYXVsdCBDb21ib0ZpZWxkRXhwYW5kZXI7XG4iXX0= */\n/*@ sourceURL=combo-field-expander.tsx */"),
+  className: "jsx-891840907"
+};
+
+/**
+ * Makes a field in a combo-field expand to fill as
+ * much size as it can.
+ */
+function ComboFieldExpander(_ref) {
+  let {
+      children,
+      className
+    } = _ref,
+    props = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
+  const child = React__default["default"].Children.only(children);
+  return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].cloneElement(child, _rollupPluginBabelHelpers.objectSpread2({
+    className: classnames__default["default"](child.props.className, scope.className, className, "combo-field-expand")
+  }, props)), scope.styles);
+}
+ComboFieldExpander.propTypes = {
+  children: _pt__default["default"].element.isRequired,
+  className: _pt__default["default"].string
+};
+
+module.exports = ComboFieldExpander;

package/donation/cjs/components/combo-field/combo-field.js

@@ -0,0 +1,103 @@
+'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 getElementDisplayName = require('../../utils/get-element-display-name.js');
+var comboFieldExpander = require('./combo-field-expander.js');
+var iconButtonGroup = require('../icon/icon-button-group.js');
+var button = require('../button/button.js');
+var select = require('../select/select.js');
+var textField = require('../text-field/text-field.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 = ["children", "className", "large", "buttonBorder", "buttonFullWidth", "align"];
+/**
+ * Combines several input controls to into one visually continuous
+ * control
+ *
+ * Supports the following components:
+ * - TextField
+ * - Select
+ * - Button
+ * - IconButtonGroup
+ */
+function ComboField(_ref) {
+  let {
+      children,
+      className,
+      large = false,
+      buttonBorder,
+      buttonFullWidth,
+      align
+    } = _ref,
+    rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
+  children = React__default["default"].Children.map(children, child => augment(child, {
+    large
+  }));
+  return /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({}, rest, {
+    className: _JSXStyle__default["default"].dynamic([["174956361", [align ? align : "flex-end", buttonFullWidth ? "100%" : "", buttonBorder ? "" : "transparent"]]]) + " " + (rest && rest.className != null && rest.className || classnames__default["default"]("combo-field", className) || "")
+  }), children, /*#__PURE__*/React__default["default"].createElement(_JSXStyle__default["default"], {
+    id: "174956361",
+    dynamic: [align ? align : "flex-end", buttonFullWidth ? "100%" : "", buttonBorder ? "" : "transparent"]
+  }, `.combo-field.__jsx-style-dynamic-selector{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:${align ? align : "flex-end"};-webkit-box-align:${align ? align : "flex-end"};-ms-flex-align:${align ? align : "flex-end"};align-items:${align ? align : "flex-end"};margin-bottom:1px;}.combo-field > button{width:${buttonFullWidth ? "100%" : ""};}.combo-field.__jsx-style-dynamic-selector>*:not(:last-child) .mdc-text-field:not(.mdc-text-field--focused) .mdc-notched-outline__trailing,.combo-field.__jsx-style-dynamic-selector>*:not(:last-child) .mdc-select:not(.mdc-select--focused) .mdc-notched-outline__trailing,.combo-field.__jsx-style-dynamic-selector .mdc-button--control:not(:last-child):not(:focus),.combo-field.__jsx-style-dynamic-selector .icon-button-group:not(:last-child)::after{border-right-color:${buttonBorder ? "" : "transparent"};border-top-right-radius:0;border-bottom-right-radius:0;margin-right:-1px;}.combo-field.__jsx-style-dynamic-selector>*:not(:first-child) .mdc-text-field:not(.mdc-text-field--focused) .mdc-notched-outline__leading,.combo-field.__jsx-style-dynamic-selector>*:not(:first-child) .mdc-select:not(.mdc-select--focused) .mdc-notched-outline__leading,.combo-field.__jsx-style-dynamic-selector .mdc-button--control:not(:first-child):not(:focus),.combo-field.__jsx-style-dynamic-selector .icon-button-group:not(:first-child)::after{border-left-color:transparent;border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px;}
+/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbWJvLWZpZWxkLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEwQ2tCLEFBR3dCLEFBTXNCLEFBYWEsQUFpQmxCLDhCQUNMLEtBOUIzQixhQWE0QixPQWtCRSxtQkFyQ2EsQUFvQlosU0FrQlosaUJBQ25CLEdBbEJvQixrQkFDcEIsc0lBckJvQixrQkFDcEIiLCJmaWxlIjoiY29tYm8tZmllbGQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IGNsYXNzbmFtZXMgZnJvbSBcImNsYXNzbmFtZXNcIjtcbmltcG9ydCB7IGdldEVsZW1lbnREaXNwbGF5TmFtZSB9IGZyb20gXCIuLi8uLi91dGlscy9nZXQtZWxlbWVudC1kaXNwbGF5LW5hbWVcIjtcbmltcG9ydCB7IFRleHRGaWVsZCB9IGZyb20gXCIuLi90ZXh0LWZpZWxkXCI7XG5pbXBvcnQgeyBTZWxlY3QgfSBmcm9tIFwiLi4vc2VsZWN0XCI7XG5pbXBvcnQgeyBCdXR0b24gfSBmcm9tIFwiLi4vYnV0dG9uXCI7XG5pbXBvcnQgeyBJY29uQnV0dG9uR3JvdXAgfSBmcm9tIFwiLi4vaWNvblwiO1xuaW1wb3J0IENvbWJvRmllbGRFeHBhbmRlciBmcm9tIFwiLi9jb21iby1maWVsZC1leHBhbmRlclwiO1xuXG5pbnRlcmZhY2UgQ29tYm9GaWVsZFByb3BzIHtcbiAgY2hpbGRyZW46IEFycmF5PFJlYWN0LlJlYWN0RWxlbWVudD47XG4gIGNsYXNzTmFtZT86IHN0cmluZztcbiAgbGFyZ2U/OiBib29sZWFuO1xuICBidXR0b25Cb3JkZXI/OiBib29sZWFuO1xuICBidXR0b25GdWxsV2lkdGg/OiBib29sZWFuO1xuICBhbGlnbj86IHN0cmluZztcbn1cblxuLyoqXG4gKiBDb21iaW5lcyBzZXZlcmFsIGlucHV0IGNvbnRyb2xzIHRvIGludG8gb25lIHZpc3VhbGx5IGNvbnRpbnVvdXNcbiAqIGNvbnRyb2xcbiAqXG4gKiBTdXBwb3J0cyB0aGUgZm9sbG93aW5nIGNvbXBvbmVudHM6XG4gKiAtIFRleHRGaWVsZFxuICogLSBTZWxlY3RcbiAqIC0gQnV0dG9uXG4gKiAtIEljb25CdXR0b25Hcm91cFxuICovXG5mdW5jdGlvbiBDb21ib0ZpZWxkKHtcbiAgY2hpbGRyZW4sXG4gIGNsYXNzTmFtZSxcbiAgbGFyZ2UgPSBmYWxzZSxcbiAgYnV0dG9uQm9yZGVyLFxuICBidXR0b25GdWxsV2lkdGgsXG4gIGFsaWduLFxuICAuLi5yZXN0XG59OiBDb21ib0ZpZWxkUHJvcHMpIHtcbiAgY2hpbGRyZW4gPSBSZWFjdC5DaGlsZHJlbi5tYXAoY2hpbGRyZW4sIGNoaWxkID0+IGF1Z21lbnQoY2hpbGQsIHsgbGFyZ2UgfSkpO1xuXG4gIHJldHVybiAoXG4gICAgPGRpdiBjbGFzc05hbWU9e2NsYXNzbmFtZXMoXCJjb21iby1maWVsZFwiLCBjbGFzc05hbWUpfSB7Li4ucmVzdH0+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgICA8c3R5bGUganN4PntgXG4gICAgICAgIC5jb21iby1maWVsZCB7XG4gICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICBhbGlnbi1pdGVtczogJHthbGlnbiA/IGFsaWduIDogXCJmbGV4LWVuZFwifTtcbiAgICAgICAgICBtYXJnaW4tYm90dG9tOiAxcHg7XG4gICAgICAgIH1cblxuICAgICAgICA6Z2xvYmFsKC5jb21iby1maWVsZCA+IGJ1dHRvbikge1xuICAgICAgICAgIHdpZHRoOiAke2J1dHRvbkZ1bGxXaWR0aCA/IFwiMTAwJVwiIDogXCJcIn07XG4gICAgICAgIH1cblxuICAgICAgICAuY29tYm8tZmllbGRcbiAgICAgICAgICA+IDpnbG9iYWwoKjpub3QoOmxhc3QtY2hpbGQpKVxuICAgICAgICAgIDpnbG9iYWwoLm1kYy10ZXh0LWZpZWxkOm5vdCgubWRjLXRleHQtZmllbGQtLWZvY3VzZWQpKVxuICAgICAgICAgIDpnbG9iYWwoLm1kYy1ub3RjaGVkLW91dGxpbmVfX3RyYWlsaW5nKSxcbiAgICAgICAgLmNvbWJvLWZpZWxkXG4gICAgICAgICAgPiA6Z2xvYmFsKCo6bm90KDpsYXN0LWNoaWxkKSlcbiAgICAgICAgICA6Z2xvYmFsKC5tZGMtc2VsZWN0Om5vdCgubWRjLXNlbGVjdC0tZm9jdXNlZCkpXG4gICAgICAgICAgOmdsb2JhbCgubWRjLW5vdGNoZWQtb3V0bGluZV9fdHJhaWxpbmcpLFxuICAgICAgICAuY29tYm8tZmllbGQgOmdsb2JhbCgubWRjLWJ1dHRvbi0tY29udHJvbDpub3QoOmxhc3QtY2hpbGQpOm5vdCg6Zm9jdXMpKSxcbiAgICAgICAgLmNvbWJvLWZpZWxkIDpnbG9iYWwoLmljb24tYnV0dG9uLWdyb3VwOm5vdCg6bGFzdC1jaGlsZCk6OmFmdGVyKSB7XG4gICAgICAgICAgYm9yZGVyLXJpZ2h0LWNvbG9yOiAke2J1dHRvbkJvcmRlciA/IFwiXCIgOiBcInRyYW5zcGFyZW50XCJ9O1xuICAgICAgICAgIGJvcmRlci10b3AtcmlnaHQtcmFkaXVzOiAwO1xuICAgICAgICAgIGJvcmRlci1ib3R0b20tcmlnaHQtcmFkaXVzOiAwO1xuICAgICAgICAgIG1hcmdpbi1yaWdodDogLTFweDtcbiAgICAgICAgfVxuXG4gICAgICAgIC5jb21iby1maWVsZFxuICAgICAgICAgID4gOmdsb2JhbCgqOm5vdCg6Zmlyc3QtY2hpbGQpKVxuICAgICAgICAgIDpnbG9iYWwoLm1kYy10ZXh0LWZpZWxkOm5vdCgubWRjLXRleHQtZmllbGQtLWZvY3VzZWQpKVxuICAgICAgICAgIDpnbG9iYWwoLm1kYy1ub3RjaGVkLW91dGxpbmVfX2xlYWRpbmcpLFxuICAgICAgICAuY29tYm8tZmllbGRcbiAgICAgICAgICA+IDpnbG9iYWwoKjpub3QoOmZpcnN0LWNoaWxkKSlcbiAgICAgICAgICA6Z2xvYmFsKC5tZGMtc2VsZWN0Om5vdCgubWRjLXNlbGVjdC0tZm9jdXNlZCkpXG4gICAgICAgICAgOmdsb2JhbCgubWRjLW5vdGNoZWQtb3V0bGluZV9fbGVhZGluZyksXG4gICAgICAgIC5jb21iby1maWVsZFxuICAgICAgICAgIDpnbG9iYWwoLm1kYy1idXR0b24tLWNvbnRyb2w6bm90KDpmaXJzdC1jaGlsZCk6bm90KDpmb2N1cykpLFxuICAgICAgICAuY29tYm8tZmllbGQgOmdsb2JhbCguaWNvbi1idXR0b24tZ3JvdXA6bm90KDpmaXJzdC1jaGlsZCk6OmFmdGVyKSB7XG4gICAgICAgICAgYm9yZGVyLWxlZnQtY29sb3I6IHRyYW5zcGFyZW50O1xuICAgICAgICAgIGJvcmRlci10b3AtbGVmdC1yYWRpdXM6IDA7XG4gICAgICAgICAgYm9yZGVyLWJvdHRvbS1sZWZ0LXJhZGl1czogMDtcbiAgICAgICAgICBtYXJnaW4tbGVmdDogLTFweDtcbiAgICAgICAgfVxuICAgICAgYH08L3N0eWxlPlxuICAgIDwvZGl2PlxuICApO1xufVxuXG5leHBvcnQgZGVmYXVsdCBDb21ib0ZpZWxkO1xuXG4vKiBBdWdtZW50IHRoZSBwYXNzZWQgZWxlbWVudHMgKi9cbmZ1bmN0aW9uIGF1Z21lbnQoXG4gIGVsZW1lbnQ6IFJlYWN0LlJlYWN0RWxlbWVudCxcbiAgeyBsYXJnZSB9OiB7IGxhcmdlOiBib29sZWFuIH1cbik6IFJlYWN0LlJlYWN0RWxlbWVudCB7XG4gIHN3aXRjaCAoZWxlbWVudC50eXBlKSB7XG4gICAgY2FzZSBDb21ib0ZpZWxkRXhwYW5kZXI6XG4gICAgICByZXR1cm4gUmVhY3QuY2xvbmVFbGVtZW50KFxuICAgICAgICBlbGVtZW50LFxuICAgICAgICB7fSxcbiAgICAgICAgYXVnbWVudChSZWFjdC5DaGlsZHJlbi5vbmx5KGVsZW1lbnQucHJvcHMuY2hpbGRyZW4pLCB7IGxhcmdlIH0pXG4gICAgICApO1xuICAgIGNhc2UgVGV4dEZpZWxkOlxuICAgIGNhc2UgU2VsZWN0OlxuICAgICAgLy8gRm9yY2UgdGV4dC1maWVsZCBvciBzZWxlY3QgdG8gYmUgbGFyZ2UgaWYgbmVlZGVkXG4gICAgICBlbGVtZW50ID0gUmVhY3QuY2xvbmVFbGVtZW50KGVsZW1lbnQsIHsgbGFyZ2UgfSk7XG4gICAgICBicmVhaztcbiAgICBjYXNlIEJ1dHRvbjpcbiAgICAgIC8vIEZvcmNlIHRoZSBidXR0b24gdG8gYmUgdGhlIGNvbnRyb2wgc3R5bGVcbiAgICAgIGVsZW1lbnQgPSBSZWFjdC5jbG9uZUVsZW1lbnQoZWxlbWVudCwgeyBjb250cm9sOiB0cnVlLCBkZW5zZTogIWxhcmdlIH0pO1xuICAgICAgYnJlYWs7XG4gICAgY2FzZSBJY29uQnV0dG9uR3JvdXA6XG4gICAgICAvLyBFbnN1cmUgdGhlIHNpemUgb2YgdGhlIGJ1dHRvbiBtYXRjaGVzIHRoZSBoZWlnaHRcbiAgICAgIGVsZW1lbnQgPSBSZWFjdC5jbG9uZUVsZW1lbnQoZWxlbWVudCwge1xuICAgICAgICBzaXplOiBsYXJnZSA/IFwiMy41cmVtXCIgOiB1bmRlZmluZWQsXG4gICAgICAgIGlzT3V0bGluZWRPbkZvY3VzOiB0cnVlLFxuICAgICAgfSk7XG4gICAgICBicmVhaztcbiAgICBkZWZhdWx0OlxuICAgICAgaWYgKHByb2Nlc3MuZW52Lk5PREVfRU5WICE9PSBcInByb2R1Y3Rpb25cIikge1xuICAgICAgICBjb25zb2xlLndhcm4oXG4gICAgICAgICAgXCJbQ29tYm9GaWVsZF0gdW5zdXBwb3J0ZWQgZWxlbWVudCB0eXBlXCIsXG4gICAgICAgICAgZ2V0RWxlbWVudERpc3BsYXlOYW1lKGVsZW1lbnQpXG4gICAgICAgICk7XG4gICAgICB9XG4gIH1cblxuICByZXR1cm4gZWxlbWVudDtcbn1cbiJdfQ== */
+/*@ sourceURL=combo-field.tsx */`));
+}
+ComboField.propTypes = {
+  children: _pt__default["default"].any.isRequired,
+  className: _pt__default["default"].string,
+  large: _pt__default["default"].bool,
+  buttonBorder: _pt__default["default"].bool,
+  buttonFullWidth: _pt__default["default"].bool,
+  align: _pt__default["default"].string
+};
+
+/* Augment the passed elements */
+function augment(element, _ref2) {
+  let {
+    large
+  } = _ref2;
+  switch (element.type) {
+    case comboFieldExpander:
+      return /*#__PURE__*/React__default["default"].cloneElement(element, {}, augment(React__default["default"].Children.only(element.props.children), {
+        large
+      }));
+    case textField:
+    case select:
+      // Force text-field or select to be large if needed
+      element = /*#__PURE__*/React__default["default"].cloneElement(element, {
+        large
+      });
+      break;
+    case button:
+      // Force the button to be the control style
+      element = /*#__PURE__*/React__default["default"].cloneElement(element, {
+        control: true,
+        dense: !large
+      });
+      break;
+    case iconButtonGroup:
+      // Ensure the size of the button matches the height
+      element = /*#__PURE__*/React__default["default"].cloneElement(element, {
+        size: large ? "3.5rem" : undefined,
+        isOutlinedOnFocus: true
+      });
+      break;
+    default:
+      if (process.env.NODE_ENV !== "production") {
+        console.warn("[ComboField] unsupported element type", getElementDisplayName.getElementDisplayName(element));
+      }
+  }
+  return element;
+}
+
+module.exports = ComboField;

package/donation/cjs/components/date-picker/single-date-picker.js

@@ -0,0 +1,83 @@
+'use strict';
+
+var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
+var _pt = require('prop-types');
+var _JSXStyle = require('styled-jsx/style');
+var React = require('react');
+var reactDates = require('react-dates');
+var theme = require('../../theme/theme.js');
+var stack = require('../layout/stack.js');
+var fieldLabel = require('../field-helpers/field-label.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);
+
+const _excluded = ["width", "color", "onDateChange", "onFocusChange", "numberOfMonths", "error", "label", "focused", "required", "id"];
+const CustomSingleDatePicker = _ref => {
+  let {
+      width,
+      color = "primary",
+      onDateChange,
+      onFocusChange,
+      numberOfMonths = 1,
+      error,
+      label,
+      focused = false,
+      required = true,
+      id
+    } = _ref,
+    rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
+  const theme$1 = theme.useTheme();
+  const setColor = theme.getColorToken(theme$1, "foreground", color);
+  return /*#__PURE__*/React__default["default"].createElement("div", {
+    className: _JSXStyle__default["default"].dynamic([["1528212715", [width, theme$1.typography.fontFamily.brand, id, error ? "#b00020" : "#dbdbdb", setColor, setColor, setColor, setColor, setColor, setColor, setColor]]]) + " " + "calendar-container"
+  }, /*#__PURE__*/React__default["default"].createElement(stack, {
+    direction: "column",
+    gap: "0.5rem 0"
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    className: _JSXStyle__default["default"].dynamic([["1528212715", [width, theme$1.typography.fontFamily.brand, id, error ? "#b00020" : "#dbdbdb", setColor, setColor, setColor, setColor, setColor, setColor, setColor]]])
+  }, label && /*#__PURE__*/React__default["default"].createElement(fieldLabel, {
+    required: required
+  }, label)), /*#__PURE__*/React__default["default"].createElement("div", {
+    className: _JSXStyle__default["default"].dynamic([["1528212715", [width, theme$1.typography.fontFamily.brand, id, error ? "#b00020" : "#dbdbdb", setColor, setColor, setColor, setColor, setColor, setColor, setColor]]]) + " " + `date_picker_${id}`
+  }, /*#__PURE__*/React__default["default"].createElement(reactDates.SingleDatePicker, _rollupPluginBabelHelpers["extends"]({
+    id: id,
+    numberOfMonths: numberOfMonths,
+    onDateChange: onDateChange,
+    onFocusChange: e => onFocusChange(e.focused),
+    focused: focused
+  }, rest)))), /*#__PURE__*/React__default["default"].createElement(_JSXStyle__default["default"], {
+    id: "1528212715",
+    dynamic: [width, theme$1.typography.fontFamily.brand, id, error ? "#b00020" : "#dbdbdb", setColor, setColor, setColor, setColor, setColor, setColor, setColor]
+  }, `.SingleDatePicker{width:${width};}.SingleDatePickerInput{width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}.DateInput{width:100%;}.calendar-container.__jsx-style-dynamic-selector{font-family:${theme$1.typography.fontFamily.brand};}.date_picker_${id} .SingleDatePickerInput__withBorder{border-width:2px !important;border-radius:4px !important;border-color:${error ? "#b00020" : "#dbdbdb"};}.SingleDatePickerInput__withBorder:hover{border-width:1px !important;border-color:#000000 !important;}.SingleDatePickerInput__withBorder:focus-within{border-width:2px !important;border-color:${setColor} !important;}.DateInput_input{font-weight:500 !important;font-size:15px;}.DayPickerKeyboardShortcuts_show__bottomRight::before{border-right:33px solid ${setColor} !important;}.DateInput_input__focused{border:none;}.CalendarDay__selected_span{background:${setColor};color:white;opacity:0.7;border:1px solid white;}.CalendarDay__selected{background:${setColor};color:white;border:1px double white;}.CalendarDay__selected:hover{background:${setColor};color:white;border:1px double white;}.CalendarDay__selected_span:active,.CalendarDay__selected_span:hover{background:${setColor};opacity:0.5;}.CalendarDay__hovered_span:hover,.CalendarDay__hovered_span{background:${setColor};color:white;}
+/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNpbmdsZS1kYXRlLXBpY2tlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBbUVrQixBQUc4QyxBQUd4QixBQUlBLEFBRzhCLEFBR2IsQUFLQSxBQUlBLEFBSUQsQUFJcUMsQUFHcEQsQUFHNEIsQUFPQSxBQU1BLEFBTUEsQUFLQyxXQXhENUIsQUFJZixDQTBCQSxlQVBpQixDQWJjLEFBS0csQUFJcUIsT0F0QnZELEtBb0NjLEFBT0EsQUFNQSxBQU1BLENBN0NkLEFBa0RjLENBakNkLFVBVWMsQUFPWSxBQU1BLEFBTTFCLENBS0EsSUEvQzRDLEdBSzVDLElBV0EsQUFReUIsWUFPekIsQUFNQSxLQTVCQSxJQW5CQSxFQW1DQSxZQXhCQSIsImZpbGUiOiJzaW5nbGUtZGF0ZS1waWNrZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHsgU2luZ2xlRGF0ZVBpY2tlciB9IGZyb20gXCJyZWFjdC1kYXRlc1wiO1xuXG5pbXBvcnQgeyB1c2VUaGVtZSwgZ2V0Q29sb3JUb2tlbiB9IGZyb20gXCIuLi8uLi90aGVtZS90aGVtZVwiO1xuXG5pbXBvcnQgeyBGaWVsZExhYmVsIH0gZnJvbSBcIi4uL2ZpZWxkLWhlbHBlcnNcIjtcbmltcG9ydCB7IFN0YWNrIH0gZnJvbSBcIi4uL2xheW91dFwiO1xuaW1wb3J0IG1vbWVudCwgeyBNb21lbnQgfSBmcm9tIFwibW9tZW50XCI7XG5cbmV4cG9ydCBpbnRlcmZhY2UgRGF0ZVBpY2tlclByb3BzIHtcbiAgaWQ6IHN0cmluZztcbiAgZGF0ZTogbW9tZW50Lk1vbWVudCB8IG51bGw7XG4gIG9uRGF0ZUNoYW5nZTogKGRhdGU6IG1vbWVudC5Nb21lbnQgfCBudWxsKSA9PiB2b2lkO1xuICBvbkZvY3VzQ2hhbmdlOiAoYXJnOiBib29sZWFuIHwgbnVsbCkgPT4gdm9pZDtcbiAgZm9jdXNlZDogYm9vbGVhbiB8IG51bGw7XG4gIHBsYWNlaG9sZGVyPzogc3RyaW5nO1xuICBkaXNhYmxlZD86IGJvb2xlYW47XG4gIGNvbG9yPzogc3RyaW5nO1xuICByZXF1aXJlZD86IGJvb2xlYW47XG4gIG51bWJlck9mTW9udGhzPzogbnVtYmVyO1xuICBpbnB1dEljb25Qb3NpdGlvbj86IFwiYmVmb3JlXCIgfCBcImFmdGVyXCI7XG4gIG9yaWVudGF0aW9uPzogXCJob3Jpem9udGFsXCIgfCBcInZlcnRpY2FsXCI7XG4gIGN1c3RvbUlucHV0SWNvbj86IFJlYWN0LlJlYWN0RWxlbWVudDxSZWFjdC5IVE1MUHJvcHM8SFRNTE9yU1ZHRWxlbWVudD4+O1xuICBjdXN0b21DbG9zZUljb24/OiBSZWFjdC5SZWFjdEVsZW1lbnQ8UmVhY3QuSFRNTFByb3BzPEhUTUxPclNWR0VsZW1lbnQ+PjtcbiAgZGlzcGxheUZvcm1hdD86IHN0cmluZztcbiAgZXJyb3I/OiBib29sZWFuO1xuICBsYWJlbD86IHN0cmluZztcbiAgd2lkdGg/OiBzdHJpbmc7XG4gIGlzT3V0c2lkZVJhbmdlPzogKGRheTogTW9tZW50KSA9PiBib29sZWFuO1xuICBzaG93RGVmYXVsdElucHV0SWNvbj86IGJvb2xlYW47XG59XG5cbmNvbnN0IEN1c3RvbVNpbmdsZURhdGVQaWNrZXIgPSAoe1xuICB3aWR0aCxcbiAgY29sb3IgPSBcInByaW1hcnlcIixcbiAgb25EYXRlQ2hhbmdlLFxuICBvbkZvY3VzQ2hhbmdlLFxuICBudW1iZXJPZk1vbnRocyA9IDEsXG4gIGVycm9yLFxuICBsYWJlbCxcbiAgZm9jdXNlZCA9IGZhbHNlLFxuICByZXF1aXJlZCA9IHRydWUsXG4gIGlkLFxuICAuLi5yZXN0XG59OiBEYXRlUGlja2VyUHJvcHMpID0+IHtcbiAgY29uc3QgdGhlbWUgPSB1c2VUaGVtZSgpO1xuICBjb25zdCBzZXRDb2xvciA9IGdldENvbG9yVG9rZW4odGhlbWUsIFwiZm9yZWdyb3VuZFwiLCBjb2xvcik7XG5cbiAgcmV0dXJuIChcbiAgICA8ZGl2IGNsYXNzTmFtZT1cImNhbGVuZGFyLWNvbnRhaW5lclwiPlxuICAgICAgPFN0YWNrIGRpcmVjdGlvbj1cImNvbHVtblwiIGdhcD1cIjAuNXJlbSAwXCI+XG4gICAgICAgIDxkaXY+XG4gICAgICAgICAge2xhYmVsICYmIDxGaWVsZExhYmVsIHJlcXVpcmVkPXtyZXF1aXJlZH0+e2xhYmVsfTwvRmllbGRMYWJlbD59XG4gICAgICAgIDwvZGl2PlxuICAgICAgICA8ZGl2IGNsYXNzTmFtZT17YGRhdGVfcGlja2VyXyR7aWR9YH0+XG4gICAgICAgICAgPFNpbmdsZURhdGVQaWNrZXJcbiAgICAgICAgICAgIGlkPXtpZH1cbiAgICAgICAgICAgIG51bWJlck9mTW9udGhzPXtudW1iZXJPZk1vbnRoc31cbiAgICAgICAgICAgIG9uRGF0ZUNoYW5nZT17b25EYXRlQ2hhbmdlfVxuICAgICAgICAgICAgb25Gb2N1c0NoYW5nZT17KGU6IHsgZm9jdXNlZDogYm9vbGVhbiB8IG51bGwgfSkgPT5cbiAgICAgICAgICAgICAgb25Gb2N1c0NoYW5nZShlLmZvY3VzZWQpXG4gICAgICAgICAgICB9XG4gICAgICAgICAgICBmb2N1c2VkPXtmb2N1c2VkIGFzIGJvb2xlYW59XG4gICAgICAgICAgICB7Li4ucmVzdH1cbiAgICAgICAgICAvPlxuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvU3RhY2s+XG4gICAgICA8c3R5bGUganN4PntgXG4gICAgICAgIDpnbG9iYWwoLlNpbmdsZURhdGVQaWNrZXIpIHtcbiAgICAgICAgICB3aWR0aDogJHt3aWR0aH07XG4gICAgICAgIH1cbiAgICAgICAgOmdsb2JhbCguU2luZ2xlRGF0ZVBpY2tlcklucHV0KSB7XG4gICAgICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgfVxuICAgICAgICA6Z2xvYmFsKC5EYXRlSW5wdXQpIHtcbiAgICAgICAgICB3aWR0aDogMTAwJTtcbiAgICAgICAgfVxuICAgICAgICAuY2FsZW5kYXItY29udGFpbmVyIHtcbiAgICAgICAgICBmb250LWZhbWlseTogJHt0aGVtZS50eXBvZ3JhcGh5LmZvbnRGYW1pbHkuYnJhbmR9O1xuICAgICAgICB9XG4gICAgICAgIDpnbG9iYWwoLmRhdGVfcGlja2VyXyR7aWR9IC5TaW5nbGVEYXRlUGlja2VySW5wdXRfX3dpdGhCb3JkZXIpIHtcbiAgICAgICAgICBib3JkZXItd2lkdGg6IDJweCAhaW1wb3J0YW50O1xuICAgICAgICAgIGJvcmRlci1yYWRpdXM6IDRweCAhaW1wb3J0YW50O1xuICAgICAgICAgIGJvcmRlci1jb2xvcjogJHtlcnJvciA/IFwiI2IwMDAyMFwiIDogXCIjZGJkYmRiXCJ9O1xuICAgICAgICB9XG4gICAgICAgIDpnbG9iYWwoLlNpbmdsZURhdGVQaWNrZXJJbnB1dF9fd2l0aEJvcmRlcjpob3Zlcikge1xuICAgICAgICAgIGJvcmRlci13aWR0aDogMXB4ICFpbXBvcnRhbnQ7XG4gICAgICAgICAgYm9yZGVyLWNvbG9yOiAjMDAwMDAwICFpbXBvcnRhbnQ7XG4gICAgICAgIH1cbiAgICAgICAgOmdsb2JhbCguU2luZ2xlRGF0ZVBpY2tlcklucHV0X193aXRoQm9yZGVyOmZvY3VzLXdpdGhpbikge1xuICAgICAgICAgIGJvcmRlci13aWR0aDogMnB4ICFpbXBvcnRhbnQ7XG4gICAgICAgICAgYm9yZGVyLWNvbG9yOiAke3NldENvbG9yfSAhaW1wb3J0YW50O1xuICAgICAgICB9XG4gICAgICAgIDpnbG9iYWwoLkRhdGVJbnB1dF9pbnB1dCkge1xuICAgICAgICAgIGZvbnQtd2VpZ2h0OiA1MDAgIWltcG9ydGFudDtcbiAgICAgICAgICBmb250LXNpemU6IDE1cHg7XG4gICAgICAgIH1cbiAgICAgICAgOmdsb2JhbCguRGF5UGlja2VyS2V5Ym9hcmRTaG9ydGN1dHNfc2hvd19fYm90dG9tUmlnaHQ6OmJlZm9yZSkge1xuICAgICAgICAgIGJvcmRlci1yaWdodDogMzNweCBzb2xpZCAke3NldENvbG9yfSAhaW1wb3J0YW50O1xuICAgICAgICB9XG4gICAgICAgIDpnbG9iYWwoLkRhdGVJbnB1dF9pbnB1dF9fZm9jdXNlZCkge1xuICAgICAgICAgIGJvcmRlcjogbm9uZTtcbiAgICAgICAgfVxuICAgICAgICA6Z2xvYmFsKC5DYWxlbmRhckRheV9fc2VsZWN0ZWRfc3Bhbikge1xuICAgICAgICAgIGJhY2tncm91bmQ6ICR7c2V0Q29sb3J9O1xuICAgICAgICAgIGNvbG9yOiB3aGl0ZTtcbiAgICAgICAgICBvcGFjaXR5OiAwLjc7XG4gICAgICAgICAgYm9yZGVyOiAxcHggc29saWQgd2hpdGU7XG4gICAgICAgIH1cblxuICAgICAgICA6Z2xvYmFsKC5DYWxlbmRhckRheV9fc2VsZWN0ZWQpIHtcbiAgICAgICAgICBiYWNrZ3JvdW5kOiAke3NldENvbG9yfTtcbiAgICAgICAgICBjb2xvcjogd2hpdGU7XG4gICAgICAgICAgYm9yZGVyOiAxcHggZG91YmxlIHdoaXRlO1xuICAgICAgICB9XG5cbiAgICAgICAgOmdsb2JhbCguQ2FsZW5kYXJEYXlfX3NlbGVjdGVkOmhvdmVyKSB7XG4gICAgICAgICAgYmFja2dyb3VuZDogJHtzZXRDb2xvcn07XG4gICAgICAgICAgY29sb3I6IHdoaXRlO1xuICAgICAgICAgIGJvcmRlcjogMXB4IGRvdWJsZSB3aGl0ZTtcbiAgICAgICAgfVxuXG4gICAgICAgIDpnbG9iYWwoLkNhbGVuZGFyRGF5X19zZWxlY3RlZF9zcGFuOmFjdGl2ZSwgLkNhbGVuZGFyRGF5X19zZWxlY3RlZF9zcGFuOmhvdmVyKSB7XG4gICAgICAgICAgYmFja2dyb3VuZDogJHtzZXRDb2xvcn07XG4gICAgICAgICAgb3BhY2l0eTogMC41O1xuICAgICAgICB9XG5cbiAgICAgICAgOmdsb2JhbCguQ2FsZW5kYXJEYXlfX2hvdmVyZWRfc3Bhbjpob3ZlciwgLkNhbGVuZGFyRGF5X19ob3ZlcmVkX3NwYW4pIHtcbiAgICAgICAgICBiYWNrZ3JvdW5kOiAke3NldENvbG9yfTtcbiAgICAgICAgICBjb2xvcjogd2hpdGU7XG4gICAgICAgIH1cbiAgICAgIGB9PC9zdHlsZT5cbiAgICA8L2Rpdj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IEN1c3RvbVNpbmdsZURhdGVQaWNrZXI7XG4iXX0= */
+/*@ sourceURL=single-date-picker.tsx */`));
+};
+CustomSingleDatePicker.propTypes = {
+  id: _pt__default["default"].string.isRequired,
+  date: _pt__default["default"].oneOfType([_pt__default["default"].any, _pt__default["default"].oneOf([null])]),
+  onDateChange: _pt__default["default"].func.isRequired,
+  onFocusChange: _pt__default["default"].func.isRequired,
+  focused: _pt__default["default"].oneOfType([_pt__default["default"].bool, _pt__default["default"].oneOf([null])]),
+  placeholder: _pt__default["default"].string,
+  disabled: _pt__default["default"].bool,
+  color: _pt__default["default"].string,
+  required: _pt__default["default"].bool,
+  numberOfMonths: _pt__default["default"].number,
+  inputIconPosition: _pt__default["default"].oneOf(["before", "after"]),
+  orientation: _pt__default["default"].oneOf(["horizontal", "vertical"]),
+  customInputIcon: _pt__default["default"].element,
+  customCloseIcon: _pt__default["default"].element,
+  displayFormat: _pt__default["default"].string,
+  error: _pt__default["default"].bool,
+  label: _pt__default["default"].string,
+  width: _pt__default["default"].string,
+  isOutsideRange: _pt__default["default"].func,
+  showDefaultInputIcon: _pt__default["default"].bool
+};
+var CustomSingleDatePicker$1 = CustomSingleDatePicker;
+
+module.exports = CustomSingleDatePicker$1;

package/donation/cjs/components/elevation/elevation.js

@@ -0,0 +1,61 @@
+'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 box = require('../layout/box.js');
+var nanoid = require('nanoid');
+
+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 = ["dp", "id", "radius", "children", "className", "transition"];
+const Elevation = _ref => {
+  let {
+      dp,
+      id,
+      radius = "4px",
+      children,
+      className,
+      transition
+    } = _ref,
+    res = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
+  const [mainId, setmainId] = React.useState("");
+  React.useEffect(() => {
+    setmainId(id ? id : nanoid.nanoid());
+  }, [id, setmainId]);
+  const scope = {
+    styles: /*#__PURE__*/React__default["default"].createElement(_JSXStyle__default["default"], {
+      id: "1502748446",
+      dynamic: [radius]
+    }, `.elevation.__jsx-style-dynamic-selector{border-radius:${radius};overflow:hidden;}
+/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImVsZXZhdGlvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBK0IyQixBQUdrRCwyQ0FDM0IsZ0JBQ2xCIiwiZmlsZSI6ImVsZXZhdGlvbi50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgdXNlRWZmZWN0LCB1c2VTdGF0ZSB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IGNsYXNzbmFtZXMgZnJvbSBcImNsYXNzbmFtZXNcIjtcbmltcG9ydCBjc3MgZnJvbSBcInN0eWxlZC1qc3gvY3NzXCI7XG5pbXBvcnQgQm94LCB7IEJveFByb3BzIH0gZnJvbSBcIi4uL2xheW91dC9ib3hcIjtcbmltcG9ydCB7IG5hbm9pZCB9IGZyb20gXCJuYW5vaWRcIjtcblxuZXhwb3J0IGludGVyZmFjZSBFbGV2YXRpb25Qcm9wcyBleHRlbmRzIEJveFByb3BzIHtcbiAgZHA/OiBudW1iZXI7XG4gIGlkPzogc3RyaW5nO1xuICBzdHlsZT86IG9iamVjdDtcbiAgcmFkaXVzPzogc3RyaW5nO1xuICBjbGFzc05hbWU/OiBzdHJpbmc7XG4gIHRyYW5zaXRpb24/OiBib29sZWFuO1xuICBjaGlsZHJlbjogUmVhY3QuUmVhY3ROb2RlO1xufVxuXG5jb25zdCBFbGV2YXRpb24gPSAoe1xuICBkcCxcbiAgaWQsXG4gIHJhZGl1cyA9IFwiNHB4XCIsXG4gIGNoaWxkcmVuLFxuICBjbGFzc05hbWUsXG4gIHRyYW5zaXRpb24sXG4gIC4uLnJlc1xufTogRWxldmF0aW9uUHJvcHMpID0+IHtcbiAgY29uc3QgW21haW5JZCwgc2V0bWFpbklkXSA9IHVzZVN0YXRlPHN0cmluZz4oXCJcIik7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBzZXRtYWluSWQoaWQgPyBpZCA6IG5hbm9pZCgpKTtcbiAgfSwgW2lkLCBzZXRtYWluSWRdKTtcblxuICBjb25zdCBzY29wZSA9IGNzcy5yZXNvbHZlYFxuICAgIC5lbGV2YXRpb24ge1xuICAgICAgYm9yZGVyLXJhZGl1czogJHtyYWRpdXN9O1xuICAgICAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgICB9XG4gIGA7XG5cbiAgcmV0dXJuIChcbiAgICA8Qm94XG4gICAgICBpZD17bWFpbklkfVxuICAgICAga2V5PXttYWluSWR9XG4gICAgICBjbGFzc05hbWU9e2NsYXNzbmFtZXMoXG4gICAgICAgIFwiZWxldmF0aW9uXCIsXG4gICAgICAgIHtcbiAgICAgICAgICBcIm1kYy1lbGV2YXRpb24tdHJhbnNpdGlvblwiOiB0cmFuc2l0aW9uLFxuICAgICAgICB9LFxuICAgICAgICBgbWRjLWVsZXZhdGlvbi0teiR7ZHAgPyBkcCA6IDB9YCxcbiAgICAgICAgc2NvcGUuY2xhc3NOYW1lLFxuICAgICAgICBjbGFzc05hbWVcbiAgICAgICl9XG4gICAgICB7Li4ucmVzfVxuICAgID5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICAgIHtzY29wZS5zdHlsZXN9XG4gICAgPC9Cb3g+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBFbGV2YXRpb247XG4iXX0= */
+/*@ sourceURL=elevation.tsx */`),
+    className: _JSXStyle__default["default"].dynamic([["1502748446", [radius]]])
+  };
+  return /*#__PURE__*/React__default["default"].createElement(box, _rollupPluginBabelHelpers["extends"]({
+    id: mainId,
+    key: mainId,
+    className: classnames__default["default"]("elevation", {
+      "mdc-elevation-transition": transition
+    }, `mdc-elevation--z${dp ? dp : 0}`, scope.className, className)
+  }, res), children, scope.styles);
+};
+Elevation.propTypes = {
+  dp: _pt__default["default"].number,
+  id: _pt__default["default"].string,
+  style: _pt__default["default"].object,
+  radius: _pt__default["default"].string,
+  className: _pt__default["default"].string,
+  transition: _pt__default["default"].bool,
+  children: _pt__default["default"].node.isRequired
+};
+var Elevation$1 = Elevation;
+
+module.exports = Elevation$1;

package/donation/cjs/components/field-helpers/field-helper-text.js

@@ -0,0 +1,45 @@
+'use strict';
+
+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);
+
+function FieldHelperText(_ref) {
+  let {
+    hidden,
+    children,
+    error
+  } = _ref;
+  const theme$1 = theme.useTheme();
+  return /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "jsx-1147620172 " + _JSXStyle__default["default"].dynamic([["2504099284", [theme$1.typography.fontFamily.brand]]]) + " " + (classnames__default["default"]("field-helper-text") || "")
+  }, /*#__PURE__*/React__default["default"].createElement("p", {
+    className: "jsx-1147620172 " + _JSXStyle__default["default"].dynamic([["2504099284", [theme$1.typography.fontFamily.brand]]]) + " " + (classnames__default["default"]({
+      hidden,
+      error
+    }) || "")
+  }, error ? error : children), /*#__PURE__*/React__default["default"].createElement(_JSXStyle__default["default"], {
+    id: "1147620172"
+  }, ".field-helper-text.jsx-1147620172{margin-bottom:4px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;}p.jsx-1147620172{color:rgba(0,0,0,0.6);font-size:0.75rem;-webkit-letter-spacing:0;-moz-letter-spacing:0;-ms-letter-spacing:0;letter-spacing:0;margin:0;line-height:19px;-webkit-transition:opacity 150ms ease;transition:opacity 150ms ease;}.hidden.jsx-1147620172{opacity:0;}.error.jsx-1147620172{color:#b00020;}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImZpZWxkLWhlbHBlci10ZXh0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFrQmtCLEFBRzZCLEFBTU8sQUFTZixBQUlJLFVBSGhCLElBSUEsSUFuQmUsSUFNSyxrQkFDRCxvREFOYSxpQ0FPckIsU0FDUSxpQkFDYSx3REFSaEMsWUFTQSIsImZpbGUiOiJmaWVsZC1oZWxwZXItdGV4dC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgY2xhc3NuYW1lcyBmcm9tIFwiY2xhc3NuYW1lc1wiO1xuaW1wb3J0IHsgdXNlVGhlbWUgfSBmcm9tIFwiLi4vLi4vdGhlbWVcIjtcblxudHlwZSBGaWVsZEhlbHBlclRleHRQcm9wcyA9IHtcbiAgaGlkZGVuPzogYm9vbGVhbjtcbiAgZXJyb3I/OiBSZWFjdC5SZWFjdE5vZGU7XG4gIGNoaWxkcmVuPzogUmVhY3QuUmVhY3ROb2RlO1xufTtcblxuZnVuY3Rpb24gRmllbGRIZWxwZXJUZXh0KHsgaGlkZGVuLCBjaGlsZHJlbiwgZXJyb3IgfTogRmllbGRIZWxwZXJUZXh0UHJvcHMpIHtcbiAgY29uc3QgdGhlbWUgPSB1c2VUaGVtZSgpO1xuXG4gIHJldHVybiAoXG4gICAgPGRpdiBjbGFzc05hbWU9e2NsYXNzbmFtZXMoXCJmaWVsZC1oZWxwZXItdGV4dFwiKX0+XG4gICAgICA8cCBjbGFzc05hbWU9e2NsYXNzbmFtZXMoeyBoaWRkZW4sIGVycm9yIH0pfT5cbiAgICAgICAge2Vycm9yID8gZXJyb3IgOiBjaGlsZHJlbn1cbiAgICAgIDwvcD5cbiAgICAgIDxzdHlsZSBqc3g+e2BcbiAgICAgICAgLmZpZWxkLWhlbHBlci10ZXh0IHtcbiAgICAgICAgICBtYXJnaW4tYm90dG9tOiA0cHg7XG4gICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gICAgICAgIH1cblxuICAgICAgICBwIHtcbiAgICAgICAgICBjb2xvcjogcmdiYSgwLCAwLCAwLCAwLjYpO1xuICAgICAgICAgIGZvbnQtc2l6ZTogMC43NXJlbTtcbiAgICAgICAgICBsZXR0ZXItc3BhY2luZzogMDtcbiAgICAgICAgICBtYXJnaW46IDA7XG4gICAgICAgICAgbGluZS1oZWlnaHQ6IDE5cHg7XG4gICAgICAgICAgdHJhbnNpdGlvbjogb3BhY2l0eSAxNTBtcyBlYXNlO1xuICAgICAgICB9XG5cbiAgICAgICAgLmhpZGRlbiB7XG4gICAgICAgICAgb3BhY2l0eTogMDtcbiAgICAgICAgfVxuXG4gICAgICAgIC5lcnJvciB7XG4gICAgICAgICAgY29sb3I6ICNiMDAwMjA7XG4gICAgICAgIH1cbiAgICAgIGB9PC9zdHlsZT5cbiAgICAgIDxzdHlsZSBqc3g+e2BcbiAgICAgICAgcCB7XG4gICAgICAgICAgZm9udC13ZWlnaHQ6IDUwMDtcbiAgICAgICAgICBmb250LWZhbWlseTogJHt0aGVtZS50eXBvZ3JhcGh5LmZvbnRGYW1pbHkuYnJhbmR9O1xuICAgICAgICB9XG4gICAgICBgfTwvc3R5bGU+XG4gICAgPC9kaXY+XG4gICk7XG59XG5cbmV4cG9ydCBkZWZhdWx0IEZpZWxkSGVscGVyVGV4dDtcbiJdfQ== */\n/*@ sourceURL=field-helper-text.tsx */"), /*#__PURE__*/React__default["default"].createElement(_JSXStyle__default["default"], {
+    id: "2504099284",
+    dynamic: [theme$1.typography.fontFamily.brand]
+  }, `p.__jsx-style-dynamic-selector{font-weight:500;font-family:${theme$1.typography.fontFamily.brand};}
+/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImZpZWxkLWhlbHBlci10ZXh0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEwQ2tCLEFBRzJCLGdCQUN5Qix5Q0FDM0MiLCJmaWxlIjoiZmllbGQtaGVscGVyLXRleHQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IGNsYXNzbmFtZXMgZnJvbSBcImNsYXNzbmFtZXNcIjtcbmltcG9ydCB7IHVzZVRoZW1lIH0gZnJvbSBcIi4uLy4uL3RoZW1lXCI7XG5cbnR5cGUgRmllbGRIZWxwZXJUZXh0UHJvcHMgPSB7XG4gIGhpZGRlbj86IGJvb2xlYW47XG4gIGVycm9yPzogUmVhY3QuUmVhY3ROb2RlO1xuICBjaGlsZHJlbj86IFJlYWN0LlJlYWN0Tm9kZTtcbn07XG5cbmZ1bmN0aW9uIEZpZWxkSGVscGVyVGV4dCh7IGhpZGRlbiwgY2hpbGRyZW4sIGVycm9yIH06IEZpZWxkSGVscGVyVGV4dFByb3BzKSB7XG4gIGNvbnN0IHRoZW1lID0gdXNlVGhlbWUoKTtcblxuICByZXR1cm4gKFxuICAgIDxkaXYgY2xhc3NOYW1lPXtjbGFzc25hbWVzKFwiZmllbGQtaGVscGVyLXRleHRcIil9PlxuICAgICAgPHAgY2xhc3NOYW1lPXtjbGFzc25hbWVzKHsgaGlkZGVuLCBlcnJvciB9KX0+XG4gICAgICAgIHtlcnJvciA/IGVycm9yIDogY2hpbGRyZW59XG4gICAgICA8L3A+XG4gICAgICA8c3R5bGUganN4PntgXG4gICAgICAgIC5maWVsZC1oZWxwZXItdGV4dCB7XG4gICAgICAgICAgbWFyZ2luLWJvdHRvbTogNHB4O1xuICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgICAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICAgICAgICB9XG5cbiAgICAgICAgcCB7XG4gICAgICAgICAgY29sb3I6IHJnYmEoMCwgMCwgMCwgMC42KTtcbiAgICAgICAgICBmb250LXNpemU6IDAuNzVyZW07XG4gICAgICAgICAgbGV0dGVyLXNwYWNpbmc6IDA7XG4gICAgICAgICAgbWFyZ2luOiAwO1xuICAgICAgICAgIGxpbmUtaGVpZ2h0OiAxOXB4O1xuICAgICAgICAgIHRyYW5zaXRpb246IG9wYWNpdHkgMTUwbXMgZWFzZTtcbiAgICAgICAgfVxuXG4gICAgICAgIC5oaWRkZW4ge1xuICAgICAgICAgIG9wYWNpdHk6IDA7XG4gICAgICAgIH1cblxuICAgICAgICAuZXJyb3Ige1xuICAgICAgICAgIGNvbG9yOiAjYjAwMDIwO1xuICAgICAgICB9XG4gICAgICBgfTwvc3R5bGU+XG4gICAgICA8c3R5bGUganN4PntgXG4gICAgICAgIHAge1xuICAgICAgICAgIGZvbnQtd2VpZ2h0OiA1MDA7XG4gICAgICAgICAgZm9udC1mYW1pbHk6ICR7dGhlbWUudHlwb2dyYXBoeS5mb250RmFtaWx5LmJyYW5kfTtcbiAgICAgICAgfVxuICAgICAgYH08L3N0eWxlPlxuICAgIDwvZGl2PlxuICApO1xufVxuXG5leHBvcnQgZGVmYXVsdCBGaWVsZEhlbHBlclRleHQ7XG4iXX0= */
+/*@ sourceURL=field-helper-text.tsx */`));
+}
+FieldHelperText.propTypes = {
+  hidden: _pt__default["default"].bool,
+  error: _pt__default["default"].node,
+  children: _pt__default["default"].node
+};
+
+module.exports = FieldHelperText;

package/donation/cjs/components/field-helpers/field-label.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 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 = ["large", "className", "children", "required", "asteriskColor"];
+function FieldLabel(_ref) {
+  let {
+      large,
+      className,
+      children,
+      required,
+      asteriskColor
+    } = _ref,
+    rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
+  const theme$1 = theme.useTheme();
+  return /*#__PURE__*/React__default["default"].createElement("label", _rollupPluginBabelHelpers["extends"]({}, rest, {
+    className: _JSXStyle__default["default"].dynamic([["1420289089", [theme$1.typography.fontFamily.brand]]]) + " " + (rest && rest.className != null && rest.className || classnames__default["default"]("field-label", {
+      "field-label--dense": !large
+    }, className) || "")
+  }), children, required ? /*#__PURE__*/React__default["default"].createElement("span", {
+    style: {
+      color: asteriskColor
+    },
+    className: _JSXStyle__default["default"].dynamic([["1420289089", [theme$1.typography.fontFamily.brand]]])
+  }, "*") : null, /*#__PURE__*/React__default["default"].createElement(_JSXStyle__default["default"], {
+    id: "1420289089",
+    dynamic: [theme$1.typography.fontFamily.brand]
+  }, `.field-label.__jsx-style-dynamic-selector{font-weight:500;font-family:${theme$1.typography.fontFamily.brand};font-size:0.875rem;margin:0.5rem 0;display:inline-block;-webkit-letter-spacing:0.00937rem;-moz-letter-spacing:0.00937rem;-ms-letter-spacing:0.00937rem;letter-spacing:0.00937rem;color:rgba(0,0,0,0.6);line-height:1rem;}.field-label--dense.__jsx-style-dynamic-selector{font-size:0.75rem;}
+/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImZpZWxkLWxhYmVsLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFrQ2tCLEFBRzJCLEFBV0UsZ0JBVnVCLEVBVzNDLHVDQVZxQixtQkFDSCxnQkFDSyxxQkFDSyx5SEFDRCxzQkFDUixpQkFDbkIiLCJmaWxlIjoiZmllbGQtbGFiZWwudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IGNsYXNzbmFtZXMgZnJvbSBcImNsYXNzbmFtZXNcIjtcbmltcG9ydCB7IHVzZVRoZW1lIH0gZnJvbSBcIi4uLy4uL3RoZW1lXCI7XG5cbmludGVyZmFjZSBGaWVsZExhYmVsUHJvcHMgZXh0ZW5kcyBSZWFjdC5IVE1MUHJvcHM8SFRNTExhYmVsRWxlbWVudD4ge1xuICBsYXJnZT86IGJvb2xlYW47XG4gIGNoaWxkcmVuPzogUmVhY3QuUmVhY3ROb2RlO1xuICByZXF1aXJlZD86IGJvb2xlYW47XG4gIGFzdGVyaXNrQ29sb3I/OiBzdHJpbmc7XG59XG5cbmZ1bmN0aW9uIEZpZWxkTGFiZWwoe1xuICBsYXJnZSxcbiAgY2xhc3NOYW1lLFxuICBjaGlsZHJlbixcbiAgcmVxdWlyZWQsXG4gIGFzdGVyaXNrQ29sb3IsXG4gIC4uLnJlc3Rcbn06IEZpZWxkTGFiZWxQcm9wcykge1xuICBjb25zdCB0aGVtZSA9IHVzZVRoZW1lKCk7XG5cbiAgcmV0dXJuIChcbiAgICA8bGFiZWxcbiAgICAgIGNsYXNzTmFtZT17Y2xhc3NuYW1lcyhcbiAgICAgICAgXCJmaWVsZC1sYWJlbFwiLFxuICAgICAgICB7XG4gICAgICAgICAgXCJmaWVsZC1sYWJlbC0tZGVuc2VcIjogIWxhcmdlLFxuICAgICAgICB9LFxuICAgICAgICBjbGFzc05hbWVcbiAgICAgICl9XG4gICAgICB7Li4ucmVzdH1cbiAgICA+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgICB7cmVxdWlyZWQgPyA8c3BhbiBzdHlsZT17eyBjb2xvcjogYXN0ZXJpc2tDb2xvciB9fT4qPC9zcGFuPiA6IG51bGx9XG4gICAgICA8c3R5bGUganN4PntgXG4gICAgICAgIC5maWVsZC1sYWJlbCB7XG4gICAgICAgICAgZm9udC13ZWlnaHQ6IDUwMDtcbiAgICAgICAgICBmb250LWZhbWlseTogJHt0aGVtZS50eXBvZ3JhcGh5LmZvbnRGYW1pbHkuYnJhbmR9O1xuICAgICAgICAgIGZvbnQtc2l6ZTogMC44NzVyZW07XG4gICAgICAgICAgbWFyZ2luOiAwLjVyZW0gMDtcbiAgICAgICAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gICAgICAgICAgbGV0dGVyLXNwYWNpbmc6IDAuMDA5MzdyZW07XG4gICAgICAgICAgY29sb3I6IHJnYmEoMCwgMCwgMCwgMC42KTtcbiAgICAgICAgICBsaW5lLWhlaWdodDogMXJlbTtcbiAgICAgICAgfVxuXG4gICAgICAgIC5maWVsZC1sYWJlbC0tZGVuc2Uge1xuICAgICAgICAgIGZvbnQtc2l6ZTogMC43NXJlbTtcbiAgICAgICAgfVxuICAgICAgYH08L3N0eWxlPlxuICAgIDwvbGFiZWw+XG4gICk7XG59XG5cbmV4cG9ydCBkZWZhdWx0IEZpZWxkTGFiZWw7XG4iXX0= */
+/*@ sourceURL=field-label.tsx */`));
+}
+FieldLabel.propTypes = {
+  large: _pt__default["default"].bool,
+  children: _pt__default["default"].node,
+  required: _pt__default["default"].bool,
+  asteriskColor: _pt__default["default"].string
+};
+
+module.exports = FieldLabel;

package/donation/cjs/components/icon/heart-toggle.js

@@ -0,0 +1,49 @@
+'use strict';
+
+var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
+var React = require('react');
+var MDCIconButton = require('@material/react-icon-button');
+var omit = require('lodash/omit');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var MDCIconButton__default = /*#__PURE__*/_interopDefaultLegacy(MDCIconButton);
+var omit__default = /*#__PURE__*/_interopDefaultLegacy(omit);
+
+const _excluded = ["active", "inactive", "value", "onChange", "onClick"];
+const HeartToggle = /*#__PURE__*/React.forwardRef(function HeartToggle(_ref, ref) {
+  let {
+      active,
+      inactive,
+      value,
+      onChange,
+      onClick
+    } = _ref,
+    rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
+  const handleClick = e => {
+    e.preventDefault();
+    const newValue = !value;
+    if (onChange) {
+      onChange(newValue);
+    } else if (onClick) {
+      onClick(e);
+    }
+  };
+
+  // Filter out invalid props such as onPointerEnterCapture and onPointerLeaveCapture
+  const filteredProps = omit__default["default"](_rollupPluginBabelHelpers.objectSpread2({
+    onClick: handleClick,
+    ref,
+    // aria-pressed controls whether or not the button is in the 'pressed' state
+    // however the icon that shows does not respect this, the icon that is set to isOn will always show first,
+    // regardless of the aria-pressed state
+    // as a workaround the initial value is captured and used to decide which IconToggle represents the 'on' state
+    "aria-pressed": value
+  }, rest), ["onPointerEnterCapture", "onPointerLeaveCapture"] // Remove invalid props
+  );
+  return /*#__PURE__*/React__default["default"].createElement(MDCIconButton__default["default"], filteredProps, /*#__PURE__*/React__default["default"].createElement("span", null, value ? active : inactive));
+});
+var HeartToggle$1 = HeartToggle;
+
+module.exports = HeartToggle$1;

package/donation/cjs/components/icon/icon-button-group.js

@@ -0,0 +1,49 @@
+'use strict';
+
+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);
+
+function IconButtonGroup(_ref) {
+  let {
+    children,
+    size,
+    isOutlinedOnFocus
+  } = _ref;
+  const theme$1 = theme.useTheme();
+  children = React__default["default"].Children.map(children, child => /*#__PURE__*/React__default["default"].cloneElement(child, {
+    size
+  }));
+  const scope = {
+    styles: /*#__PURE__*/React__default["default"].createElement(_JSXStyle__default["default"], {
+      id: "3389486541",
+      dynamic: [theme$1.color.foreground.primary]
+    }, `.icon-button-group.icon-button-group--outline-on-focus.__jsx-style-dynamic-selector:focus-within.__jsx-style-dynamic-selector::after{border-color:${theme$1.color.foreground.primary};border-radius:4px;}
+/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImljb24tYnV0dG9uLWdyb3VwLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFzQjJCLEFBR2lELDBDQUN4QixrQkFDcEIiLCJmaWxlIjoiaWNvbi1idXR0b24tZ3JvdXAudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IGNsYXNzbmFtZXMgZnJvbSBcImNsYXNzbmFtZXNcIjtcbmltcG9ydCB7IHVzZVRoZW1lIH0gZnJvbSBcIi4uLy4uL3RoZW1lL3RoZW1lXCI7XG5pbXBvcnQgY3NzIGZyb20gXCJzdHlsZWQtanN4L2Nzc1wiO1xuXG5pbnRlcmZhY2UgSWNvbkJ1dHRvbkdyb3VwUHJvcHMge1xuICBjaGlsZHJlbjogQXJyYXk8UmVhY3QuUmVhY3RFbGVtZW50PiB8IFJlYWN0LlJlYWN0RWxlbWVudDtcbiAgc2l6ZT86IHN0cmluZztcbiAgaXNPdXRsaW5lZE9uRm9jdXM/OiBib29sZWFuO1xufVxuXG5mdW5jdGlvbiBJY29uQnV0dG9uR3JvdXAoe1xuICBjaGlsZHJlbixcbiAgc2l6ZSxcbiAgaXNPdXRsaW5lZE9uRm9jdXMsXG59OiBJY29uQnV0dG9uR3JvdXBQcm9wcykge1xuICBjb25zdCB0aGVtZSA9IHVzZVRoZW1lKCk7XG5cbiAgY2hpbGRyZW4gPSBSZWFjdC5DaGlsZHJlbi5tYXAoY2hpbGRyZW4sIChjaGlsZDogUmVhY3QuUmVhY3RFbGVtZW50KSA9PlxuICAgIFJlYWN0LmNsb25lRWxlbWVudChjaGlsZCwgeyBzaXplIH0pXG4gICk7XG5cbiAgY29uc3Qgc2NvcGUgPSBjc3MucmVzb2x2ZWBcbiAgICAuaWNvbi1idXR0b24tZ3JvdXAuaWNvbi1idXR0b24tZ3JvdXAtLW91dGxpbmUtb24tZm9jdXM6Zm9jdXMtd2l0aGluOjphZnRlciB7XG4gICAgICBib3JkZXItY29sb3I6ICR7dGhlbWUuY29sb3IuZm9yZWdyb3VuZC5wcmltYXJ5fTtcbiAgICAgIGJvcmRlci1yYWRpdXM6IDRweDtcbiAgICB9XG4gIGA7XG5cbiAgcmV0dXJuIChcbiAgICA8ZGl2XG4gICAgICBjbGFzc05hbWU9e2NsYXNzbmFtZXMoXG4gICAgICAgIFwiaWNvbi1idXR0b24tZ3JvdXBcIixcbiAgICAgICAge1xuICAgICAgICAgIFwiaWNvbi1idXR0b24tZ3JvdXAtLW91dGxpbmUtb24tZm9jdXNcIjogISFpc091dGxpbmVkT25Gb2N1cyxcbiAgICAgICAgfSxcbiAgICAgICAgc2NvcGUuY2xhc3NOYW1lXG4gICAgICApfVxuICAgID5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDxzdHlsZSBqc3g+e2BcbiAgICAgICAgLmljb24tYnV0dG9uLWdyb3VwIHtcbiAgICAgICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICBmbGV4LWRpcmVjdGlvbjogcm93O1xuICAgICAgICB9XG5cbiAgICAgICAgLmljb24tYnV0dG9uLWdyb3VwOjphZnRlciB7XG4gICAgICAgICAgY29udGVudDogXCJcIjtcbiAgICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICAgICAgZGlzcGxheTogYmxvY2s7XG4gICAgICAgICAgdG9wOiAwO1xuICAgICAgICAgIHJpZ2h0OiAwO1xuICAgICAgICAgIGJvdHRvbTogMDtcbiAgICAgICAgICBsZWZ0OiAwO1xuICAgICAgICAgIGJvcmRlcjogMXB4IHNvbGlkICM5ZTllOWU7XG4gICAgICAgICAgYm9yZGVyLXJhZGl1czogNHB4O1xuICAgICAgICAgIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICAgICAgICB9XG5cbiAgICAgICAgLmljb24tYnV0dG9uLWdyb3VwOmhvdmVyOjphZnRlciB7XG4gICAgICAgICAgYm9yZGVyOiAxcHggc29saWQgcmdiYSgwLCAwLCAwLCAwLjg3KTtcbiAgICAgICAgfVxuXG4gICAgICAgIC5pY29uLWJ1dHRvbi1ncm91cC5pY29uLWJ1dHRvbi1ncm91cC0tb3V0bGluZS1vbi1mb2N1czpmb2N1cy13aXRoaW46OmFmdGVyIHtcbiAgICAgICAgICBib3JkZXItd2lkdGg6IDJweDtcbiAgICAgICAgICBib3JkZXItc3R5bGU6IHNvbGlkO1xuICAgICAgICAgIGJvcmRlci1yYWRpdXM6IDRweDtcbiAgICAgICAgfVxuICAgICAgYH08L3N0eWxlPlxuICAgICAge3Njb3BlLnN0eWxlc31cbiAgICA8L2Rpdj5cbiAgKTtcbn1cblxuZXhwb3J0IGRlZmF1bHQgSWNvbkJ1dHRvbkdyb3VwO1xuIl19 */
+/*@ sourceURL=icon-button-group.tsx */`),
+    className: _JSXStyle__default["default"].dynamic([["3389486541", [theme$1.color.foreground.primary]]])
+  };
+  return /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "jsx-3856654706" + " " + (classnames__default["default"]("icon-button-group", {
+      "icon-button-group--outline-on-focus": !!isOutlinedOnFocus
+    }, scope.className) || "")
+  }, children, /*#__PURE__*/React__default["default"].createElement(_JSXStyle__default["default"], {
+    id: "3856654706"
+  }, ".icon-button-group.jsx-3856654706{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;}.icon-button-group.jsx-3856654706::after{content:\"\";position:absolute;display:block;top:0;right:0;bottom:0;left:0;border:1px solid #9e9e9e;border-radius:4px;pointer-events:none;}.icon-button-group.jsx-3856654706:hover.jsx-3856654706::after{border:1px solid rgba(0,0,0,0.87);}.icon-button-group.icon-button-group--outline-on-focus.jsx-3856654706:focus-within.jsx-3856654706::after{border-width:2px;border-style:solid;border-radius:4px;}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImljb24tYnV0dG9uLWdyb3VwLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF3Q2tCLEFBRzZCLEFBTVAsQUFhMEIsQUFJcEIsV0FoQkMsTUFpQkMsQ0F2Qk4sV0FPQyxLQVloQixFQUtvQixPQWhCWixNQUNFLEtBZ0JWLEdBZlcsU0FDRixPQUNrQixtQkFYTixNQVlELGtCQUNFLG9CQUN0Qix5QkFiQSIsImZpbGUiOiJpY29uLWJ1dHRvbi1ncm91cC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgY2xhc3NuYW1lcyBmcm9tIFwiY2xhc3NuYW1lc1wiO1xuaW1wb3J0IHsgdXNlVGhlbWUgfSBmcm9tIFwiLi4vLi4vdGhlbWUvdGhlbWVcIjtcbmltcG9ydCBjc3MgZnJvbSBcInN0eWxlZC1qc3gvY3NzXCI7XG5cbmludGVyZmFjZSBJY29uQnV0dG9uR3JvdXBQcm9wcyB7XG4gIGNoaWxkcmVuOiBBcnJheTxSZWFjdC5SZWFjdEVsZW1lbnQ+IHwgUmVhY3QuUmVhY3RFbGVtZW50O1xuICBzaXplPzogc3RyaW5nO1xuICBpc091dGxpbmVkT25Gb2N1cz86IGJvb2xlYW47XG59XG5cbmZ1bmN0aW9uIEljb25CdXR0b25Hcm91cCh7XG4gIGNoaWxkcmVuLFxuICBzaXplLFxuICBpc091dGxpbmVkT25Gb2N1cyxcbn06IEljb25CdXR0b25Hcm91cFByb3BzKSB7XG4gIGNvbnN0IHRoZW1lID0gdXNlVGhlbWUoKTtcblxuICBjaGlsZHJlbiA9IFJlYWN0LkNoaWxkcmVuLm1hcChjaGlsZHJlbiwgKGNoaWxkOiBSZWFjdC5SZWFjdEVsZW1lbnQpID0+XG4gICAgUmVhY3QuY2xvbmVFbGVtZW50KGNoaWxkLCB7IHNpemUgfSlcbiAgKTtcblxuICBjb25zdCBzY29wZSA9IGNzcy5yZXNvbHZlYFxuICAgIC5pY29uLWJ1dHRvbi1ncm91cC5pY29uLWJ1dHRvbi1ncm91cC0tb3V0bGluZS1vbi1mb2N1czpmb2N1cy13aXRoaW46OmFmdGVyIHtcbiAgICAgIGJvcmRlci1jb2xvcjogJHt0aGVtZS5jb2xvci5mb3JlZ3JvdW5kLnByaW1hcnl9O1xuICAgICAgYm9yZGVyLXJhZGl1czogNHB4O1xuICAgIH1cbiAgYDtcblxuICByZXR1cm4gKFxuICAgIDxkaXZcbiAgICAgIGNsYXNzTmFtZT17Y2xhc3NuYW1lcyhcbiAgICAgICAgXCJpY29uLWJ1dHRvbi1ncm91cFwiLFxuICAgICAgICB7XG4gICAgICAgICAgXCJpY29uLWJ1dHRvbi1ncm91cC0tb3V0bGluZS1vbi1mb2N1c1wiOiAhIWlzT3V0bGluZWRPbkZvY3VzLFxuICAgICAgICB9LFxuICAgICAgICBzY29wZS5jbGFzc05hbWVcbiAgICAgICl9XG4gICAgPlxuICAgICAge2NoaWxkcmVufVxuICAgICAgPHN0eWxlIGpzeD57YFxuICAgICAgICAuaWNvbi1idXR0b24tZ3JvdXAge1xuICAgICAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgIGZsZXgtZGlyZWN0aW9uOiByb3c7XG4gICAgICAgIH1cblxuICAgICAgICAuaWNvbi1idXR0b24tZ3JvdXA6OmFmdGVyIHtcbiAgICAgICAgICBjb250ZW50OiBcIlwiO1xuICAgICAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgICAgICBkaXNwbGF5OiBibG9jaztcbiAgICAgICAgICB0b3A6IDA7XG4gICAgICAgICAgcmlnaHQ6IDA7XG4gICAgICAgICAgYm90dG9tOiAwO1xuICAgICAgICAgIGxlZnQ6IDA7XG4gICAgICAgICAgYm9yZGVyOiAxcHggc29saWQgIzllOWU5ZTtcbiAgICAgICAgICBib3JkZXItcmFkaXVzOiA0cHg7XG4gICAgICAgICAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG4gICAgICAgIH1cblxuICAgICAgICAuaWNvbi1idXR0b24tZ3JvdXA6aG92ZXI6OmFmdGVyIHtcbiAgICAgICAgICBib3JkZXI6IDFweCBzb2xpZCByZ2JhKDAsIDAsIDAsIDAuODcpO1xuICAgICAgICB9XG5cbiAgICAgICAgLmljb24tYnV0dG9uLWdyb3VwLmljb24tYnV0dG9uLWdyb3VwLS1vdXRsaW5lLW9uLWZvY3VzOmZvY3VzLXdpdGhpbjo6YWZ0ZXIge1xuICAgICAgICAgIGJvcmRlci13aWR0aDogMnB4O1xuICAgICAgICAgIGJvcmRlci1zdHlsZTogc29saWQ7XG4gICAgICAgICAgYm9yZGVyLXJhZGl1czogNHB4O1xuICAgICAgICB9XG4gICAgICBgfTwvc3R5bGU+XG4gICAgICB7c2NvcGUuc3R5bGVzfVxuICAgIDwvZGl2PlxuICApO1xufVxuXG5leHBvcnQgZGVmYXVsdCBJY29uQnV0dG9uR3JvdXA7XG4iXX0= */\n/*@ sourceURL=icon-button-group.tsx */"), scope.styles);
+}
+IconButtonGroup.propTypes = {
+  children: _pt__default["default"].oneOfType([_pt__default["default"].any, _pt__default["default"].element]).isRequired,
+  size: _pt__default["default"].string,
+  isOutlinedOnFocus: _pt__default["default"].bool
+};
+
+module.exports = IconButtonGroup;