@mycause/ui 1.2.6 → 1.2.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (217) hide show
  1. package/README.md +12 -2
  2. package/dist/donation/anchor.d.ts +2 -0
  3. package/dist/donation/button.d.ts +2 -0
  4. package/dist/donation/checkbox.d.ts +1 -0
  5. package/dist/donation/combo-field.d.ts +1 -0
  6. package/dist/donation/elevation.d.ts +1 -0
  7. package/dist/donation/field-label.d.ts +1 -0
  8. package/dist/donation/flex.d.ts +2 -0
  9. package/dist/donation/grid.d.ts +1 -0
  10. package/dist/donation/icon.d.ts +2 -0
  11. package/dist/donation/modal.d.ts +1 -0
  12. package/dist/donation/navigation.d.ts +1 -0
  13. package/dist/donation/phone-number-input.d.ts +1 -0
  14. package/dist/donation/radio.d.ts +1 -0
  15. package/dist/donation/select.d.ts +1 -0
  16. package/dist/donation/single-date-picker.d.ts +1 -0
  17. package/dist/donation/stack.d.ts +1 -0
  18. package/dist/donation/text-field.d.ts +2 -0
  19. package/dist/donation/text.d.ts +1 -0
  20. package/dist/donation.esm.js +1981 -22990
  21. package/dist/donation.js +2602 -23593
  22. package/dist/index.css +1 -1
  23. package/dist/index.css.map +1 -1
  24. package/dist/index.esm.css +1 -1
  25. package/dist/index.esm.css.map +1 -1
  26. package/dist/index.esm.js +3140 -24065
  27. package/dist/index.js +4979 -25849
  28. package/donation/anchor/package.json +5 -0
  29. package/donation/button/package.json +5 -0
  30. package/donation/checkbox/package.json +5 -0
  31. package/donation/cjs/_virtual/_rollupPluginBabelHelpers.js +84 -0
  32. package/donation/cjs/components/anchor/anchor.js +50 -0
  33. package/donation/cjs/components/anchor/bold-anchor.js +61 -0
  34. package/donation/cjs/components/avatar/avatar.js +24 -0
  35. package/donation/cjs/components/avatar/image-avatar.js +51 -0
  36. package/donation/cjs/components/avatar/text-avatar.js +70 -0
  37. package/donation/cjs/components/button/button.js +143 -0
  38. package/donation/cjs/components/checkbox/checkbox.js +75 -0
  39. package/donation/cjs/components/combo-field/combo-field-expander.js +46 -0
  40. package/donation/cjs/components/combo-field/combo-field.js +103 -0
  41. package/donation/cjs/components/date-picker/single-date-picker.js +83 -0
  42. package/donation/cjs/components/elevation/elevation.js +61 -0
  43. package/donation/cjs/components/field-helpers/field-helper-text.js +45 -0
  44. package/donation/cjs/components/field-helpers/field-label.js +51 -0
  45. package/donation/cjs/components/icon/heart-toggle.js +51 -0
  46. package/donation/cjs/components/icon/icon-button-group.js +49 -0
  47. package/donation/cjs/components/icon/icon-button.js +64 -0
  48. package/donation/cjs/components/icon/icon.js +67 -0
  49. package/donation/cjs/components/icon/material-icon.js +44 -0
  50. package/donation/cjs/components/layout/box.js +115 -0
  51. package/donation/cjs/components/layout/flex.js +81 -0
  52. package/donation/cjs/components/layout/grid.js +46 -0
  53. package/donation/cjs/components/layout/stack.js +48 -0
  54. package/donation/cjs/components/list/list.js +161 -0
  55. package/donation/cjs/components/menu/menu-list-item-graphic.js +12 -0
  56. package/donation/cjs/components/menu/menu-list-item-meta.js +12 -0
  57. package/donation/cjs/components/menu/menu-list-item-text.js +12 -0
  58. package/donation/cjs/components/menu/menu-list-item.js +29 -0
  59. package/donation/cjs/components/menu/menu-list.js +38 -0
  60. package/donation/cjs/components/menu/menu-surface.js +20 -0
  61. package/donation/cjs/components/modal/modal.js +153 -0
  62. package/donation/cjs/components/navigation/navigation-actions.js +23 -0
  63. package/donation/cjs/components/navigation/navigation-bar.js +34 -0
  64. package/donation/cjs/components/navigation/navigation-call-to-action.js +20 -0
  65. package/donation/cjs/components/navigation/navigation-expanded.js +67 -0
  66. package/donation/cjs/components/navigation/navigation-list.js +78 -0
  67. package/donation/cjs/components/navigation/navigation-menu-control.js +50 -0
  68. package/donation/cjs/components/navigation/navigation-menu.js +102 -0
  69. package/donation/cjs/components/navigation/navigation-search-control.js +32 -0
  70. package/donation/cjs/components/navigation/navigation-search.js +92 -0
  71. package/donation/cjs/components/navigation/navigation-sign-in-control.js +59 -0
  72. package/donation/cjs/components/navigation/navigation-user-menu-items.js +85 -0
  73. package/donation/cjs/components/navigation/navigation-user-menu.js +96 -0
  74. package/donation/cjs/components/navigation/navigation.js +191 -0
  75. package/donation/cjs/components/phone-number-input/phone-number-input-v1.js +183 -0
  76. package/donation/cjs/components/radio/radio.js +84 -0
  77. package/donation/cjs/components/select/select-helper-text.js +21 -0
  78. package/donation/cjs/components/select/select.js +177 -0
  79. package/donation/cjs/components/statistics/statistics.js +81 -0
  80. package/donation/cjs/components/tabs/tab-bar.js +45 -0
  81. package/donation/cjs/components/tabs/tab-text-label.js +25 -0
  82. package/donation/cjs/components/tabs/tab.js +74 -0
  83. package/donation/cjs/components/tabs/tabs.js +104 -0
  84. package/donation/cjs/components/text/text.js +155 -0
  85. package/donation/cjs/components/text-field/text-field-helper-text.js +33 -0
  86. package/donation/cjs/components/text-field/text-field.js +167 -0
  87. package/donation/cjs/donation/anchor.js +9 -0
  88. package/donation/cjs/donation/button.js +9 -0
  89. package/donation/cjs/donation/checkbox.js +9 -0
  90. package/donation/cjs/donation/combo-field.js +9 -0
  91. package/donation/cjs/donation/elevation.js +9 -0
  92. package/donation/cjs/donation/field-label.js +9 -0
  93. package/donation/cjs/donation/flex.js +9 -0
  94. package/donation/cjs/donation/grid.js +9 -0
  95. package/donation/cjs/donation/icon.js +9 -0
  96. package/donation/cjs/donation/modal.js +9 -0
  97. package/donation/cjs/donation/navigation.js +9 -0
  98. package/donation/cjs/donation/phone-number-input.js +9 -0
  99. package/donation/cjs/donation/radio.js +9 -0
  100. package/donation/cjs/donation/select.js +9 -0
  101. package/donation/cjs/donation/single-date-picker.js +9 -0
  102. package/donation/cjs/donation/stack.js +9 -0
  103. package/donation/cjs/donation/text-field.js +9 -0
  104. package/donation/cjs/donation/text.js +9 -0
  105. package/donation/cjs/theme/colors.js +15 -0
  106. package/donation/cjs/theme/mycause-theme.js +44 -0
  107. package/donation/cjs/theme/theme.js +69 -0
  108. package/donation/cjs/utils/browser.js +15 -0
  109. package/donation/cjs/utils/flags.js +24 -0
  110. package/donation/cjs/utils/get-element-display-name.js +12 -0
  111. package/donation/cjs/utils/set-ref.js +30 -0
  112. package/donation/cjs/utils/tap-event.js +17 -0
  113. package/donation/cjs/utils/tap-ref.js +17 -0
  114. package/donation/cjs/utils/wrap.js +19 -0
  115. package/donation/combo-field/package.json +5 -0
  116. package/donation/elevation/package.json +5 -0
  117. package/donation/esm/_virtual/_rollupPluginBabelHelpers.js +74 -0
  118. package/donation/esm/components/anchor/anchor.js +40 -0
  119. package/donation/esm/components/anchor/bold-anchor.js +51 -0
  120. package/donation/esm/components/avatar/avatar.js +16 -0
  121. package/donation/esm/components/avatar/image-avatar.js +40 -0
  122. package/donation/esm/components/avatar/text-avatar.js +59 -0
  123. package/donation/esm/components/button/button.js +130 -0
  124. package/donation/esm/components/checkbox/checkbox.js +63 -0
  125. package/donation/esm/components/combo-field/combo-field-expander.js +35 -0
  126. package/donation/esm/components/combo-field/combo-field.js +92 -0
  127. package/donation/esm/components/date-picker/single-date-picker.js +73 -0
  128. package/donation/esm/components/elevation/elevation.js +50 -0
  129. package/donation/esm/components/field-helpers/field-helper-text.js +34 -0
  130. package/donation/esm/components/field-helpers/field-label.js +40 -0
  131. package/donation/esm/components/icon/heart-toggle.js +41 -0
  132. package/donation/esm/components/icon/icon-button-group.js +38 -0
  133. package/donation/esm/components/icon/icon-button.js +52 -0
  134. package/donation/esm/components/icon/icon.js +56 -0
  135. package/donation/esm/components/icon/material-icon.js +33 -0
  136. package/donation/esm/components/layout/box.js +104 -0
  137. package/donation/esm/components/layout/flex.js +70 -0
  138. package/donation/esm/components/layout/grid.js +35 -0
  139. package/donation/esm/components/layout/stack.js +37 -0
  140. package/donation/esm/components/list/list.js +148 -0
  141. package/donation/esm/components/menu/menu-list-item-graphic.js +2 -0
  142. package/donation/esm/components/menu/menu-list-item-meta.js +2 -0
  143. package/donation/esm/components/menu/menu-list-item-text.js +2 -0
  144. package/donation/esm/components/menu/menu-list-item.js +20 -0
  145. package/donation/esm/components/menu/menu-list.js +28 -0
  146. package/donation/esm/components/menu/menu-surface.js +2 -0
  147. package/donation/esm/components/modal/modal.js +141 -0
  148. package/donation/esm/components/navigation/navigation-actions.js +15 -0
  149. package/donation/esm/components/navigation/navigation-bar.js +24 -0
  150. package/donation/esm/components/navigation/navigation-call-to-action.js +12 -0
  151. package/donation/esm/components/navigation/navigation-expanded.js +56 -0
  152. package/donation/esm/components/navigation/navigation-list.js +68 -0
  153. package/donation/esm/components/navigation/navigation-menu-control.js +39 -0
  154. package/donation/esm/components/navigation/navigation-menu.js +91 -0
  155. package/donation/esm/components/navigation/navigation-search-control.js +23 -0
  156. package/donation/esm/components/navigation/navigation-search.js +81 -0
  157. package/donation/esm/components/navigation/navigation-sign-in-control.js +49 -0
  158. package/donation/esm/components/navigation/navigation-user-menu-items.js +76 -0
  159. package/donation/esm/components/navigation/navigation-user-menu.js +84 -0
  160. package/donation/esm/components/navigation/navigation.js +180 -0
  161. package/donation/esm/components/phone-number-input/phone-number-input-v1.js +169 -0
  162. package/donation/esm/components/radio/radio.js +71 -0
  163. package/donation/esm/components/select/select-helper-text.js +12 -0
  164. package/donation/esm/components/select/select.js +166 -0
  165. package/donation/esm/components/statistics/statistics.js +70 -0
  166. package/donation/esm/components/tabs/tab-bar.js +34 -0
  167. package/donation/esm/components/tabs/tab-text-label.js +16 -0
  168. package/donation/esm/components/tabs/tab.js +63 -0
  169. package/donation/esm/components/tabs/tabs.js +93 -0
  170. package/donation/esm/components/text/text.js +145 -0
  171. package/donation/esm/components/text-field/text-field-helper-text.js +24 -0
  172. package/donation/esm/components/text-field/text-field.js +155 -0
  173. package/donation/esm/donation/anchor.js +1 -0
  174. package/donation/esm/donation/button.js +1 -0
  175. package/donation/esm/donation/checkbox.js +1 -0
  176. package/donation/esm/donation/combo-field.js +1 -0
  177. package/donation/esm/donation/elevation.js +1 -0
  178. package/donation/esm/donation/field-label.js +1 -0
  179. package/donation/esm/donation/flex.js +1 -0
  180. package/donation/esm/donation/grid.js +1 -0
  181. package/donation/esm/donation/icon.js +1 -0
  182. package/donation/esm/donation/modal.js +1 -0
  183. package/donation/esm/donation/navigation.js +1 -0
  184. package/donation/esm/donation/phone-number-input.js +1 -0
  185. package/donation/esm/donation/radio.js +1 -0
  186. package/donation/esm/donation/select.js +1 -0
  187. package/donation/esm/donation/single-date-picker.js +1 -0
  188. package/donation/esm/donation/stack.js +1 -0
  189. package/donation/esm/donation/text-field.js +1 -0
  190. package/donation/esm/donation/text.js +1 -0
  191. package/donation/esm/theme/colors.js +7 -0
  192. package/donation/esm/theme/mycause-theme.js +40 -0
  193. package/donation/esm/theme/theme.js +59 -0
  194. package/donation/esm/utils/browser.js +11 -0
  195. package/donation/esm/utils/flags.js +20 -0
  196. package/donation/esm/utils/get-element-display-name.js +8 -0
  197. package/donation/esm/utils/set-ref.js +26 -0
  198. package/donation/esm/utils/tap-event.js +13 -0
  199. package/donation/esm/utils/tap-ref.js +13 -0
  200. package/donation/esm/utils/wrap.js +11 -0
  201. package/donation/field-label/package.json +5 -0
  202. package/donation/flex/package.json +5 -0
  203. package/donation/grid/package.json +5 -0
  204. package/donation/icon/package.json +5 -0
  205. package/donation/modal/package.json +5 -0
  206. package/donation/navigation/package.json +5 -0
  207. package/donation/phone-number-input/package.json +5 -0
  208. package/donation/radio/package.json +5 -0
  209. package/donation/select/package.json +5 -0
  210. package/donation/single-date-picker/package.json +5 -0
  211. package/donation/stack/package.json +5 -0
  212. package/donation/text/package.json +5 -0
  213. package/donation/text-field/package.json +5 -0
  214. package/donation.css +2 -0
  215. package/package.json +133 -14
  216. /package/{dist → styles}/_index.css.js +0 -0
  217. /package/{dist → styles}/_reset.css.js +0 -0
