@mycause/ui 1.2.5 → 1.2.7

package/donation/esm/components/button/button.js

@@ -0,0 +1,130 @@
+import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import _pt from 'prop-types';
+import _JSXStyle from 'styled-jsx/style';
+import React, { useState } from 'react';
+import classnames from 'classnames';
+import MDCButton from '@material/react-button';
+import { useTheme, getColorToken } from '../../theme/theme.js';
+import { tapEvent } from '../../utils/tap-event.js';
+import omit from 'lodash/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 = _objectWithoutProperties(_ref, _excluded);
+  const 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] = useState(null);
+  const handleMouseOver = tapEvent(() => setHovered(true), onMouseOver);
+  const handleMouseOut = tapEvent(() => setHovered(false), onMouseOut);
+
+  // Handle icon colors
+  const foreground = getColorToken(theme, "foreground", color, {
+    invert
+  });
+  const background = getColorToken(theme, "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.createElement(_JSXStyle, {
+      id: "3982986575",
+      dynamic: [foreground, background]
+    }, ".button.__jsx-style-dynamic-selector{--mdc-theme-primary:".concat(foreground, ";--mdc-theme-on-primary:").concat(background, ";}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImJ1dHRvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNEcyQixBQUd3RCxpREFDRyxvREFDdEQiLCJmaWxlIjoiYnV0dG9uLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyB1c2VTdGF0ZSB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IGNsYXNzbmFtZXMgZnJvbSBcImNsYXNzbmFtZXNcIjtcbmltcG9ydCBjc3MgZnJvbSBcInN0eWxlZC1qc3gvY3NzXCI7XG5pbXBvcnQgTURDQnV0dG9uLCB7XG4gIEJ1dHRvblByb3BzIGFzIE1EQ0J1dHRvblByb3BzLFxufSBmcm9tIFwiQG1hdGVyaWFsL3JlYWN0LWJ1dHRvblwiO1xuaW1wb3J0IHsgSWNvblByb3BzIH0gZnJvbSBcIi4uL2ljb24vaWNvblwiO1xuaW1wb3J0IHsgdXNlVGhlbWUsIGdldENvbG9yVG9rZW4sIENvbG9yU3BlY2lmaWVyIH0gZnJvbSBcIi4uLy4uL3RoZW1lL3RoZW1lXCI7XG5pbXBvcnQgeyB0YXBFdmVudCB9IGZyb20gXCIuLi8uLi91dGlscy90YXAtZXZlbnRcIjtcbmltcG9ydCBvbWl0IGZyb20gXCJsb2Rhc2gvb21pdFwiO1xuXG50eXBlIEJ1dHRvblR5cGVzID0gSFRNTEFuY2hvckVsZW1lbnQgfCBIVE1MQnV0dG9uRWxlbWVudDtcblxuZXhwb3J0IGludGVyZmFjZSBCdXR0b25Qcm9wc1xuICBleHRlbmRzIE9taXQ8XG4gICAgTURDQnV0dG9uUHJvcHM8QnV0dG9uVHlwZXM+LFxuICAgIHwgXCJjb2xvclwiXG4gICAgfCBcImljb25cIlxuICAgIHwgXCJ0cmFpbGluZ0ljb25cIlxuICAgIHwgXCJwcmltYXJ5XCJcbiAgICB8IFwic2Vjb25kYXJ5XCJcbiAgICB8IFwiYWNjZW50XCJcbiAgICB8IFwiZGFuZ2VyXCJcbiAgPiB7XG4gIGNvbnRyb2w/OiBib29sZWFuO1xuICBkaXNwbGF5PzogYm9vbGVhbjtcbiAgbGFyZ2U/OiBib29sZWFuO1xuICBjb2xvcj86IENvbG9yU3BlY2lmaWVyO1xuICBpbnZlcnQ/OiBib29sZWFuO1xuICBpY29uPzogUmVhY3QuUmVhY3RFbGVtZW50PEljb25Qcm9wcz47XG4gIHRyYWlsaW5nSWNvbj86IFJlYWN0LlJlYWN0RWxlbWVudDxJY29uUHJvcHM+O1xuICBhbmFseXRpY3NJZD86IHN0cmluZztcbn1cblxuLyoqXG4gKiBCdXR0b25cbiAqXG4gKiBDdXN0b21pc2VkIHZlcnNpb24gb2YgQG1hdGVyaWFsL3JlYWN0LWJ1dHRvblxuICogc2VlOiBodHRwczovL2dpdGh1Yi5jb20vbWF0ZXJpYWwtY29tcG9uZW50cy9tYXRlcmlhbC1jb21wb25lbnRzLXdlYi1yZWFjdC90cmVlL21hc3Rlci9wYWNrYWdlcy9idXR0b25cbiAqXG4gKiBXaGVuIHVzaW5nIHRoaXMgYnV0dG9uIHlvdSBtdXN0IGFsc28gaW5jbHVkZSB0aGUgYWNjb21wYW55aW5nIGBidXR0b24uc2Nzc2AuXG4gKi9cbmZ1bmN0aW9uIEJ1dHRvbih7XG4gIGNvbnRyb2wsXG4gIGRpc3BsYXksXG4gIGxhcmdlLFxuICBjb2xvciA9IFwicHJpbWFyeVwiLFxuICBpbnZlcnQsXG4gIHJhaXNlZCxcbiAgdW5lbGV2YXRlZCxcbiAgb3V0bGluZWQsXG4gIGNsYXNzTmFtZSxcbiAgaWNvbixcbiAgdHJhaWxpbmdJY29uLFxuICBvbk1vdXNlT3ZlcixcbiAgb25Nb3VzZU91dCxcbiAgYW5hbHl0aWNzSWQsXG4gIGlkLFxuICAuLi5yZXN0XG59OiBCdXR0b25Qcm9wcykge1xuICBjb25zdCB0aGVtZSA9IHVzZVRoZW1lKCk7XG5cbiAgaWYgKHByb2Nlc3MuZW52Lk5PREVfRU5WICE9PSBcInByb2R1Y3Rpb25cIikge1xuICAgIGlmIChpZCAmJiBhbmFseXRpY3NJZCkge1xuICAgICAgY29uc29sZS53YXJuKFxuICAgICAgICBcIltCdXR0b25dIG9ubHkgb25lIG9mIHRoZSBgaWRgIGFuZCBgYW5hbHl0aWNzSWRgIHByb3BzIGNhbiBiZSBwYXNzZWQuIFBsZWFzZSByZW1vdmUgb25lIGFzIGBhbmFseXRpY3NJZGAgd2lsbCBvdmVycmlkZSB0aGUgaWQuXCJcbiAgICAgICk7XG4gICAgfVxuICB9XG5cbiAgY29uc3QgW2hvdmVyZWQsIHNldEhvdmVyZWRdID0gdXNlU3RhdGU8Ym9vbGVhbiB8IG51bGw+KG51bGwpO1xuXG4gIGNvbnN0IGhhbmRsZU1vdXNlT3ZlciA9IHRhcEV2ZW50PFJlYWN0Lk1vdXNlRXZlbnQ8QnV0dG9uVHlwZXM+PihcbiAgICAoKSA9PiBzZXRIb3ZlcmVkKHRydWUpLFxuICAgIG9uTW91c2VPdmVyXG4gICk7XG5cbiAgY29uc3QgaGFuZGxlTW91c2VPdXQgPSB0YXBFdmVudDxSZWFjdC5Nb3VzZUV2ZW50PEJ1dHRvblR5cGVzPj4oXG4gICAgKCkgPT4gc2V0SG92ZXJlZChmYWxzZSksXG4gICAgb25Nb3VzZU91dFxuICApO1xuXG4gIC8vIEhhbmRsZSBpY29uIGNvbG9yc1xuICBjb25zdCBmb3JlZ3JvdW5kID0gZ2V0Q29sb3JUb2tlbih0aGVtZSwgXCJmb3JlZ3JvdW5kXCIsIGNvbG9yLCB7XG4gICAgaW52ZXJ0LFxuICB9KTtcbiAgY29uc3QgYmFja2dyb3VuZCA9IGdldENvbG9yVG9rZW4odGhlbWUsIFwiYmFja2dyb3VuZFwiLCBjb2xvciwge1xuICAgIGludmVydCxcbiAgfSk7XG5cbiAgaWNvbiA9IHNldEljb25Db2xvcihpY29uLCB7XG4gICAgY29sb3IsXG4gICAgaW52ZXJ0LFxuICAgIHVuZWxldmF0ZWQsXG4gICAgcmFpc2VkLFxuICAgIG91dGxpbmVkLFxuICAgIGhvdmVyZWQsXG4gIH0pO1xuXG4gIHRyYWlsaW5nSWNvbiA9IHNldEljb25Db2xvcih0cmFpbGluZ0ljb24sIHtcbiAgICBjb2xvcixcbiAgICBpbnZlcnQsXG4gICAgdW5lbGV2YXRlZCxcbiAgICByYWlzZWQsXG4gICAgb3V0bGluZWQsXG4gICAgaG92ZXJlZCxcbiAgfSk7XG5cbiAgY29uc3Qgc2NvcGUgPSBjc3MucmVzb2x2ZWBcbiAgICAuYnV0dG9uIHtcbiAgICAgIC0tbWRjLXRoZW1lLXByaW1hcnk6ICR7Zm9yZWdyb3VuZH07XG4gICAgICAtLW1kYy10aGVtZS1vbi1wcmltYXJ5OiAke2JhY2tncm91bmR9O1xuICAgIH1cbiAgYDtcblxuICBjb25zdCBmaWx0ZXJlZFByb3BzID0gb21pdChcbiAgICB7XG4gICAgICBjbGFzc05hbWU6IGNsYXNzbmFtZXMoXG4gICAgICAgIFwiYnV0dG9uXCIsXG4gICAgICAgIHtcbiAgICAgICAgICBcIm1kYy1idXR0b24tLWRpc3BsYXlcIjogZGlzcGxheSxcbiAgICAgICAgICBcIm1kYy1idXR0b24tLWxhcmdlXCI6IGxhcmdlLFxuICAgICAgICAgIFwibWRjLWJ1dHRvbi0tY29udHJvbFwiOiBjb250cm9sLFxuICAgICAgICB9LFxuICAgICAgICBjbGFzc05hbWUsXG4gICAgICAgIHNjb3BlLmNsYXNzTmFtZVxuICAgICAgKSxcbiAgICAgIGlkOiBhbmFseXRpY3NJZCB8fCBpZCxcbiAgICAgIHJhaXNlZCxcbiAgICAgIHVuZWxldmF0ZWQsXG4gICAgICBvdXRsaW5lZDogb3V0bGluZWQsXG4gICAgICBpY29uOiBpY29uIGFzIFJlYWN0LlJlYWN0RWxlbWVudDxSZWFjdC5IVE1MUHJvcHM8SFRNTE9yU1ZHRWxlbWVudD4+LFxuICAgICAgdHJhaWxpbmdJY29uOiB0cmFpbGluZ0ljb24gYXMgUmVhY3QuUmVhY3RFbGVtZW50PFxuICAgICAgICBSZWFjdC5IVE1MUHJvcHM8SFRNTE9yU1ZHRWxlbWVudD5cbiAgICAgID4sXG4gICAgICBvbk1vdXNlT3ZlcjogaGFuZGxlTW91c2VPdmVyLFxuICAgICAgb25Nb3VzZU91dDogaGFuZGxlTW91c2VPdXQsXG4gICAgICAuLi5yZXN0LFxuICAgIH0sXG4gICAgW1wib25Qb2ludGVyRW50ZXJDYXB0dXJlXCIsIFwib25Qb2ludGVyTGVhdmVDYXB0dXJlXCJdIC8vIFJlbW92ZSBpbnZhbGlkIHByb3BzXG4gICk7XG5cbiAgcmV0dXJuIChcbiAgICA8PlxuICAgICAgPE1EQ0J1dHRvblxuICAgICAgICB7Li4uKChmaWx0ZXJlZFByb3BzIGFzIHVua25vd24pIGFzIFJlYWN0LkNvbXBvbmVudFByb3BzPFxuICAgICAgICAgIHR5cGVvZiBNRENCdXR0b25cbiAgICAgICAgPil9XG4gICAgICAvPlxuICAgICAge3Njb3BlLnN0eWxlc31cbiAgICA8Lz5cbiAgKTtcbn1cblxuZXhwb3J0IGRlZmF1bHQgQnV0dG9uO1xuXG5mdW5jdGlvbiBzZXRJY29uQ29sb3IoXG4gIGljb246IFJlYWN0LlJlYWN0RWxlbWVudDxJY29uUHJvcHM+IHwgdW5kZWZpbmVkLFxuICB7XG4gICAgY29sb3IsXG4gICAgaW52ZXJ0LFxuICAgIHVuZWxldmF0ZWQsXG4gICAgcmFpc2VkLFxuICAgIG91dGxpbmVkLFxuICAgIGhvdmVyZWQsXG4gIH06IHtcbiAgICBjb2xvcj86IENvbG9yU3BlY2lmaWVyO1xuICAgIGludmVydD86IGJvb2xlYW47XG4gICAgdW5lbGV2YXRlZD86IGJvb2xlYW47XG4gICAgcmFpc2VkPzogYm9vbGVhbjtcbiAgICBvdXRsaW5lZD86IGJvb2xlYW47XG4gICAgaG92ZXJlZD86IGJvb2xlYW4gfCBudWxsO1xuICB9XG4pIHtcbiAgaWYgKCFpY29uKSB7XG4gICAgcmV0dXJuIGljb247XG4gIH1cblxuICBpY29uID0gUmVhY3QuY2xvbmVFbGVtZW50KGljb24sIHsgY29sb3I6IGljb24ucHJvcHMuY29sb3IgfHwgY29sb3IgfSk7XG5cbiAgaWYgKHVuZWxldmF0ZWQgfHwgcmFpc2VkIHx8IChob3ZlcmVkICYmIG91dGxpbmVkKSkge1xuICAgIGljb24gPSBSZWFjdC5jbG9uZUVsZW1lbnQoaWNvbiwgeyBpbnZlcnQ6ICFpbnZlcnQgfSk7XG4gIH1cblxuICByZXR1cm4gaWNvbjtcbn1cbiJdfQ== */\n/*@ sourceURL=button.tsx */")),
+    className: _JSXStyle.dynamic([["3982986575", [foreground, background]]])
+  };
+  const filteredProps = omit(_objectSpread2({
+    className: classnames("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.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(MDCButton, filteredProps), scope.styles);
+}
+Button.propTypes = {
+  control: _pt.bool,
+  display: _pt.bool,
+  large: _pt.bool,
+  color: _pt.any,
+  invert: _pt.bool,
+  icon: _pt.element,
+  trailingIcon: _pt.element,
+  analyticsId: _pt.string
+};
+function setIconColor(icon, _ref2) {
+  let {
+    color,
+    invert,
+    unelevated,
+    raised,
+    outlined,
+    hovered
+  } = _ref2;
+  if (!icon) {
+    return icon;
+  }
+  icon = /*#__PURE__*/React.cloneElement(icon, {
+    color: icon.props.color || color
+  });
+  if (unelevated || raised || hovered && outlined) {
+    icon = /*#__PURE__*/React.cloneElement(icon, {
+      invert: !invert
+    });
+  }
+  return icon;
+}
+
+export { Button as default };

package/donation/esm/components/checkbox/checkbox.js

@@ -0,0 +1,63 @@
+import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import _pt from 'prop-types';
+import _JSXStyle from 'styled-jsx/style';
+import React, { useState, useEffect } from 'react';
+import classnames from 'classnames';
+import { nanoid } from 'nanoid';
+import { useTheme, getColorToken } from '../../theme/theme.js';
+import MDCCheckbox from '@material/react-checkbox';
+import Flex from '../layout/flex.js';
+import Text from '../text/text.js';
+
+const _excluded = ["id", "label", "color", "checked", "className"];
+const Checkbox = _ref => {
+  let {
+      id,
+      label,
+      color = "primary",
+      checked,
+      className
+    } = _ref,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  const theme = useTheme();
+  const [mainId, setmainId] = useState("");
+  const setColor = getColorToken(theme, "foreground", color);
+  useEffect(() => {
+    setmainId(id ? id : nanoid());
+  }, [id, setmainId]);
+  const scope = {
+    styles: /*#__PURE__*/React.createElement(_JSXStyle, {
+      id: "4134032295",
+      dynamic: [setColor, setColor]
+    }, ".checkbox.__jsx-style-dynamic-selector{--mdc-theme-primary:".concat(setColor, ";--mdc-theme-secondary:").concat(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;}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNoZWNrYm94LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEyQzJCLEFBR3dELEFBS3JDLGlEQUp1QyxzQkFLckMsNkJBSmhCLDJCQUtzQixvQkFDTCxlQUNqQiIsImZpbGUiOiJjaGVja2JveC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgdXNlRWZmZWN0LCB1c2VTdGF0ZSB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IGNsYXNzbmFtZXMgZnJvbSBcImNsYXNzbmFtZXNcIjtcbmltcG9ydCBjc3MgZnJvbSBcInN0eWxlZC1qc3gvY3NzXCI7XG5pbXBvcnQgeyBuYW5vaWQgfSBmcm9tIFwibmFub2lkXCI7XG5pbXBvcnQgeyB1c2VUaGVtZSwgZ2V0Q29sb3JUb2tlbiwgQ29sb3JTcGVjaWZpZXIgfSBmcm9tIFwiLi4vLi4vdGhlbWUvdGhlbWVcIjtcblxuaW1wb3J0IHsgRmxleCB9IGZyb20gXCIuLi9sYXlvdXRcIjtcbmltcG9ydCB7IFRleHQgfSBmcm9tIFwiLi4vdGV4dFwiO1xuXG5pbXBvcnQgTURDQ2hlY2tib3gsIHtcbiAgQ2hlY2tib3hQcm9wcyBhcyBNRENDaGVja2JveFByb3BzLFxufSBmcm9tIFwiQG1hdGVyaWFsL3JlYWN0LWNoZWNrYm94XCI7XG5cbmV4cG9ydCBpbnRlcmZhY2UgQ2hlY2tib3hQcm9wc1xuICBleHRlbmRzIE9taXQ8TURDQ2hlY2tib3hQcm9wcywgXCJpbml0UmlwcGxlXCIgfCBcInVuYm91bmRlZFwiPiB7XG4gIGlkPzogc3RyaW5nO1xuICBuYW1lPzogc3RyaW5nO1xuICBsYWJlbD86IFJlYWN0LlJlYWN0Tm9kZTtcbiAgY29sb3I/OiBDb2xvclNwZWNpZmllcjtcbiAgY2hlY2tlZD86IGJvb2xlYW47XG4gIGRpc2FibGVkPzogYm9vbGVhbjtcbiAgb25DaGFuZ2U/OiAoZTogUmVhY3QuRm9ybUV2ZW50PEhUTUxJbnB1dEVsZW1lbnQ+KSA9PiB2b2lkO1xuICBpbmRldGVybWluYXRlPzogYm9vbGVhbjtcbiAgY2xhc3NOYW1lPzogc3RyaW5nO1xufVxuXG5jb25zdCBDaGVja2JveCA9ICh7XG4gIGlkLFxuICBsYWJlbCxcbiAgY29sb3IgPSBcInByaW1hcnlcIixcbiAgY2hlY2tlZCxcbiAgY2xhc3NOYW1lLFxuICAuLi5yZXN0XG59OiBDaGVja2JveFByb3BzKSA9PiB7XG4gIGNvbnN0IHRoZW1lID0gdXNlVGhlbWUoKTtcbiAgY29uc3QgW21haW5JZCwgc2V0bWFpbklkXSA9IHVzZVN0YXRlPHN0cmluZz4oXCJcIik7XG5cbiAgY29uc3Qgc2V0Q29sb3IgPSBnZXRDb2xvclRva2VuKHRoZW1lLCBcImZvcmVncm91bmRcIiwgY29sb3IpO1xuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgc2V0bWFpbklkKGlkID8gaWQgOiBuYW5vaWQoKSk7XG4gIH0sIFtpZCwgc2V0bWFpbklkXSk7XG5cbiAgY29uc3Qgc2NvcGUgPSBjc3MucmVzb2x2ZWBcbiAgICAuY2hlY2tib3gge1xuICAgICAgLS1tZGMtdGhlbWUtcHJpbWFyeTogJHtzZXRDb2xvcn07XG4gICAgICAtLW1kYy10aGVtZS1zZWNvbmRhcnk6ICR7c2V0Q29sb3J9O1xuICAgIH1cblxuICAgIC5jaGVja2JveC1sYWJlbCB7XG4gICAgICBmbGV4LWdyb3c6IDE7XG4gICAgICBmbGV4LXNocmluazogMTtcbiAgICAgIG1hcmdpbi1sZWZ0OiAwLjI1cmVtO1xuICAgICAgY3Vyc29yOiBwb2ludGVyO1xuICAgIH1cbiAgYDtcblxuICByZXR1cm4gKFxuICAgIDxGbGV4IGFsaWduPVwiY2VudGVyXCI+XG4gICAgICA8TURDQ2hlY2tib3hcbiAgICAgICAgY2xhc3NOYW1lPXtjbGFzc25hbWVzKGNsYXNzTmFtZSwgXCJjaGVja2JveFwiLCBzY29wZS5jbGFzc05hbWUpfVxuICAgICAgICBjaGVja2VkPXtjaGVja2VkfVxuICAgICAgICBuYXRpdmVDb250cm9sSWQ9e21haW5JZH1cbiAgICAgICAgey4uLnJlc3R9XG4gICAgICAvPlxuICAgICAge2xhYmVsICYmIChcbiAgICAgICAgPGxhYmVsXG4gICAgICAgICAgY2xhc3NOYW1lPXtjbGFzc25hbWVzKHNjb3BlLmNsYXNzTmFtZSwgXCJjaGVja2JveC1sYWJlbFwiKX1cbiAgICAgICAgICBodG1sRm9yPXttYWluSWR9XG4gICAgICAgID5cbiAgICAgICAgICA8VGV4dCBmb250PVwiYnJhbmRcIiBraW5kPVwic3ViXCIgc3Bhbj5cbiAgICAgICAgICAgIHtsYWJlbH1cbiAgICAgICAgICA8L1RleHQ+XG4gICAgICAgIDwvbGFiZWw+XG4gICAgICApfVxuICAgICAge3Njb3BlLnN0eWxlc31cbiAgICA8L0ZsZXg+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBDaGVja2JveDtcbiJdfQ== */\n/*@ sourceURL=checkbox.tsx */")),
+    className: _JSXStyle.dynamic([["4134032295", [setColor, setColor]]])
+  };
+  return /*#__PURE__*/React.createElement(Flex, {
+    align: "center"
+  }, /*#__PURE__*/React.createElement(MDCCheckbox, _extends({
+    className: classnames(className, "checkbox", scope.className),
+    checked: checked,
+    nativeControlId: mainId
+  }, rest)), label && /*#__PURE__*/React.createElement("label", {
+    className: classnames(scope.className, "checkbox-label"),
+    htmlFor: mainId
+  }, /*#__PURE__*/React.createElement(Text, {
+    font: "brand",
+    kind: "sub",
+    span: true
+  }, label)), scope.styles);
+};
+Checkbox.propTypes = {
+  id: _pt.string,
+  name: _pt.string,
+  label: _pt.node,
+  color: _pt.any,
+  checked: _pt.bool,
+  disabled: _pt.bool,
+  onChange: _pt.func,
+  indeterminate: _pt.bool,
+  className: _pt.string
+};
+var Checkbox$1 = Checkbox;
+
+export { Checkbox$1 as default };

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

@@ -0,0 +1,35 @@
+import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import _pt from 'prop-types';
+import _JSXStyle from 'styled-jsx/style';
+import React from 'react';
+import classnames from 'classnames';
+
+const _excluded = ["children", "className"];
+const scope = {
+  styles: /*#__PURE__*/React.createElement(_JSXStyle, {
+    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 = _objectWithoutProperties(_ref, _excluded);
+  const child = React.Children.only(children);
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.cloneElement(child, _objectSpread2({
+    className: classnames(child.props.className, scope.className, className, "combo-field-expand")
+  }, props)), scope.styles);
+}
+ComboFieldExpander.propTypes = {
+  children: _pt.element.isRequired,
+  className: _pt.string
+};
+
+export { ComboFieldExpander as default };

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

@@ -0,0 +1,92 @@
+import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import _pt from 'prop-types';
+import _JSXStyle from 'styled-jsx/style';
+import React from 'react';
+import classnames from 'classnames';
+import { getElementDisplayName } from '../../utils/get-element-display-name.js';
+import ComboFieldExpander from './combo-field-expander.js';
+import IconButtonGroup from '../icon/icon-button-group.js';
+import Button from '../button/button.js';
+import Select from '../select/select.js';
+import TextField from '../text-field/text-field.js';
+
+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 = _objectWithoutProperties(_ref, _excluded);
+  children = React.Children.map(children, child => augment(child, {
+    large
+  }));
+  return /*#__PURE__*/React.createElement("div", _extends({}, rest, {
+    className: _JSXStyle.dynamic([["174956361", [align ? align : "flex-end", buttonFullWidth ? "100%" : "", buttonBorder ? "" : "transparent"]]]) + " " + (rest && rest.className != null && rest.className || classnames("combo-field", className) || "")
+  }), children, /*#__PURE__*/React.createElement(_JSXStyle, {
+    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:".concat(align ? align : "flex-end", ";-webkit-box-align:").concat(align ? align : "flex-end", ";-ms-flex-align:").concat(align ? align : "flex-end", ";align-items:").concat(align ? align : "flex-end", ";margin-bottom:1px;}.combo-field > button{width:").concat(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:").concat(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;}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbWJvLWZpZWxkLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEwQ2tCLEFBR3dCLEFBTXNCLEFBYWEsQUFpQmxCLDhCQUNMLEtBOUIzQixhQWE0QixPQWtCRSxtQkFyQ2EsQUFvQlosU0FrQlosaUJBQ25CLEdBbEJvQixrQkFDcEIsc0lBckJvQixrQkFDcEIiLCJmaWxlIjoiY29tYm8tZmllbGQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IGNsYXNzbmFtZXMgZnJvbSBcImNsYXNzbmFtZXNcIjtcbmltcG9ydCB7IGdldEVsZW1lbnREaXNwbGF5TmFtZSB9IGZyb20gXCIuLi8uLi91dGlscy9nZXQtZWxlbWVudC1kaXNwbGF5LW5hbWVcIjtcbmltcG9ydCB7IFRleHRGaWVsZCB9IGZyb20gXCIuLi90ZXh0LWZpZWxkXCI7XG5pbXBvcnQgeyBTZWxlY3QgfSBmcm9tIFwiLi4vc2VsZWN0XCI7XG5pbXBvcnQgeyBCdXR0b24gfSBmcm9tIFwiLi4vYnV0dG9uXCI7XG5pbXBvcnQgeyBJY29uQnV0dG9uR3JvdXAgfSBmcm9tIFwiLi4vaWNvblwiO1xuaW1wb3J0IENvbWJvRmllbGRFeHBhbmRlciBmcm9tIFwiLi9jb21iby1maWVsZC1leHBhbmRlclwiO1xuXG5pbnRlcmZhY2UgQ29tYm9GaWVsZFByb3BzIHtcbiAgY2hpbGRyZW46IEFycmF5PFJlYWN0LlJlYWN0RWxlbWVudD47XG4gIGNsYXNzTmFtZT86IHN0cmluZztcbiAgbGFyZ2U/OiBib29sZWFuO1xuICBidXR0b25Cb3JkZXI/OiBib29sZWFuO1xuICBidXR0b25GdWxsV2lkdGg/OiBib29sZWFuO1xuICBhbGlnbj86IHN0cmluZztcbn1cblxuLyoqXG4gKiBDb21iaW5lcyBzZXZlcmFsIGlucHV0IGNvbnRyb2xzIHRvIGludG8gb25lIHZpc3VhbGx5IGNvbnRpbnVvdXNcbiAqIGNvbnRyb2xcbiAqXG4gKiBTdXBwb3J0cyB0aGUgZm9sbG93aW5nIGNvbXBvbmVudHM6XG4gKiAtIFRleHRGaWVsZFxuICogLSBTZWxlY3RcbiAqIC0gQnV0dG9uXG4gKiAtIEljb25CdXR0b25Hcm91cFxuICovXG5mdW5jdGlvbiBDb21ib0ZpZWxkKHtcbiAgY2hpbGRyZW4sXG4gIGNsYXNzTmFtZSxcbiAgbGFyZ2UgPSBmYWxzZSxcbiAgYnV0dG9uQm9yZGVyLFxuICBidXR0b25GdWxsV2lkdGgsXG4gIGFsaWduLFxuICAuLi5yZXN0XG59OiBDb21ib0ZpZWxkUHJvcHMpIHtcbiAgY2hpbGRyZW4gPSBSZWFjdC5DaGlsZHJlbi5tYXAoY2hpbGRyZW4sIGNoaWxkID0+IGF1Z21lbnQoY2hpbGQsIHsgbGFyZ2UgfSkpO1xuXG4gIHJldHVybiAoXG4gICAgPGRpdiBjbGFzc05hbWU9e2NsYXNzbmFtZXMoXCJjb21iby1maWVsZFwiLCBjbGFzc05hbWUpfSB7Li4ucmVzdH0+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgICA8c3R5bGUganN4PntgXG4gICAgICAgIC5jb21iby1maWVsZCB7XG4gICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICBhbGlnbi1pdGVtczogJHthbGlnbiA/IGFsaWduIDogXCJmbGV4LWVuZFwifTtcbiAgICAgICAgICBtYXJnaW4tYm90dG9tOiAxcHg7XG4gICAgICAgIH1cblxuICAgICAgICA6Z2xvYmFsKC5jb21iby1maWVsZCA+IGJ1dHRvbikge1xuICAgICAgICAgIHdpZHRoOiAke2J1dHRvbkZ1bGxXaWR0aCA/IFwiMTAwJVwiIDogXCJcIn07XG4gICAgICAgIH1cblxuICAgICAgICAuY29tYm8tZmllbGRcbiAgICAgICAgICA+IDpnbG9iYWwoKjpub3QoOmxhc3QtY2hpbGQpKVxuICAgICAgICAgIDpnbG9iYWwoLm1kYy10ZXh0LWZpZWxkOm5vdCgubWRjLXRleHQtZmllbGQtLWZvY3VzZWQpKVxuICAgICAgICAgIDpnbG9iYWwoLm1kYy1ub3RjaGVkLW91dGxpbmVfX3RyYWlsaW5nKSxcbiAgICAgICAgLmNvbWJvLWZpZWxkXG4gICAgICAgICAgPiA6Z2xvYmFsKCo6bm90KDpsYXN0LWNoaWxkKSlcbiAgICAgICAgICA6Z2xvYmFsKC5tZGMtc2VsZWN0Om5vdCgubWRjLXNlbGVjdC0tZm9jdXNlZCkpXG4gICAgICAgICAgOmdsb2JhbCgubWRjLW5vdGNoZWQtb3V0bGluZV9fdHJhaWxpbmcpLFxuICAgICAgICAuY29tYm8tZmllbGQgOmdsb2JhbCgubWRjLWJ1dHRvbi0tY29udHJvbDpub3QoOmxhc3QtY2hpbGQpOm5vdCg6Zm9jdXMpKSxcbiAgICAgICAgLmNvbWJvLWZpZWxkIDpnbG9iYWwoLmljb24tYnV0dG9uLWdyb3VwOm5vdCg6bGFzdC1jaGlsZCk6OmFmdGVyKSB7XG4gICAgICAgICAgYm9yZGVyLXJpZ2h0LWNvbG9yOiAke2J1dHRvbkJvcmRlciA/IFwiXCIgOiBcInRyYW5zcGFyZW50XCJ9O1xuICAgICAgICAgIGJvcmRlci10b3AtcmlnaHQtcmFkaXVzOiAwO1xuICAgICAgICAgIGJvcmRlci1ib3R0b20tcmlnaHQtcmFkaXVzOiAwO1xuICAgICAgICAgIG1hcmdpbi1yaWdodDogLTFweDtcbiAgICAgICAgfVxuXG4gICAgICAgIC5jb21iby1maWVsZFxuICAgICAgICAgID4gOmdsb2JhbCgqOm5vdCg6Zmlyc3QtY2hpbGQpKVxuICAgICAgICAgIDpnbG9iYWwoLm1kYy10ZXh0LWZpZWxkOm5vdCgubWRjLXRleHQtZmllbGQtLWZvY3VzZWQpKVxuICAgICAgICAgIDpnbG9iYWwoLm1kYy1ub3RjaGVkLW91dGxpbmVfX2xlYWRpbmcpLFxuICAgICAgICAuY29tYm8tZmllbGRcbiAgICAgICAgICA+IDpnbG9iYWwoKjpub3QoOmZpcnN0LWNoaWxkKSlcbiAgICAgICAgICA6Z2xvYmFsKC5tZGMtc2VsZWN0Om5vdCgubWRjLXNlbGVjdC0tZm9jdXNlZCkpXG4gICAgICAgICAgOmdsb2JhbCgubWRjLW5vdGNoZWQtb3V0bGluZV9fbGVhZGluZyksXG4gICAgICAgIC5jb21iby1maWVsZFxuICAgICAgICAgIDpnbG9iYWwoLm1kYy1idXR0b24tLWNvbnRyb2w6bm90KDpmaXJzdC1jaGlsZCk6bm90KDpmb2N1cykpLFxuICAgICAgICAuY29tYm8tZmllbGQgOmdsb2JhbCguaWNvbi1idXR0b24tZ3JvdXA6bm90KDpmaXJzdC1jaGlsZCk6OmFmdGVyKSB7XG4gICAgICAgICAgYm9yZGVyLWxlZnQtY29sb3I6IHRyYW5zcGFyZW50O1xuICAgICAgICAgIGJvcmRlci10b3AtbGVmdC1yYWRpdXM6IDA7XG4gICAgICAgICAgYm9yZGVyLWJvdHRvbS1sZWZ0LXJhZGl1czogMDtcbiAgICAgICAgICBtYXJnaW4tbGVmdDogLTFweDtcbiAgICAgICAgfVxuICAgICAgYH08L3N0eWxlPlxuICAgIDwvZGl2PlxuICApO1xufVxuXG5leHBvcnQgZGVmYXVsdCBDb21ib0ZpZWxkO1xuXG4vKiBBdWdtZW50IHRoZSBwYXNzZWQgZWxlbWVudHMgKi9cbmZ1bmN0aW9uIGF1Z21lbnQoXG4gIGVsZW1lbnQ6IFJlYWN0LlJlYWN0RWxlbWVudCxcbiAgeyBsYXJnZSB9OiB7IGxhcmdlOiBib29sZWFuIH1cbik6IFJlYWN0LlJlYWN0RWxlbWVudCB7XG4gIHN3aXRjaCAoZWxlbWVudC50eXBlKSB7XG4gICAgY2FzZSBDb21ib0ZpZWxkRXhwYW5kZXI6XG4gICAgICByZXR1cm4gUmVhY3QuY2xvbmVFbGVtZW50KFxuICAgICAgICBlbGVtZW50LFxuICAgICAgICB7fSxcbiAgICAgICAgYXVnbWVudChSZWFjdC5DaGlsZHJlbi5vbmx5KGVsZW1lbnQucHJvcHMuY2hpbGRyZW4pLCB7IGxhcmdlIH0pXG4gICAgICApO1xuICAgIGNhc2UgVGV4dEZpZWxkOlxuICAgIGNhc2UgU2VsZWN0OlxuICAgICAgLy8gRm9yY2UgdGV4dC1maWVsZCBvciBzZWxlY3QgdG8gYmUgbGFyZ2UgaWYgbmVlZGVkXG4gICAgICBlbGVtZW50ID0gUmVhY3QuY2xvbmVFbGVtZW50KGVsZW1lbnQsIHsgbGFyZ2UgfSk7XG4gICAgICBicmVhaztcbiAgICBjYXNlIEJ1dHRvbjpcbiAgICAgIC8vIEZvcmNlIHRoZSBidXR0b24gdG8gYmUgdGhlIGNvbnRyb2wgc3R5bGVcbiAgICAgIGVsZW1lbnQgPSBSZWFjdC5jbG9uZUVsZW1lbnQoZWxlbWVudCwgeyBjb250cm9sOiB0cnVlLCBkZW5zZTogIWxhcmdlIH0pO1xuICAgICAgYnJlYWs7XG4gICAgY2FzZSBJY29uQnV0dG9uR3JvdXA6XG4gICAgICAvLyBFbnN1cmUgdGhlIHNpemUgb2YgdGhlIGJ1dHRvbiBtYXRjaGVzIHRoZSBoZWlnaHRcbiAgICAgIGVsZW1lbnQgPSBSZWFjdC5jbG9uZUVsZW1lbnQoZWxlbWVudCwge1xuICAgICAgICBzaXplOiBsYXJnZSA/IFwiMy41cmVtXCIgOiB1bmRlZmluZWQsXG4gICAgICAgIGlzT3V0bGluZWRPbkZvY3VzOiB0cnVlLFxuICAgICAgfSk7XG4gICAgICBicmVhaztcbiAgICBkZWZhdWx0OlxuICAgICAgaWYgKHByb2Nlc3MuZW52Lk5PREVfRU5WICE9PSBcInByb2R1Y3Rpb25cIikge1xuICAgICAgICBjb25zb2xlLndhcm4oXG4gICAgICAgICAgXCJbQ29tYm9GaWVsZF0gdW5zdXBwb3J0ZWQgZWxlbWVudCB0eXBlXCIsXG4gICAgICAgICAgZ2V0RWxlbWVudERpc3BsYXlOYW1lKGVsZW1lbnQpXG4gICAgICAgICk7XG4gICAgICB9XG4gIH1cblxuICByZXR1cm4gZWxlbWVudDtcbn1cbiJdfQ== */\n/*@ sourceURL=combo-field.tsx */")));
+}
+ComboField.propTypes = {
+  children: _pt.any.isRequired,
+  className: _pt.string,
+  large: _pt.bool,
+  buttonBorder: _pt.bool,
+  buttonFullWidth: _pt.bool,
+  align: _pt.string
+};
+
+/* Augment the passed elements */
+function augment(element, _ref2) {
+  let {
+    large
+  } = _ref2;
+  switch (element.type) {
+    case ComboFieldExpander:
+      return /*#__PURE__*/React.cloneElement(element, {}, augment(React.Children.only(element.props.children), {
+        large
+      }));
+    case TextField:
+    case Select:
+      // Force text-field or select to be large if needed
+      element = /*#__PURE__*/React.cloneElement(element, {
+        large
+      });
+      break;
+    case Button:
+      // Force the button to be the control style
+      element = /*#__PURE__*/React.cloneElement(element, {
+        control: true,
+        dense: !large
+      });
+      break;
+    case IconButtonGroup:
+      // Ensure the size of the button matches the height
+      element = /*#__PURE__*/React.cloneElement(element, {
+        size: large ? "3.5rem" : undefined,
+        isOutlinedOnFocus: true
+      });
+      break;
+    default:
+      if (process.env.NODE_ENV !== "production") {
+        console.warn("[ComboField] unsupported element type", getElementDisplayName(element));
+      }
+  }
+  return element;
+}
+
+export { ComboField as default };

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

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

package/donation/esm/components/elevation/elevation.js

@@ -0,0 +1,50 @@
+import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import _pt from 'prop-types';
+import _JSXStyle from 'styled-jsx/style';
+import React, { useState, useEffect } from 'react';
+import classnames from 'classnames';
+import Box from '../layout/box.js';
+import { nanoid } from 'nanoid';
+
+const _excluded = ["dp", "id", "radius", "children", "className", "transition"];
+const Elevation = _ref => {
+  let {
+      dp,
+      id,
+      radius = "4px",
+      children,
+      className,
+      transition
+    } = _ref,
+    res = _objectWithoutProperties(_ref, _excluded);
+  const [mainId, setmainId] = useState("");
+  useEffect(() => {
+    setmainId(id ? id : nanoid());
+  }, [id, setmainId]);
+  const scope = {
+    styles: /*#__PURE__*/React.createElement(_JSXStyle, {
+      id: "1502748446",
+      dynamic: [radius]
+    }, ".elevation.__jsx-style-dynamic-selector{border-radius:".concat(radius, ";overflow:hidden;}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImVsZXZhdGlvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBK0IyQixBQUdrRCwyQ0FDM0IsZ0JBQ2xCIiwiZmlsZSI6ImVsZXZhdGlvbi50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgdXNlRWZmZWN0LCB1c2VTdGF0ZSB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IGNsYXNzbmFtZXMgZnJvbSBcImNsYXNzbmFtZXNcIjtcbmltcG9ydCBjc3MgZnJvbSBcInN0eWxlZC1qc3gvY3NzXCI7XG5pbXBvcnQgQm94LCB7IEJveFByb3BzIH0gZnJvbSBcIi4uL2xheW91dC9ib3hcIjtcbmltcG9ydCB7IG5hbm9pZCB9IGZyb20gXCJuYW5vaWRcIjtcblxuZXhwb3J0IGludGVyZmFjZSBFbGV2YXRpb25Qcm9wcyBleHRlbmRzIEJveFByb3BzIHtcbiAgZHA/OiBudW1iZXI7XG4gIGlkPzogc3RyaW5nO1xuICBzdHlsZT86IG9iamVjdDtcbiAgcmFkaXVzPzogc3RyaW5nO1xuICBjbGFzc05hbWU/OiBzdHJpbmc7XG4gIHRyYW5zaXRpb24/OiBib29sZWFuO1xuICBjaGlsZHJlbjogUmVhY3QuUmVhY3ROb2RlO1xufVxuXG5jb25zdCBFbGV2YXRpb24gPSAoe1xuICBkcCxcbiAgaWQsXG4gIHJhZGl1cyA9IFwiNHB4XCIsXG4gIGNoaWxkcmVuLFxuICBjbGFzc05hbWUsXG4gIHRyYW5zaXRpb24sXG4gIC4uLnJlc1xufTogRWxldmF0aW9uUHJvcHMpID0+IHtcbiAgY29uc3QgW21haW5JZCwgc2V0bWFpbklkXSA9IHVzZVN0YXRlPHN0cmluZz4oXCJcIik7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBzZXRtYWluSWQoaWQgPyBpZCA6IG5hbm9pZCgpKTtcbiAgfSwgW2lkLCBzZXRtYWluSWRdKTtcblxuICBjb25zdCBzY29wZSA9IGNzcy5yZXNvbHZlYFxuICAgIC5lbGV2YXRpb24ge1xuICAgICAgYm9yZGVyLXJhZGl1czogJHtyYWRpdXN9O1xuICAgICAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgICB9XG4gIGA7XG5cbiAgcmV0dXJuIChcbiAgICA8Qm94XG4gICAgICBpZD17bWFpbklkfVxuICAgICAga2V5PXttYWluSWR9XG4gICAgICBjbGFzc05hbWU9e2NsYXNzbmFtZXMoXG4gICAgICAgIFwiZWxldmF0aW9uXCIsXG4gICAgICAgIHtcbiAgICAgICAgICBcIm1kYy1lbGV2YXRpb24tdHJhbnNpdGlvblwiOiB0cmFuc2l0aW9uLFxuICAgICAgICB9LFxuICAgICAgICBgbWRjLWVsZXZhdGlvbi0teiR7ZHAgPyBkcCA6IDB9YCxcbiAgICAgICAgc2NvcGUuY2xhc3NOYW1lLFxuICAgICAgICBjbGFzc05hbWVcbiAgICAgICl9XG4gICAgICB7Li4ucmVzfVxuICAgID5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICAgIHtzY29wZS5zdHlsZXN9XG4gICAgPC9Cb3g+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBFbGV2YXRpb247XG4iXX0= */\n/*@ sourceURL=elevation.tsx */")),
+    className: _JSXStyle.dynamic([["1502748446", [radius]]])
+  };
+  return /*#__PURE__*/React.createElement(Box, _extends({
+    id: mainId,
+    key: mainId,
+    className: classnames("elevation", {
+      "mdc-elevation-transition": transition
+    }, "mdc-elevation--z".concat(dp ? dp : 0), scope.className, className)
+  }, res), children, scope.styles);
+};
+Elevation.propTypes = {
+  dp: _pt.number,
+  id: _pt.string,
+  style: _pt.object,
+  radius: _pt.string,
+  className: _pt.string,
+  transition: _pt.bool,
+  children: _pt.node.isRequired
+};
+var Elevation$1 = Elevation;
+
+export { Elevation$1 as default };

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

@@ -0,0 +1,34 @@
+import _pt from 'prop-types';
+import _JSXStyle from 'styled-jsx/style';
+import React from 'react';
+import classnames from 'classnames';
+import { useTheme } from '../../theme/theme.js';
+
+function FieldHelperText(_ref) {
+  let {
+    hidden,
+    children,
+    error
+  } = _ref;
+  const theme = useTheme();
+  return /*#__PURE__*/React.createElement("div", {
+    className: "jsx-1147620172 " + _JSXStyle.dynamic([["2504099284", [theme.typography.fontFamily.brand]]]) + " " + (classnames("field-helper-text") || "")
+  }, /*#__PURE__*/React.createElement("p", {
+    className: "jsx-1147620172 " + _JSXStyle.dynamic([["2504099284", [theme.typography.fontFamily.brand]]]) + " " + (classnames({
+      hidden,
+      error
+    }) || "")
+  }, error ? error : children), /*#__PURE__*/React.createElement(_JSXStyle, {
+    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.createElement(_JSXStyle, {
+    id: "2504099284",
+    dynamic: [theme.typography.fontFamily.brand]
+  }, "p.__jsx-style-dynamic-selector{font-weight:500;font-family:".concat(theme.typography.fontFamily.brand, ";}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImZpZWxkLWhlbHBlci10ZXh0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEwQ2tCLEFBRzJCLGdCQUN5Qix5Q0FDM0MiLCJmaWxlIjoiZmllbGQtaGVscGVyLXRleHQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IGNsYXNzbmFtZXMgZnJvbSBcImNsYXNzbmFtZXNcIjtcbmltcG9ydCB7IHVzZVRoZW1lIH0gZnJvbSBcIi4uLy4uL3RoZW1lXCI7XG5cbnR5cGUgRmllbGRIZWxwZXJUZXh0UHJvcHMgPSB7XG4gIGhpZGRlbj86IGJvb2xlYW47XG4gIGVycm9yPzogUmVhY3QuUmVhY3ROb2RlO1xuICBjaGlsZHJlbj86IFJlYWN0LlJlYWN0Tm9kZTtcbn07XG5cbmZ1bmN0aW9uIEZpZWxkSGVscGVyVGV4dCh7IGhpZGRlbiwgY2hpbGRyZW4sIGVycm9yIH06IEZpZWxkSGVscGVyVGV4dFByb3BzKSB7XG4gIGNvbnN0IHRoZW1lID0gdXNlVGhlbWUoKTtcblxuICByZXR1cm4gKFxuICAgIDxkaXYgY2xhc3NOYW1lPXtjbGFzc25hbWVzKFwiZmllbGQtaGVscGVyLXRleHRcIil9PlxuICAgICAgPHAgY2xhc3NOYW1lPXtjbGFzc25hbWVzKHsgaGlkZGVuLCBlcnJvciB9KX0+XG4gICAgICAgIHtlcnJvciA/IGVycm9yIDogY2hpbGRyZW59XG4gICAgICA8L3A+XG4gICAgICA8c3R5bGUganN4PntgXG4gICAgICAgIC5maWVsZC1oZWxwZXItdGV4dCB7XG4gICAgICAgICAgbWFyZ2luLWJvdHRvbTogNHB4O1xuICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgICAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICAgICAgICB9XG5cbiAgICAgICAgcCB7XG4gICAgICAgICAgY29sb3I6IHJnYmEoMCwgMCwgMCwgMC42KTtcbiAgICAgICAgICBmb250LXNpemU6IDAuNzVyZW07XG4gICAgICAgICAgbGV0dGVyLXNwYWNpbmc6IDA7XG4gICAgICAgICAgbWFyZ2luOiAwO1xuICAgICAgICAgIGxpbmUtaGVpZ2h0OiAxOXB4O1xuICAgICAgICAgIHRyYW5zaXRpb246IG9wYWNpdHkgMTUwbXMgZWFzZTtcbiAgICAgICAgfVxuXG4gICAgICAgIC5oaWRkZW4ge1xuICAgICAgICAgIG9wYWNpdHk6IDA7XG4gICAgICAgIH1cblxuICAgICAgICAuZXJyb3Ige1xuICAgICAgICAgIGNvbG9yOiAjYjAwMDIwO1xuICAgICAgICB9XG4gICAgICBgfTwvc3R5bGU+XG4gICAgICA8c3R5bGUganN4PntgXG4gICAgICAgIHAge1xuICAgICAgICAgIGZvbnQtd2VpZ2h0OiA1MDA7XG4gICAgICAgICAgZm9udC1mYW1pbHk6ICR7dGhlbWUudHlwb2dyYXBoeS5mb250RmFtaWx5LmJyYW5kfTtcbiAgICAgICAgfVxuICAgICAgYH08L3N0eWxlPlxuICAgIDwvZGl2PlxuICApO1xufVxuXG5leHBvcnQgZGVmYXVsdCBGaWVsZEhlbHBlclRleHQ7XG4iXX0= */\n/*@ sourceURL=field-helper-text.tsx */")));
+}
+FieldHelperText.propTypes = {
+  hidden: _pt.bool,
+  error: _pt.node,
+  children: _pt.node
+};
+
+export { FieldHelperText as default };

package/donation/esm/components/field-helpers/field-label.js

@@ -0,0 +1,40 @@
+import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import _pt from 'prop-types';
+import _JSXStyle from 'styled-jsx/style';
+import React from 'react';
+import classnames from 'classnames';
+import { useTheme } from '../../theme/theme.js';
+
+const _excluded = ["large", "className", "children", "required", "asteriskColor"];
+function FieldLabel(_ref) {
+  let {
+      large,
+      className,
+      children,
+      required,
+      asteriskColor
+    } = _ref,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  const theme = useTheme();
+  return /*#__PURE__*/React.createElement("label", _extends({}, rest, {
+    className: _JSXStyle.dynamic([["1420289089", [theme.typography.fontFamily.brand]]]) + " " + (rest && rest.className != null && rest.className || classnames("field-label", {
+      "field-label--dense": !large
+    }, className) || "")
+  }), children, required ? /*#__PURE__*/React.createElement("span", {
+    style: {
+      color: asteriskColor
+    },
+    className: _JSXStyle.dynamic([["1420289089", [theme.typography.fontFamily.brand]]])
+  }, "*") : null, /*#__PURE__*/React.createElement(_JSXStyle, {
+    id: "1420289089",
+    dynamic: [theme.typography.fontFamily.brand]
+  }, ".field-label.__jsx-style-dynamic-selector{font-weight:500;font-family:".concat(theme.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;}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImZpZWxkLWxhYmVsLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFrQ2tCLEFBRzJCLEFBV0UsZ0JBVnVCLEVBVzNDLHVDQVZxQixtQkFDSCxnQkFDSyxxQkFDSyx5SEFDRCxzQkFDUixpQkFDbkIiLCJmaWxlIjoiZmllbGQtbGFiZWwudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IGNsYXNzbmFtZXMgZnJvbSBcImNsYXNzbmFtZXNcIjtcbmltcG9ydCB7IHVzZVRoZW1lIH0gZnJvbSBcIi4uLy4uL3RoZW1lXCI7XG5cbmludGVyZmFjZSBGaWVsZExhYmVsUHJvcHMgZXh0ZW5kcyBSZWFjdC5IVE1MUHJvcHM8SFRNTExhYmVsRWxlbWVudD4ge1xuICBsYXJnZT86IGJvb2xlYW47XG4gIGNoaWxkcmVuPzogUmVhY3QuUmVhY3ROb2RlO1xuICByZXF1aXJlZD86IGJvb2xlYW47XG4gIGFzdGVyaXNrQ29sb3I/OiBzdHJpbmc7XG59XG5cbmZ1bmN0aW9uIEZpZWxkTGFiZWwoe1xuICBsYXJnZSxcbiAgY2xhc3NOYW1lLFxuICBjaGlsZHJlbixcbiAgcmVxdWlyZWQsXG4gIGFzdGVyaXNrQ29sb3IsXG4gIC4uLnJlc3Rcbn06IEZpZWxkTGFiZWxQcm9wcykge1xuICBjb25zdCB0aGVtZSA9IHVzZVRoZW1lKCk7XG5cbiAgcmV0dXJuIChcbiAgICA8bGFiZWxcbiAgICAgIGNsYXNzTmFtZT17Y2xhc3NuYW1lcyhcbiAgICAgICAgXCJmaWVsZC1sYWJlbFwiLFxuICAgICAgICB7XG4gICAgICAgICAgXCJmaWVsZC1sYWJlbC0tZGVuc2VcIjogIWxhcmdlLFxuICAgICAgICB9LFxuICAgICAgICBjbGFzc05hbWVcbiAgICAgICl9XG4gICAgICB7Li4ucmVzdH1cbiAgICA+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgICB7cmVxdWlyZWQgPyA8c3BhbiBzdHlsZT17eyBjb2xvcjogYXN0ZXJpc2tDb2xvciB9fT4qPC9zcGFuPiA6IG51bGx9XG4gICAgICA8c3R5bGUganN4PntgXG4gICAgICAgIC5maWVsZC1sYWJlbCB7XG4gICAgICAgICAgZm9udC13ZWlnaHQ6IDUwMDtcbiAgICAgICAgICBmb250LWZhbWlseTogJHt0aGVtZS50eXBvZ3JhcGh5LmZvbnRGYW1pbHkuYnJhbmR9O1xuICAgICAgICAgIGZvbnQtc2l6ZTogMC44NzVyZW07XG4gICAgICAgICAgbWFyZ2luOiAwLjVyZW0gMDtcbiAgICAgICAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gICAgICAgICAgbGV0dGVyLXNwYWNpbmc6IDAuMDA5MzdyZW07XG4gICAgICAgICAgY29sb3I6IHJnYmEoMCwgMCwgMCwgMC42KTtcbiAgICAgICAgICBsaW5lLWhlaWdodDogMXJlbTtcbiAgICAgICAgfVxuXG4gICAgICAgIC5maWVsZC1sYWJlbC0tZGVuc2Uge1xuICAgICAgICAgIGZvbnQtc2l6ZTogMC43NXJlbTtcbiAgICAgICAgfVxuICAgICAgYH08L3N0eWxlPlxuICAgIDwvbGFiZWw+XG4gICk7XG59XG5cbmV4cG9ydCBkZWZhdWx0IEZpZWxkTGFiZWw7XG4iXX0= */\n/*@ sourceURL=field-label.tsx */")));
+}
+FieldLabel.propTypes = {
+  large: _pt.bool,
+  children: _pt.node,
+  required: _pt.bool,
+  asteriskColor: _pt.string
+};
+
+export { FieldLabel as default };

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

@@ -0,0 +1,41 @@
+import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import React, { forwardRef } from 'react';
+import MDCIconButton from '@material/react-icon-button';
+import omit from 'lodash/omit';
+
+const _excluded = ["active", "inactive", "value", "onChange", "onClick"];
+const HeartToggle = /*#__PURE__*/forwardRef(function HeartToggle(_ref, ref) {
+  let {
+      active,
+      inactive,
+      value,
+      onChange,
+      onClick
+    } = _ref,
+    rest = _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(_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.createElement(MDCIconButton, filteredProps, /*#__PURE__*/React.createElement("span", null, value ? active : inactive));
+});
+var HeartToggle$1 = HeartToggle;
+
+export { HeartToggle$1 as default };