@@ -0,0 +1,44 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ const WHITE = "#ffffff";
6
+ const BRAND_GREEN_ACCESSIBLE = "#358b76";
7
+ const BRAND_GREEN_ACCENT = "#42ccae";
8
+ const BRAND_CORAL = "#f05c6a";
9
+ const BRAND_DARK_GREY = "#3e3e3f";
10
+ const BG_PARTNER = "linear-gradient(90deg, #e96a6d 0%, #e17221 100%), rgba(0, 0, 0, 0.2)";
11
+ const MyCauseTheme = {
12
+ typography: {
13
+ fontFamily: {
14
+ brand: "'Montserrat', sans-serif",
15
+ default: "'Open Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'",
16
+ alternate: "'Montserrat Alternates', Montserrat, sans-serif"
17
+ }
18
+ },
19
+ color: {
20
+ foreground: {
21
+ neutral: BRAND_DARK_GREY,
22
+ primary: BRAND_GREEN_ACCESSIBLE,
23
+ accent: BRAND_GREEN_ACCENT,
24
+ secondary: BRAND_CORAL,
25
+ muted: "rgba(0, 0, 0, 0.6)",
26
+ inactive: "rgba(0, 0, 0, 0.37)",
27
+ partner: BG_PARTNER,
28
+ coral: "rgb(225, 114, 33)"
29
+ },
30
+ background: {
31
+ neutral: WHITE,
32
+ primary: WHITE,
33
+ accent: WHITE,
34
+ secondary: WHITE,
35
+ muted: WHITE,
36
+ inactive: "rgba(0, 0, 0, 0.12)",
37
+ partner: WHITE,
38
+ coral: WHITE
39
+ }
40
+ }
41
+ };
42
+ var MyCauseTheme$1 = MyCauseTheme;
43
+
44
+ exports["default"] = MyCauseTheme$1;
@@ -0,0 +1,69 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var _pt = require('prop-types');
6
+ require('styled-jsx/style');
7
+ var React = require('react');
8
+ var mycauseTheme = require('./mycause-theme.js');
9
+
10
+ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
11
+
12
+ var _pt__default = /*#__PURE__*/_interopDefaultLegacy(_pt);
13
+
14
+ const ThemeContext = /*#__PURE__*/React.createContext(mycauseTheme["default"]);
15
+ ({
16
+ value: _pt__default["default"].shape({
17
+ typography: _pt__default["default"].shape({
18
+ fontFamily: _pt__default["default"].shape({
19
+ brand: _pt__default["default"].string.isRequired,
20
+ default: _pt__default["default"].string.isRequired,
21
+ alternate: _pt__default["default"].string.isRequired
22
+ }).isRequired
23
+ }).isRequired,
24
+ color: _pt__default["default"].shape({
25
+ foreground: _pt__default["default"].shape({
26
+ neutral: _pt__default["default"].string.isRequired,
27
+ primary: _pt__default["default"].string.isRequired,
28
+ accent: _pt__default["default"].string.isRequired,
29
+ secondary: _pt__default["default"].string.isRequired,
30
+ muted: _pt__default["default"].string.isRequired,
31
+ inactive: _pt__default["default"].string.isRequired,
32
+ partner: _pt__default["default"].string.isRequired,
33
+ coral: _pt__default["default"].string.isRequired
34
+ }).isRequired,
35
+ background: _pt__default["default"].shape({
36
+ neutral: _pt__default["default"].string.isRequired,
37
+ primary: _pt__default["default"].string.isRequired,
38
+ accent: _pt__default["default"].string.isRequired,
39
+ secondary: _pt__default["default"].string.isRequired,
40
+ muted: _pt__default["default"].string.isRequired,
41
+ inactive: _pt__default["default"].string.isRequired,
42
+ partner: _pt__default["default"].string.isRequired,
43
+ coral: _pt__default["default"].string.isRequired
44
+ }).isRequired
45
+ }).isRequired
46
+ }).isRequired,
47
+ children: _pt__default["default"].node
48
+ });
49
+ function useTheme() {
50
+ return React.useContext(ThemeContext);
51
+ }
52
+ function getColorToken(theme, kind, color) {
53
+ let options = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};
54
+ if (options.invert) {
55
+ kind = kind === "foreground" ? "background" : "foreground";
56
+ }
57
+ if (typeof color === "object") {
58
+ return color[kind];
59
+ } else if (color in theme.color.foreground) {
60
+ return theme.color[kind][color];
61
+ } else {
62
+ return color;
63
+ }
64
+ }
65
+
66
+ exports.MyCauseTheme = mycauseTheme["default"];
67
+ exports.ThemeContext = ThemeContext;
68
+ exports.getColorToken = getColorToken;
69
+ exports.useTheme = useTheme;
@@ -0,0 +1,15 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ // Checks whether the current browser is Internet Explorer
6
+ function isInternetExplorer() {
7
+ if (typeof window !== "undefined") {
8
+ const ua = window.navigator.userAgent;
9
+ const re = /MSIE|Trident/;
10
+ return !!ua.match(re);
11
+ }
12
+ return false;
13
+ }
14
+
15
+ exports.isInternetExplorer = isInternetExplorer;
@@ -0,0 +1,24 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ /* takes an object with flags and returns the key of the first flag set to true */
6
+ function flags(flags, def) {
7
+ let result = undefined;
8
+ for (const [flag, value] of Object.entries(flags)) {
9
+ if (value) {
10
+ if (process.env.NODE_ENV !== "production") {
11
+ if (result) {
12
+ console.warn("[Warning] multiple clashing flags specified ".concat(result, ", ").concat(flag, ". You must only pass one."));
13
+ }
14
+ }
15
+ result = flag;
16
+ if (process.env.NODE_ENV === "production") {
17
+ break;
18
+ }
19
+ }
20
+ }
21
+ return result || def;
22
+ }
23
+
24
+ exports.flags = flags;
@@ -0,0 +1,12 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ function getElementDisplayName(element) {
6
+ if (typeof element.type === "string") {
7
+ return element.type;
8
+ }
9
+ return element.type.displayName || element.type.name || "Anonymous";
10
+ }
11
+
12
+ exports.getElementDisplayName = getElementDisplayName;
@@ -0,0 +1,30 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ /**
6
+ * Sets a ReactRef<T>
7
+ *
8
+ * Works with function and object refs
9
+ */
10
+ function setRef(ref) {
11
+ let transform = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : x => x;
12
+ return instance => {
13
+ if (!instance) return;
14
+ if (!ref) return;
15
+ let value = transform(instance);
16
+ if (Object.hasOwnProperty.call(ref, "current")) {
17
+ /* handle object refs */
18
+ ref.current = value;
19
+ } else if (typeof ref === "function") {
20
+ /* handle function refs */
21
+ ref(value);
22
+ } else {
23
+ if (process.env.NODE_ENV !== "production") {
24
+ console.warn("[setRef] setRef was passed a ref that it doesn't know how to handle. " + ref.toString());
25
+ }
26
+ }
27
+ };
28
+ }
29
+
30
+ exports.setRef = setRef;
@@ -0,0 +1,17 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ /* Perform an action on event, but also forward the event to
6
+ * the optionally passed event handler */
7
+ function tapEvent(op, forwardTo) {
8
+ const handler = e => {
9
+ op(e);
10
+ if (forwardTo) {
11
+ forwardTo(e);
12
+ }
13
+ };
14
+ return handler;
15
+ }
16
+
17
+ exports.tapEvent = tapEvent;
@@ -0,0 +1,17 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var setRef = require('./set-ref.js');
6
+
7
+ /**
8
+ * Create a ref that updates two refs
9
+ */
10
+ function tapRef(ref, intermediateRef) {
11
+ return instance => {
12
+ setRef.setRef(intermediateRef)(instance);
13
+ setRef.setRef(ref)(instance);
14
+ };
15
+ }
16
+
17
+ exports.tapRef = tapRef;
@@ -0,0 +1,19 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var React = require('react');
6
+
7
+ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
8
+
9
+ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
10
+
11
+ // Conditionally wrap a React element with another
12
+ function wrap(children, Component, isNeeded) {
13
+ if (!isNeeded) {
14
+ return children;
15
+ }
16
+ return /*#__PURE__*/React__default["default"].createElement(Component, {}, children);
17
+ }
18
+
19
+ exports.wrap = wrap;
@@ -0,0 +1,5 @@
1
+ {
2
+ "main": "../cjs/donation/combo-field.js",
3
+ "module": "../esm/donation/combo-field.js",
4
+ "types": "../../dist/donation/combo-field.d.ts"
5
+ }
@@ -0,0 +1,5 @@
1
+ {
2
+ "main": "../cjs/donation/elevation.js",
3
+ "module": "../esm/donation/elevation.js",
4
+ "types": "../../dist/donation/elevation.d.ts"
5
+ }
@@ -0,0 +1,74 @@
1
+ function _defineProperty(e, r, t) {
2
+ return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
3
+ value: t,
4
+ enumerable: !0,
5
+ configurable: !0,
6
+ writable: !0
7
+ }) : e[r] = t, e;
8
+ }
9
+ function _extends() {
10
+ return _extends = Object.assign ? Object.assign.bind() : function (n) {
11
+ for (var e = 1; e < arguments.length; e++) {
12
+ var t = arguments[e];
13
+ for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
14
+ }
15
+ return n;
16
+ }, _extends.apply(null, arguments);
17
+ }
18
+ function ownKeys(e, r) {
19
+ var t = Object.keys(e);
20
+ if (Object.getOwnPropertySymbols) {
21
+ var o = Object.getOwnPropertySymbols(e);
22
+ r && (o = o.filter(function (r) {
23
+ return Object.getOwnPropertyDescriptor(e, r).enumerable;
24
+ })), t.push.apply(t, o);
25
+ }
26
+ return t;
27
+ }
28
+ function _objectSpread2(e) {
29
+ for (var r = 1; r < arguments.length; r++) {
30
+ var t = null != arguments[r] ? arguments[r] : {};
31
+ r % 2 ? ownKeys(Object(t), !0).forEach(function (r) {
32
+ _defineProperty(e, r, t[r]);
33
+ }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) {
34
+ Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r));
35
+ });
36
+ }
37
+ return e;
38
+ }
39
+ function _objectWithoutProperties(e, t) {
40
+ if (null == e) return {};
41
+ var o,
42
+ r,
43
+ i = _objectWithoutPropertiesLoose(e, t);
44
+ if (Object.getOwnPropertySymbols) {
45
+ var s = Object.getOwnPropertySymbols(e);
46
+ for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);
47
+ }
48
+ return i;
49
+ }
50
+ function _objectWithoutPropertiesLoose(r, e) {
51
+ if (null == r) return {};
52
+ var t = {};
53
+ for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
54
+ if (e.includes(n)) continue;
55
+ t[n] = r[n];
56
+ }
57
+ return t;
58
+ }
59
+ function _toPrimitive(t, r) {
60
+ if ("object" != typeof t || !t) return t;
61
+ var e = t[Symbol.toPrimitive];
62
+ if (void 0 !== e) {
63
+ var i = e.call(t, r || "default");
64
+ if ("object" != typeof i) return i;
65
+ throw new TypeError("@@toPrimitive must return a primitive value.");
66
+ }
67
+ return ("string" === r ? String : Number)(t);
68
+ }
69
+ function _toPropertyKey(t) {
70
+ var i = _toPrimitive(t, "string");
71
+ return "symbol" == typeof i ? i : i + "";
72
+ }
73
+
74
+ export { _defineProperty as defineProperty, _extends as extends, _objectSpread2 as objectSpread2, _objectWithoutProperties as objectWithoutProperties, _objectWithoutPropertiesLoose as objectWithoutPropertiesLoose, _toPrimitive as toPrimitive, _toPropertyKey as toPropertyKey };
@@ -0,0 +1,40 @@
1
+ import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
2
+ import _JSXStyle from 'styled-jsx/style';
3
+ import React, { forwardRef } from 'react';
4
+ import classnames from 'classnames';
5
+ import { useTheme, getColorToken } from '../../theme/theme.js';
6
+
7
+ const _excluded = ["href", "children", "color", "invert", "className"];
8
+ /* A standard text anchor */
9
+ const Anchor = /*#__PURE__*/forwardRef(function Anchor(_ref, ref) {
10
+ let {
11
+ href,
12
+ children,
13
+ color = "primary",
14
+ invert,
15
+ className
16
+ } = _ref,
17
+ rest = _objectWithoutProperties(_ref, _excluded);
18
+ const theme = useTheme();
19
+ const foreground = getColorToken(theme, "foreground", color, {
20
+ invert
21
+ });
22
+ const scope = {
23
+ styles: /*#__PURE__*/React.createElement(_JSXStyle, {
24
+ id: "431832520",
25
+ dynamic: [foreground]
26
+ }, "a.__jsx-style-dynamic-selector,a.__jsx-style-dynamic-selector:visited{color:".concat(foreground, ";}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImFuY2hvci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMEIyQixBQUkwQyxtQ0FDckMiLCJmaWxlIjoiYW5jaG9yLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgY24gZnJvbSBcImNsYXNzbmFtZXNcIjtcbmltcG9ydCBjc3MgZnJvbSBcInN0eWxlZC1qc3gvY3NzXCI7XG5pbXBvcnQgeyB1c2VUaGVtZSwgZ2V0Q29sb3JUb2tlbiwgQ29sb3JTcGVjaWZpZXIgfSBmcm9tIFwiLi4vLi4vdGhlbWUvdGhlbWVcIjtcblxuZXhwb3J0IGludGVyZmFjZSBBbmNob3JQcm9wc1xuICBleHRlbmRzIE9taXQ8UmVhY3QuSFRNTFByb3BzPEhUTUxBbmNob3JFbGVtZW50PiwgXCJjb2xvclwiPiB7XG4gIGNvbG9yPzogQ29sb3JTcGVjaWZpZXI7XG4gIGludmVydD86IGJvb2xlYW47XG59XG5cbi8qIEEgc3RhbmRhcmQgdGV4dCBhbmNob3IgKi9cbmNvbnN0IEFuY2hvciA9IGZvcndhcmRSZWYoZnVuY3Rpb24gQW5jaG9yKFxuICB7XG4gICAgaHJlZixcbiAgICBjaGlsZHJlbixcbiAgICBjb2xvciA9IFwicHJpbWFyeVwiLFxuICAgIGludmVydCxcbiAgICBjbGFzc05hbWUsXG4gICAgLi4ucmVzdFxuICB9OiBBbmNob3JQcm9wcyxcbiAgcmVmOiBSZWFjdC5SZWY8SFRNTEFuY2hvckVsZW1lbnQ+XG4pIHtcbiAgY29uc3QgdGhlbWUgPSB1c2VUaGVtZSgpO1xuICBjb25zdCBmb3JlZ3JvdW5kID0gZ2V0Q29sb3JUb2tlbih0aGVtZSwgXCJmb3JlZ3JvdW5kXCIsIGNvbG9yLCB7IGludmVydCB9KTtcblxuICBjb25zdCBzY29wZSA9IGNzcy5yZXNvbHZlYFxuICAgIGEsXG4gICAgYTp2aXNpdGVkIHtcbiAgICAgIGNvbG9yOiAke2ZvcmVncm91bmR9O1xuICAgIH1cbiAgYDtcblxuICByZXR1cm4gKFxuICAgIDxhXG4gICAgICBocmVmPXtocmVmIHx8IFwiI1wifVxuICAgICAgY2xhc3NOYW1lPXtjbihjbGFzc05hbWUsIHNjb3BlLmNsYXNzTmFtZSl9XG4gICAgICB7Li4ucmVzdH1cbiAgICAgIHJlZj17cmVmfVxuICAgID5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDxzdHlsZSBqc3g+e2BcbiAgICAgICAgYTpob3ZlcixcbiAgICAgICAgYTpmb2N1cyB7XG4gICAgICAgICAgdGV4dC1kZWNvcmF0aW9uOiB1bmRlcmxpbmU7XG4gICAgICAgIH1cblxuICAgICAgICBhOmZvY3VzLFxuICAgICAgICBhOmFjdGl2ZSB7XG4gICAgICAgICAgb3V0bGluZTogbm9uZTtcbiAgICAgICAgfVxuXG4gICAgICAgIGE6YWN0aXZlIHtcbiAgICAgICAgICB0ZXh0LWRlY29yYXRpb246IG5vbmU7XG4gICAgICAgIH1cbiAgICAgIGB9PC9zdHlsZT5cbiAgICAgIHtzY29wZS5zdHlsZXN9XG4gICAgPC9hPlxuICApO1xufSk7XG5cbmV4cG9ydCBkZWZhdWx0IEFuY2hvcjtcbiJdfQ== */\n/*@ sourceURL=anchor.tsx */")),
27
+ className: _JSXStyle.dynamic([["431832520", [foreground]]])
28
+ };
29
+ return /*#__PURE__*/React.createElement("a", _extends({
30
+ href: href || "#"
31
+ }, rest, {
32
+ ref: ref,
33
+ className: "jsx-584794313" + " " + (rest && rest.className != null && rest.className || classnames(className, scope.className) || "")
34
+ }), children, /*#__PURE__*/React.createElement(_JSXStyle, {
35
+ id: "584794313"
36
+ }, "a.jsx-584794313:hover,a.jsx-584794313:focus{-webkit-text-decoration:underline;text-decoration:underline;}a.jsx-584794313:focus,a.jsx-584794313:active{outline:none;}a.jsx-584794313:active{-webkit-text-decoration:none;text-decoration:none;}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImFuY2hvci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBeUNrQixBQUlxQyxBQUtiLEFBSVEsYUFIdkIscUNBSUEsVUFUQSIsImZpbGUiOiJhbmNob3IudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IGZvcndhcmRSZWYgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBjbiBmcm9tIFwiY2xhc3NuYW1lc1wiO1xuaW1wb3J0IGNzcyBmcm9tIFwic3R5bGVkLWpzeC9jc3NcIjtcbmltcG9ydCB7IHVzZVRoZW1lLCBnZXRDb2xvclRva2VuLCBDb2xvclNwZWNpZmllciB9IGZyb20gXCIuLi8uLi90aGVtZS90aGVtZVwiO1xuXG5leHBvcnQgaW50ZXJmYWNlIEFuY2hvclByb3BzXG4gIGV4dGVuZHMgT21pdDxSZWFjdC5IVE1MUHJvcHM8SFRNTEFuY2hvckVsZW1lbnQ+LCBcImNvbG9yXCI+IHtcbiAgY29sb3I/OiBDb2xvclNwZWNpZmllcjtcbiAgaW52ZXJ0PzogYm9vbGVhbjtcbn1cblxuLyogQSBzdGFuZGFyZCB0ZXh0IGFuY2hvciAqL1xuY29uc3QgQW5jaG9yID0gZm9yd2FyZFJlZihmdW5jdGlvbiBBbmNob3IoXG4gIHtcbiAgICBocmVmLFxuICAgIGNoaWxkcmVuLFxuICAgIGNvbG9yID0gXCJwcmltYXJ5XCIsXG4gICAgaW52ZXJ0LFxuICAgIGNsYXNzTmFtZSxcbiAgICAuLi5yZXN0XG4gIH06IEFuY2hvclByb3BzLFxuICByZWY6IFJlYWN0LlJlZjxIVE1MQW5jaG9yRWxlbWVudD5cbikge1xuICBjb25zdCB0aGVtZSA9IHVzZVRoZW1lKCk7XG4gIGNvbnN0IGZvcmVncm91bmQgPSBnZXRDb2xvclRva2VuKHRoZW1lLCBcImZvcmVncm91bmRcIiwgY29sb3IsIHsgaW52ZXJ0IH0pO1xuXG4gIGNvbnN0IHNjb3BlID0gY3NzLnJlc29sdmVgXG4gICAgYSxcbiAgICBhOnZpc2l0ZWQge1xuICAgICAgY29sb3I6ICR7Zm9yZWdyb3VuZH07XG4gICAgfVxuICBgO1xuXG4gIHJldHVybiAoXG4gICAgPGFcbiAgICAgIGhyZWY9e2hyZWYgfHwgXCIjXCJ9XG4gICAgICBjbGFzc05hbWU9e2NuKGNsYXNzTmFtZSwgc2NvcGUuY2xhc3NOYW1lKX1cbiAgICAgIHsuLi5yZXN0fVxuICAgICAgcmVmPXtyZWZ9XG4gICAgPlxuICAgICAge2NoaWxkcmVufVxuICAgICAgPHN0eWxlIGpzeD57YFxuICAgICAgICBhOmhvdmVyLFxuICAgICAgICBhOmZvY3VzIHtcbiAgICAgICAgICB0ZXh0LWRlY29yYXRpb246IHVuZGVybGluZTtcbiAgICAgICAgfVxuXG4gICAgICAgIGE6Zm9jdXMsXG4gICAgICAgIGE6YWN0aXZlIHtcbiAgICAgICAgICBvdXRsaW5lOiBub25lO1xuICAgICAgICB9XG5cbiAgICAgICAgYTphY3RpdmUge1xuICAgICAgICAgIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcbiAgICAgICAgfVxuICAgICAgYH08L3N0eWxlPlxuICAgICAge3Njb3BlLnN0eWxlc31cbiAgICA8L2E+XG4gICk7XG59KTtcblxuZXhwb3J0IGRlZmF1bHQgQW5jaG9yO1xuIl19 */\n/*@ sourceURL=anchor.tsx */"), scope.styles);
37
+ });
38
+ var Anchor$1 = Anchor;
39
+
40
+ export { Anchor$1 as default };
@@ -0,0 +1,51 @@
1
+ import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
2
+ import _JSXStyle from 'styled-jsx/style';
3
+ import React, { forwardRef } from 'react';
4
+ import classnames from 'classnames';
5
+ import { useTheme, getColorToken } from '../../theme/theme.js';
6
+
7
+ const _excluded = ["className", "href", "children", "active", "color", "invert", "analyticsId", "id"];
8
+ /* A bold anchor that turns green when active/focused */
9
+ const BoldAnchor = /*#__PURE__*/forwardRef(function EmboldenAnchor(_ref, ref) {
10
+ let {
11
+ className,
12
+ href,
13
+ children,
14
+ active,
15
+ color = "primary",
16
+ invert,
17
+ analyticsId,
18
+ id
19
+ } = _ref,
20
+ rest = _objectWithoutProperties(_ref, _excluded);
21
+ const theme = useTheme();
22
+ if (process.env.NODE_ENV !== "production") {
23
+ if (id && analyticsId) {
24
+ console.warn("[BoldAnchor] only one of the `id` and `analyticsId` props can be passed. Please remove one as `analyticsId` will override the id.");
25
+ }
26
+ }
27
+ const scope = {
28
+ styles: /*#__PURE__*/React.createElement(_JSXStyle, {
29
+ id: "2700453302",
30
+ dynamic: [getColorToken(theme, "foreground", color, {
31
+ invert
32
+ })]
33
+ }, "a.__jsx-style-dynamic-selector{position:relative;-webkit-text-decoration:none;text-decoration:none;color:inherit;font-weight:500;}a.__jsx-style-dynamic-selector:hover,a.__jsx-style-dynamic-selector:focus,a.__jsx-style-dynamic-selector:active,a.active.__jsx-style-dynamic-selector{color:".concat(getColorToken(theme, "foreground", color, {
34
+ invert
35
+ }), ";}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImJvbGQtYW5jaG9yLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFxQzJCLEFBR3lCLEFBVWlCLGtCQVRkLGlCQVV2QixpQ0FUZ0IsY0FDRSxnQkFDbEIiLCJmaWxlIjoiYm9sZC1hbmNob3IudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IGZvcndhcmRSZWYgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBjbiBmcm9tIFwiY2xhc3NuYW1lc1wiO1xuaW1wb3J0IHsgdXNlVGhlbWUsIGdldENvbG9yVG9rZW4sIENvbG9yU3BlY2lmaWVyIH0gZnJvbSBcIi4uLy4uL3RoZW1lL3RoZW1lXCI7XG5pbXBvcnQgY3NzIGZyb20gXCJzdHlsZWQtanN4L2Nzc1wiO1xuXG5pbnRlcmZhY2UgQm9sZEFuY2hvclByb3BzIGV4dGVuZHMgUmVhY3QuSFRNTFByb3BzPEhUTUxBbmNob3JFbGVtZW50PiB7XG4gIGFjdGl2ZT86IGJvb2xlYW47XG4gIGNvbG9ycz86IHsgZGVmYXVsdD86IENvbG9yU3BlY2lmaWVyOyBhY3RpdmU/OiBDb2xvclNwZWNpZmllciB9O1xuICBpbnZlcnQ/OiBib29sZWFuO1xuICBhbmFseXRpY3NJZD86IHN0cmluZztcbn1cblxuLyogQSBib2xkIGFuY2hvciB0aGF0IHR1cm5zIGdyZWVuIHdoZW4gYWN0aXZlL2ZvY3VzZWQgKi9cbmNvbnN0IEJvbGRBbmNob3IgPSBmb3J3YXJkUmVmKGZ1bmN0aW9uIEVtYm9sZGVuQW5jaG9yKFxuICB7XG4gICAgY2xhc3NOYW1lLFxuICAgIGhyZWYsXG4gICAgY2hpbGRyZW4sXG4gICAgYWN0aXZlLFxuICAgIGNvbG9yID0gXCJwcmltYXJ5XCIsXG4gICAgaW52ZXJ0LFxuICAgIGFuYWx5dGljc0lkLFxuICAgIGlkLFxuICAgIC4uLnJlc3RcbiAgfTogQm9sZEFuY2hvclByb3BzLFxuICByZWY6IFJlYWN0LlJlZjxIVE1MQW5jaG9yRWxlbWVudD5cbikge1xuICBjb25zdCB0aGVtZSA9IHVzZVRoZW1lKCk7XG5cbiAgaWYgKHByb2Nlc3MuZW52Lk5PREVfRU5WICE9PSBcInByb2R1Y3Rpb25cIikge1xuICAgIGlmIChpZCAmJiBhbmFseXRpY3NJZCkge1xuICAgICAgY29uc29sZS53YXJuKFxuICAgICAgICBcIltCb2xkQW5jaG9yXSBvbmx5IG9uZSBvZiB0aGUgYGlkYCBhbmQgYGFuYWx5dGljc0lkYCBwcm9wcyBjYW4gYmUgcGFzc2VkLiBQbGVhc2UgcmVtb3ZlIG9uZSBhcyBgYW5hbHl0aWNzSWRgIHdpbGwgb3ZlcnJpZGUgdGhlIGlkLlwiXG4gICAgICApO1xuICAgIH1cbiAgfVxuXG4gIGNvbnN0IHNjb3BlID0gY3NzLnJlc29sdmVgXG4gICAgYSB7XG4gICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICB0ZXh0LWRlY29yYXRpb246IG5vbmU7XG4gICAgICBjb2xvcjogaW5oZXJpdDtcbiAgICAgIGZvbnQtd2VpZ2h0OiA1MDA7XG4gICAgfVxuXG4gICAgYTpob3ZlcixcbiAgICBhOmZvY3VzLFxuICAgIGE6YWN0aXZlLFxuICAgIGEuYWN0aXZlIHtcbiAgICAgIGNvbG9yOiAke2dldENvbG9yVG9rZW4odGhlbWUsIFwiZm9yZWdyb3VuZFwiLCBjb2xvciwgeyBpbnZlcnQgfSl9O1xuICAgIH1cbiAgYDtcblxuICByZXR1cm4gKFxuICAgIDxhXG4gICAgICByZWY9e3JlZn1cbiAgICAgIGhyZWY9e2hyZWYgfHwgXCIjXCJ9XG4gICAgICBjbGFzc05hbWU9e2NuKFwiYm9sZC1hbmNob3JcIiwgY2xhc3NOYW1lLCBzY29wZS5jbGFzc05hbWUsIHsgYWN0aXZlIH0pfVxuICAgICAgaWQ9e2FuYWx5dGljc0lkIHx8IGlkfVxuICAgICAgey4uLnJlc3R9XG4gICAgPlxuICAgICAge2NoaWxkcmVufVxuICAgICAge3Njb3BlLnN0eWxlc31cbiAgICA8L2E+XG4gICk7XG59KTtcblxuZXhwb3J0IGRlZmF1bHQgQm9sZEFuY2hvcjtcbiJdfQ== */\n/*@ sourceURL=bold-anchor.tsx */")),
36
+ className: _JSXStyle.dynamic([["2700453302", [getColorToken(theme, "foreground", color, {
37
+ invert
38
+ })]]])
39
+ };
40
+ return /*#__PURE__*/React.createElement("a", _extends({
41
+ ref: ref,
42
+ href: href || "#",
43
+ className: classnames("bold-anchor", className, scope.className, {
44
+ active
45
+ }),
46
+ id: analyticsId || id
47
+ }, rest), children, scope.styles);
48
+ });
49
+ var BoldAnchor$1 = BoldAnchor;
50
+
51
+ export { BoldAnchor$1 as default };
@@ -0,0 +1,16 @@
1
+ import React from 'react';
2
+ import ImageAvatar from './image-avatar.js';
3
+ import TextAvatar from './text-avatar.js';
4
+
5
+ /* Used to represent a user */
6
+ function Avatar(props) {
7
+ if (isImageAvatar(props)) {
8
+ return /*#__PURE__*/React.createElement(ImageAvatar, props);
9
+ }
10
+ return /*#__PURE__*/React.createElement(TextAvatar, props);
11
+ }
12
+ function isImageAvatar(props) {
13
+ return "src" in props && typeof props.src !== "undefined";
14
+ }
15
+
16
+ export { Avatar as default };
@@ -0,0 +1,40 @@
1
+ import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
2
+ import _pt from 'prop-types';
3
+ import _JSXStyle from 'styled-jsx/style';
4
+ import React from 'react';
5
+ import classnames from 'classnames';
6
+ import { ON_BACKGROUND_GREY_GREY } from '../../theme/colors.js';
7
+
8
+ const _excluded = ["name", "src", "size"];
9
+ /* An avatar with an image */
10
+ function ImageAvatar(_ref) {
11
+ let {
12
+ name,
13
+ src,
14
+ size = "2.5rem"
15
+ } = _ref,
16
+ rest = _objectWithoutProperties(_ref, _excluded);
17
+ const scope = {
18
+ styles: /*#__PURE__*/React.createElement(_JSXStyle, {
19
+ id: "944252957",
20
+ dynamic: [ON_BACKGROUND_GREY_GREY, size, size]
21
+ }, ".avatar.__jsx-style-dynamic-selector{border-radius:100%;display:inline-block;overflow:hidden;border:1px solid ".concat(ON_BACKGROUND_GREY_GREY, ";line-height:0;vertical-align:top;width:").concat(size, ";height:").concat(size, ";}img.__jsx-style-dynamic-selector{width:100%;height:100%;}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImltYWdlLWF2YXRhci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBb0IyQixBQUcwQixBQVdSLFdBQ0MsUUFYUyxJQVl2QixpQkFYa0IsZ0JBQzhCLDhDQUNoQyxjQUNLLG1CQUNnQixtQ0FDQyxvQ0FDdEMiLCJmaWxlIjoiaW1hZ2UtYXZhdGFyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBjc3MgZnJvbSBcInN0eWxlZC1qc3gvY3NzXCI7XG5pbXBvcnQgY24gZnJvbSBcImNsYXNzbmFtZXNcIjtcbmltcG9ydCB7IE9OX0JBQ0tHUk9VTkRfR1JFWV9HUkVZIH0gZnJvbSBcIi4uLy4uL3RoZW1lL2NvbG9yc1wiO1xuXG5leHBvcnQgaW50ZXJmYWNlIEltYWdlQXZhdGFyUHJvcHNcbiAgZXh0ZW5kcyBPbWl0PFJlYWN0LkhUTUxQcm9wczxIVE1MU3BhbkVsZW1lbnQ+LCBcInNpemVcIj4ge1xuICBuYW1lOiBzdHJpbmc7XG4gIHNyYzogc3RyaW5nO1xuICBzaXplPzogc3RyaW5nO1xuICBhZG1pbklkPzogc3RyaW5nO1xufVxuXG4vKiBBbiBhdmF0YXIgd2l0aCBhbiBpbWFnZSAqL1xuZnVuY3Rpb24gSW1hZ2VBdmF0YXIoe1xuICBuYW1lLFxuICBzcmMsXG4gIHNpemUgPSBcIjIuNXJlbVwiLFxuICAuLi5yZXN0XG59OiBJbWFnZUF2YXRhclByb3BzKSB7XG4gIGNvbnN0IHNjb3BlID0gY3NzLnJlc29sdmVgXG4gICAgLmF2YXRhciB7XG4gICAgICBib3JkZXItcmFkaXVzOiAxMDAlO1xuICAgICAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuICAgICAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgICAgIGJvcmRlcjogMXB4IHNvbGlkICR7T05fQkFDS0dST1VORF9HUkVZX0dSRVl9O1xuICAgICAgbGluZS1oZWlnaHQ6IDA7XG4gICAgICB2ZXJ0aWNhbC1hbGlnbjogdG9wO1xuICAgICAgd2lkdGg6ICR7c2l6ZX07XG4gICAgICBoZWlnaHQ6ICR7c2l6ZX07XG4gICAgfVxuXG4gICAgaW1nIHtcbiAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgaGVpZ2h0OiAxMDAlO1xuICAgIH1cbiAgYDtcblxuICByZXR1cm4gKFxuICAgIDxzcGFuIGNsYXNzTmFtZT17Y24oXCJhdmF0YXJcIiwgc2NvcGUuY2xhc3NOYW1lKX0gdGl0bGU9e25hbWV9IHsuLi5yZXN0fT5cbiAgICAgIDxpbWcgY2xhc3NOYW1lPXtzY29wZS5jbGFzc05hbWV9IGFsdD17bmFtZX0gc3JjPXtzcmN9IC8+XG4gICAgICB7c2NvcGUuc3R5bGVzfVxuICAgIDwvc3Bhbj5cbiAgKTtcbn1cblxuZXhwb3J0IGRlZmF1bHQgSW1hZ2VBdmF0YXI7XG4iXX0= */\n/*@ sourceURL=image-avatar.tsx */")),
22
+ className: _JSXStyle.dynamic([["944252957", [ON_BACKGROUND_GREY_GREY, size, size]]])
23
+ };
24
+ return /*#__PURE__*/React.createElement("span", _extends({
25
+ className: classnames("avatar", scope.className),
26
+ title: name
27
+ }, rest), /*#__PURE__*/React.createElement("img", {
28
+ className: scope.className,
29
+ alt: name,
30
+ src: src
31
+ }), scope.styles);
32
+ }
33
+ ImageAvatar.propTypes = {
34
+ name: _pt.string.isRequired,
35
+ src: _pt.string.isRequired,
36
+ size: _pt.string,
37
+ adminId: _pt.string
38
+ };
39
+
40
+ export { ImageAvatar as default };
@@ -0,0 +1,59 @@
1
+ import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
2
+ import _pt from 'prop-types';
3
+ import _JSXStyle from 'styled-jsx/style';
4
+ import React from 'react';
5
+ import classnames from 'classnames';
6
+ import { useTheme, getColorToken } from '../../theme/theme.js';
7
+
8
+ const _excluded = ["name", "initials", "color", "invert", "size", "adminId"];
9
+ /* An avatar that shows initials, usually for when there is no photo available */
10
+ function TextAvatar(_ref) {
11
+ let {
12
+ name,
13
+ initials,
14
+ color = "primary",
15
+ invert,
16
+ size = "2.5rem",
17
+ adminId
18
+ } = _ref,
19
+ rest = _objectWithoutProperties(_ref, _excluded);
20
+ const theme = useTheme();
21
+ if (typeof name !== "string" || !name) {
22
+ name = adminId ? "Admin" : "";
23
+ }
24
+ if (!initials) {
25
+ initials = name.split(/\s+/).filter(str => str.length).map(str => str[0].toUpperCase()).join("");
26
+ }
27
+ const foreground = getColorToken(theme, "foreground", color, {
28
+ invert
29
+ });
30
+ const background = getColorToken(theme, "background", color, {
31
+ invert
32
+ });
33
+ const scope = {
34
+ styles: /*#__PURE__*/React.createElement(_JSXStyle, {
35
+ id: "635606464",
36
+ dynamic: [size, size, foreground, background]
37
+ }, ".text-avatar.__jsx-style-dynamic-selector{width:".concat(size, ";height:").concat(size, ";background-color:").concat(foreground, ";color:").concat(background, ";}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInRleHQtYXZhdGFyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEwQzJCLEFBRzBDLG1DQUNDLG9DQUNVLDhDQUNYLG1DQUNyQyIsImZpbGUiOiJ0ZXh0LWF2YXRhci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgY3NzIGZyb20gXCJzdHlsZWQtanN4L2Nzc1wiO1xuaW1wb3J0IGNuIGZyb20gXCJjbGFzc25hbWVzXCI7XG5pbXBvcnQgeyB1c2VUaGVtZSwgZ2V0Q29sb3JUb2tlbiwgQ29sb3JTcGVjaWZpZXIgfSBmcm9tIFwiLi4vLi4vdGhlbWUvdGhlbWVcIjtcblxuZXhwb3J0IGludGVyZmFjZSBUZXh0QXZhdGFyUHJvcHNcbiAgZXh0ZW5kcyBPbWl0PFJlYWN0LkhUTUxQcm9wczxIVE1MU3BhbkVsZW1lbnQ+LCBcImNvbG9yXCIgfCBcInNpemVcIj4ge1xuICBuYW1lOiBzdHJpbmc7XG4gIGluaXRpYWxzPzogc3RyaW5nO1xuICBjb2xvcj86IENvbG9yU3BlY2lmaWVyO1xuICBpbnZlcnQ/OiBib29sZWFuO1xuICBzaXplPzogc3RyaW5nO1xuICBhZG1pbklkPzogc3RyaW5nO1xufVxuXG4vKiBBbiBhdmF0YXIgdGhhdCBzaG93cyBpbml0aWFscywgdXN1YWxseSBmb3Igd2hlbiB0aGVyZSBpcyBubyBwaG90byBhdmFpbGFibGUgKi9cbmZ1bmN0aW9uIFRleHRBdmF0YXIoe1xuICBuYW1lLFxuICBpbml0aWFscyxcbiAgY29sb3IgPSBcInByaW1hcnlcIixcbiAgaW52ZXJ0LFxuICBzaXplID0gXCIyLjVyZW1cIixcbiAgYWRtaW5JZCxcbiAgLi4ucmVzdFxufTogVGV4dEF2YXRhclByb3BzKSB7XG4gIGNvbnN0IHRoZW1lID0gdXNlVGhlbWUoKTtcblxuICBpZiAodHlwZW9mIG5hbWUgIT09IFwic3RyaW5nXCIgfHwgIW5hbWUpIHtcbiAgICBuYW1lID0gYWRtaW5JZCA/IFwiQWRtaW5cIiA6IFwiXCI7XG4gIH1cblxuICBpZiAoIWluaXRpYWxzKSB7XG4gICAgaW5pdGlhbHMgPSBuYW1lXG4gICAgICAuc3BsaXQoL1xccysvKVxuICAgICAgLmZpbHRlcihzdHIgPT4gc3RyLmxlbmd0aClcbiAgICAgIC5tYXAoc3RyID0+IHN0clswXS50b1VwcGVyQ2FzZSgpKVxuICAgICAgLmpvaW4oXCJcIik7XG4gIH1cblxuICBjb25zdCBmb3JlZ3JvdW5kID0gZ2V0Q29sb3JUb2tlbih0aGVtZSwgXCJmb3JlZ3JvdW5kXCIsIGNvbG9yLCB7IGludmVydCB9KTtcbiAgY29uc3QgYmFja2dyb3VuZCA9IGdldENvbG9yVG9rZW4odGhlbWUsIFwiYmFja2dyb3VuZFwiLCBjb2xvciwgeyBpbnZlcnQgfSk7XG5cbiAgY29uc3Qgc2NvcGUgPSBjc3MucmVzb2x2ZWBcbiAgICAudGV4dC1hdmF0YXIge1xuICAgICAgd2lkdGg6ICR7c2l6ZX07XG4gICAgICBoZWlnaHQ6ICR7c2l6ZX07XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2ZvcmVncm91bmR9O1xuICAgICAgY29sb3I6ICR7YmFja2dyb3VuZH07XG4gICAgfVxuICBgO1xuXG4gIHJldHVybiAoXG4gICAgPHNwYW4gY2xhc3NOYW1lPXtjbihcInRleHQtYXZhdGFyXCIsIHNjb3BlLmNsYXNzTmFtZSl9IHRpdGxlPXtuYW1lfSB7Li4ucmVzdH0+XG4gICAgICA8c3BhbiBjbGFzc05hbWU9XCJuYW1lXCI+e2luaXRpYWxzfTwvc3Bhbj5cbiAgICAgIDxzdHlsZSBqc3g+e2BcbiAgICAgICAgLnRleHQtYXZhdGFyIHtcbiAgICAgICAgICBib3JkZXItcmFkaXVzOiAxMDAlO1xuICAgICAgICAgIGRpc3BsYXk6IGlubGluZS1mbGV4O1xuICAgICAgICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgICAgICAgbGluZS1oZWlnaHQ6IDA7XG4gICAgICAgICAgdmVydGljYWwtYWxpZ246IHRvcDtcblxuICAgICAgICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICAgIH1cblxuICAgICAgICAubmFtZSB7XG4gICAgICAgICAgZm9udC1zaXplOiAxcmVtO1xuICAgICAgICAgIHVzZXItc2VsZWN0OiBub25lO1xuICAgICAgICB9XG4gICAgICBgfTwvc3R5bGU+XG4gICAgICB7c2NvcGUuc3R5bGVzfVxuICAgIDwvc3Bhbj5cbiAgKTtcbn1cblxuZXhwb3J0IGRlZmF1bHQgVGV4dEF2YXRhcjtcbiJdfQ== */\n/*@ sourceURL=text-avatar.tsx */")),
38
+ className: _JSXStyle.dynamic([["635606464", [size, size, foreground, background]]])
39
+ };
40
+ return /*#__PURE__*/React.createElement("span", _extends({
41
+ title: name
42
+ }, rest, {
43
+ className: "jsx-912509309" + " " + (rest && rest.className != null && rest.className || classnames("text-avatar", scope.className) || "")
44
+ }), /*#__PURE__*/React.createElement("span", {
45
+ className: "jsx-912509309" + " " + "name"
46
+ }, initials), /*#__PURE__*/React.createElement(_JSXStyle, {
47
+ id: "912509309"
48
+ }, ".text-avatar.jsx-912509309{border-radius:100%;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;overflow:hidden;line-height:0;vertical-align:top;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.name.jsx-912509309{font-size:1rem;-webkit-user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInRleHQtYXZhdGFyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFzRGtCLEFBRzhCLEFBV0osZUFDVSxJQVhMLHFCQVlLLGlGQVhULElBWWxCLFlBWGdCLGNBQ0ssbUJBRUksbUdBQ0osNkZBQ3JCIiwiZmlsZSI6InRleHQtYXZhdGFyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBjc3MgZnJvbSBcInN0eWxlZC1qc3gvY3NzXCI7XG5pbXBvcnQgY24gZnJvbSBcImNsYXNzbmFtZXNcIjtcbmltcG9ydCB7IHVzZVRoZW1lLCBnZXRDb2xvclRva2VuLCBDb2xvclNwZWNpZmllciB9IGZyb20gXCIuLi8uLi90aGVtZS90aGVtZVwiO1xuXG5leHBvcnQgaW50ZXJmYWNlIFRleHRBdmF0YXJQcm9wc1xuICBleHRlbmRzIE9taXQ8UmVhY3QuSFRNTFByb3BzPEhUTUxTcGFuRWxlbWVudD4sIFwiY29sb3JcIiB8IFwic2l6ZVwiPiB7XG4gIG5hbWU6IHN0cmluZztcbiAgaW5pdGlhbHM/OiBzdHJpbmc7XG4gIGNvbG9yPzogQ29sb3JTcGVjaWZpZXI7XG4gIGludmVydD86IGJvb2xlYW47XG4gIHNpemU/OiBzdHJpbmc7XG4gIGFkbWluSWQ/OiBzdHJpbmc7XG59XG5cbi8qIEFuIGF2YXRhciB0aGF0IHNob3dzIGluaXRpYWxzLCB1c3VhbGx5IGZvciB3aGVuIHRoZXJlIGlzIG5vIHBob3RvIGF2YWlsYWJsZSAqL1xuZnVuY3Rpb24gVGV4dEF2YXRhcih7XG4gIG5hbWUsXG4gIGluaXRpYWxzLFxuICBjb2xvciA9IFwicHJpbWFyeVwiLFxuICBpbnZlcnQsXG4gIHNpemUgPSBcIjIuNXJlbVwiLFxuICBhZG1pbklkLFxuICAuLi5yZXN0XG59OiBUZXh0QXZhdGFyUHJvcHMpIHtcbiAgY29uc3QgdGhlbWUgPSB1c2VUaGVtZSgpO1xuXG4gIGlmICh0eXBlb2YgbmFtZSAhPT0gXCJzdHJpbmdcIiB8fCAhbmFtZSkge1xuICAgIG5hbWUgPSBhZG1pbklkID8gXCJBZG1pblwiIDogXCJcIjtcbiAgfVxuXG4gIGlmICghaW5pdGlhbHMpIHtcbiAgICBpbml0aWFscyA9IG5hbWVcbiAgICAgIC5zcGxpdCgvXFxzKy8pXG4gICAgICAuZmlsdGVyKHN0ciA9PiBzdHIubGVuZ3RoKVxuICAgICAgLm1hcChzdHIgPT4gc3RyWzBdLnRvVXBwZXJDYXNlKCkpXG4gICAgICAuam9pbihcIlwiKTtcbiAgfVxuXG4gIGNvbnN0IGZvcmVncm91bmQgPSBnZXRDb2xvclRva2VuKHRoZW1lLCBcImZvcmVncm91bmRcIiwgY29sb3IsIHsgaW52ZXJ0IH0pO1xuICBjb25zdCBiYWNrZ3JvdW5kID0gZ2V0Q29sb3JUb2tlbih0aGVtZSwgXCJiYWNrZ3JvdW5kXCIsIGNvbG9yLCB7IGludmVydCB9KTtcblxuICBjb25zdCBzY29wZSA9IGNzcy5yZXNvbHZlYFxuICAgIC50ZXh0LWF2YXRhciB7XG4gICAgICB3aWR0aDogJHtzaXplfTtcbiAgICAgIGhlaWdodDogJHtzaXplfTtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7Zm9yZWdyb3VuZH07XG4gICAgICBjb2xvcjogJHtiYWNrZ3JvdW5kfTtcbiAgICB9XG4gIGA7XG5cbiAgcmV0dXJuIChcbiAgICA8c3BhbiBjbGFzc05hbWU9e2NuKFwidGV4dC1hdmF0YXJcIiwgc2NvcGUuY2xhc3NOYW1lKX0gdGl0bGU9e25hbWV9IHsuLi5yZXN0fT5cbiAgICAgIDxzcGFuIGNsYXNzTmFtZT1cIm5hbWVcIj57aW5pdGlhbHN9PC9zcGFuPlxuICAgICAgPHN0eWxlIGpzeD57YFxuICAgICAgICAudGV4dC1hdmF0YXIge1xuICAgICAgICAgIGJvcmRlci1yYWRpdXM6IDEwMCU7XG4gICAgICAgICAgZGlzcGxheTogaW5saW5lLWZsZXg7XG4gICAgICAgICAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgICAgICAgICBsaW5lLWhlaWdodDogMDtcbiAgICAgICAgICB2ZXJ0aWNhbC1hbGlnbjogdG9wO1xuXG4gICAgICAgICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgICAgfVxuXG4gICAgICAgIC5uYW1lIHtcbiAgICAgICAgICBmb250LXNpemU6IDFyZW07XG4gICAgICAgICAgdXNlci1zZWxlY3Q6IG5vbmU7XG4gICAgICAgIH1cbiAgICAgIGB9PC9zdHlsZT5cbiAgICAgIHtzY29wZS5zdHlsZXN9XG4gICAgPC9zcGFuPlxuICApO1xufVxuXG5leHBvcnQgZGVmYXVsdCBUZXh0QXZhdGFyO1xuIl19 */\n/*@ sourceURL=text-avatar.tsx */"), scope.styles);
49
+ }
50
+ TextAvatar.propTypes = {
51
+ name: _pt.string.isRequired,
52
+ initials: _pt.string,
53
+ color: _pt.any,
54
+ invert: _pt.bool,
55
+ size: _pt.string,
56
+ adminId: _pt.string
57
+ };
58
+
59
+ export { TextAvatar as default };