@mycause/ui 0.0.0-cb8edf5f → 0.0.0-cba5b1d7

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 (255) hide show
  1. package/README.md +12 -2
  2. package/dist/components/avatar/image-avatar.d.ts +1 -0
  3. package/dist/components/avatar/text-avatar.d.ts +2 -1
  4. package/dist/components/charity-tags-filter-button/charity-tags-filter-button.stories.d.ts +2 -1
  5. package/dist/components/cropper/cropper.stories.d.ts +2 -1
  6. package/dist/components/donation-form/donation-form.stories.d.ts +33 -7
  7. package/dist/components/featured-campaign-card/featured-campaign-card.d.ts +2 -2
  8. package/dist/components/icon/material-icon.d.ts +0 -5
  9. package/dist/components/index.d.ts +2 -2
  10. package/dist/components/info-represent-campaign/info-represent-campaign.stories.d.ts +2 -1
  11. package/dist/components/input/input.stories.d.ts +2 -1
  12. package/dist/components/input-social/input-social.stories.d.ts +2 -1
  13. package/dist/components/layout/box.d.ts +0 -1
  14. package/dist/components/layout/flex.d.ts +0 -9
  15. package/dist/components/layout/flex.stories.d.ts +36 -8
  16. package/dist/components/layout/stack.d.ts +1 -8
  17. package/dist/components/modal/modal.stories.d.ts +2 -2
  18. package/dist/components/my-account-frp-closed/my-account-frp-closed.stories.d.ts +2 -1
  19. package/dist/components/my-account-frp-preview/my-account-frp-preview.stories.d.ts +2 -1
  20. package/dist/components/my-account-sidebar/my-account-sidebar.stories.d.ts +1 -1
  21. package/dist/components/my-account-stats-donated/my-account-stats-donated.stories.d.ts +2 -1
  22. package/dist/components/my-account-stats-raised/my-account-stats-raised.stories.d.ts +2 -1
  23. package/dist/components/nav/{nav-expanded-charity-new.d.ts → nav-expanded-charity-v2.d.ts} +2 -2
  24. package/dist/components/navigation/navigation-user-menu.d.ts +1 -0
  25. package/dist/components/partner-chart-stats/partner-chart-stats.stories.d.ts +2 -1
  26. package/dist/components/partner-monthly-donations/partner-monthly-donations.stories.d.ts +2 -1
  27. package/dist/components/partner-monthly-stats/partner-monthly-stats.stories.d.ts +2 -1
  28. package/dist/components/partner-toggle-button/partner-toggle-button-block.stories.d.ts +2 -1
  29. package/dist/components/phone-number-input/phone-number-input.stories.d.ts +22 -24
  30. package/dist/components/select/select.stories.d.ts +93 -13
  31. package/dist/components/switch/switch.d.ts +4 -1
  32. package/dist/components/table/partner-monthly-table.stories.d.ts +2 -1
  33. package/dist/components/text/text.stories.d.ts +55 -8
  34. package/dist/components/text-field/text-field.stories.d.ts +6 -14
  35. package/dist/components/this-month-card/this-month-card.stories.d.ts +2 -1
  36. package/dist/components/toast/toast.stories.d.ts +2 -1
  37. package/dist/donation/anchor.d.ts +2 -0
  38. package/dist/donation/button.d.ts +2 -0
  39. package/dist/donation/checkbox.d.ts +1 -0
  40. package/dist/donation/combo-field.d.ts +1 -0
  41. package/dist/donation/elevation.d.ts +1 -0
  42. package/dist/donation/field-label.d.ts +1 -0
  43. package/dist/donation/flex.d.ts +2 -0
  44. package/dist/donation/grid.d.ts +1 -0
  45. package/dist/donation/icon.d.ts +2 -0
  46. package/dist/donation/modal.d.ts +1 -0
  47. package/dist/donation/navigation.d.ts +1 -0
  48. package/dist/donation/phone-number-input.d.ts +1 -0
  49. package/dist/donation/radio.d.ts +1 -0
  50. package/dist/donation/select.d.ts +1 -0
  51. package/dist/donation/single-date-picker.d.ts +1 -0
  52. package/dist/donation/stack.d.ts +1 -0
  53. package/dist/donation/text-field.d.ts +24 -0
  54. package/dist/donation/text.d.ts +1 -0
  55. package/dist/donation.esm.js +2165 -23047
  56. package/dist/donation.js +2769 -23633
  57. package/dist/index.css +1 -1
  58. package/dist/index.css.map +1 -1
  59. package/dist/index.esm.css +1 -1
  60. package/dist/index.esm.css.map +1 -1
  61. package/dist/index.esm.js +3527 -24390
  62. package/dist/index.js +5314 -26122
  63. package/donation/anchor/package.json +5 -0
  64. package/donation/button/package.json +5 -0
  65. package/donation/checkbox/package.json +5 -0
  66. package/donation/cjs/_virtual/_rollupPluginBabelHelpers.js +84 -0
  67. package/donation/cjs/components/anchor/anchor.js +50 -0
  68. package/donation/cjs/components/anchor/bold-anchor.js +61 -0
  69. package/donation/cjs/components/avatar/avatar.js +22 -0
  70. package/donation/cjs/components/avatar/image-avatar.js +51 -0
  71. package/donation/cjs/components/avatar/text-avatar.js +70 -0
  72. package/donation/cjs/components/button/button.js +143 -0
  73. package/donation/cjs/components/checkbox/checkbox.js +75 -0
  74. package/donation/cjs/components/combo-field/combo-field-expander.js +44 -0
  75. package/donation/cjs/components/combo-field/combo-field.js +103 -0
  76. package/donation/cjs/components/date-picker/single-date-picker.js +83 -0
  77. package/donation/cjs/components/elevation/elevation.js +61 -0
  78. package/donation/cjs/components/field-helpers/field-helper-text.js +45 -0
  79. package/donation/cjs/components/field-helpers/field-label.js +51 -0
  80. package/donation/cjs/components/icon/heart-toggle.js +49 -0
  81. package/donation/cjs/components/icon/icon-button-group.js +49 -0
  82. package/donation/cjs/components/icon/icon-button.js +64 -0
  83. package/donation/cjs/components/icon/icon.js +67 -0
  84. package/donation/cjs/components/icon/material-icon.js +44 -0
  85. package/donation/cjs/components/layout/box.js +115 -0
  86. package/donation/cjs/components/layout/flex.js +81 -0
  87. package/donation/cjs/components/layout/grid.js +46 -0
  88. package/donation/cjs/components/layout/stack.js +48 -0
  89. package/donation/cjs/components/list/list.js +163 -0
  90. package/donation/cjs/components/menu/menu-list-item-graphic.js +7 -0
  91. package/donation/cjs/components/menu/menu-list-item-meta.js +7 -0
  92. package/donation/cjs/components/menu/menu-list-item-text.js +7 -0
  93. package/donation/cjs/components/menu/menu-list-item.js +27 -0
  94. package/donation/cjs/components/menu/menu-list.js +38 -0
  95. package/donation/cjs/components/menu/menu-surface.js +20 -0
  96. package/donation/cjs/components/modal/modal.js +153 -0
  97. package/donation/cjs/components/navigation/navigation-actions.js +21 -0
  98. package/donation/cjs/components/navigation/navigation-bar.js +34 -0
  99. package/donation/cjs/components/navigation/navigation-call-to-action.js +18 -0
  100. package/donation/cjs/components/navigation/navigation-expanded.js +67 -0
  101. package/donation/cjs/components/navigation/navigation-list.js +78 -0
  102. package/donation/cjs/components/navigation/navigation-menu-control.js +50 -0
  103. package/donation/cjs/components/navigation/navigation-menu.js +104 -0
  104. package/donation/cjs/components/navigation/navigation-search-control.js +30 -0
  105. package/donation/cjs/components/navigation/navigation-search.js +90 -0
  106. package/donation/cjs/components/navigation/navigation-sign-in-control.js +57 -0
  107. package/donation/cjs/components/navigation/navigation-user-menu-items.js +83 -0
  108. package/donation/cjs/components/navigation/navigation-user-menu.js +96 -0
  109. package/donation/cjs/components/navigation/navigation.js +191 -0
  110. package/donation/cjs/components/phone-number-input/phone-number-input-v1.js +183 -0
  111. package/donation/cjs/components/radio/radio.js +84 -0
  112. package/donation/cjs/components/select/select-helper-text.js +19 -0
  113. package/donation/cjs/components/select/select.js +177 -0
  114. package/donation/cjs/components/statistics/statistics.js +79 -0
  115. package/donation/cjs/components/tabs/tab-bar.js +43 -0
  116. package/donation/cjs/components/tabs/tab-text-label.js +23 -0
  117. package/donation/cjs/components/tabs/tab.js +72 -0
  118. package/donation/cjs/components/tabs/tabs.js +102 -0
  119. package/donation/cjs/components/text/text.js +197 -0
  120. package/donation/cjs/components/text-field/text-field-helper-text.js +31 -0
  121. package/donation/cjs/components/text-field/text-field.js +169 -0
  122. package/donation/cjs/donation/anchor.js +9 -0
  123. package/donation/cjs/donation/button.js +9 -0
  124. package/donation/cjs/donation/checkbox.js +9 -0
  125. package/donation/cjs/donation/combo-field.js +9 -0
  126. package/donation/cjs/donation/elevation.js +9 -0
  127. package/donation/cjs/donation/field-label.js +9 -0
  128. package/donation/cjs/donation/flex.js +9 -0
  129. package/donation/cjs/donation/grid.js +9 -0
  130. package/donation/cjs/donation/icon.js +9 -0
  131. package/donation/cjs/donation/modal.js +9 -0
  132. package/donation/cjs/donation/navigation.js +9 -0
  133. package/donation/cjs/donation/phone-number-input.js +9 -0
  134. package/donation/cjs/donation/radio.js +9 -0
  135. package/donation/cjs/donation/select.js +9 -0
  136. package/donation/cjs/donation/single-date-picker.js +9 -0
  137. package/donation/cjs/donation/stack.js +9 -0
  138. package/donation/cjs/donation/text-field.js +9 -0
  139. package/donation/cjs/donation/text.js +9 -0
  140. package/donation/cjs/theme/colors.js +15 -0
  141. package/donation/cjs/theme/mycause-theme.js +42 -0
  142. package/donation/cjs/theme/theme.js +69 -0
  143. package/donation/cjs/utils/browser.js +15 -0
  144. package/donation/cjs/utils/flags.js +24 -0
  145. package/donation/cjs/utils/get-element-display-name.js +12 -0
  146. package/donation/cjs/utils/set-ref.js +30 -0
  147. package/donation/cjs/utils/tap-event.js +17 -0
  148. package/donation/cjs/utils/tap-ref.js +17 -0
  149. package/donation/cjs/utils/wrap.js +19 -0
  150. package/donation/combo-field/package.json +5 -0
  151. package/donation/elevation/package.json +5 -0
  152. package/donation/esm/_virtual/_rollupPluginBabelHelpers.js +74 -0
  153. package/donation/esm/components/anchor/anchor.js +42 -0
  154. package/donation/esm/components/anchor/bold-anchor.js +53 -0
  155. package/donation/esm/components/avatar/avatar.js +16 -0
  156. package/donation/esm/components/avatar/image-avatar.js +42 -0
  157. package/donation/esm/components/avatar/text-avatar.js +61 -0
  158. package/donation/esm/components/button/button.js +132 -0
  159. package/donation/esm/components/checkbox/checkbox.js +65 -0
  160. package/donation/esm/components/combo-field/combo-field-expander.js +35 -0
  161. package/donation/esm/components/combo-field/combo-field.js +94 -0
  162. package/donation/esm/components/date-picker/single-date-picker.js +75 -0
  163. package/donation/esm/components/elevation/elevation.js +52 -0
  164. package/donation/esm/components/field-helpers/field-helper-text.js +36 -0
  165. package/donation/esm/components/field-helpers/field-label.js +42 -0
  166. package/donation/esm/components/icon/heart-toggle.js +41 -0
  167. package/donation/esm/components/icon/icon-button-group.js +40 -0
  168. package/donation/esm/components/icon/icon-button.js +54 -0
  169. package/donation/esm/components/icon/icon.js +58 -0
  170. package/donation/esm/components/icon/material-icon.js +35 -0
  171. package/donation/esm/components/layout/box.js +106 -0
  172. package/donation/esm/components/layout/flex.js +72 -0
  173. package/donation/esm/components/layout/grid.js +37 -0
  174. package/donation/esm/components/layout/stack.js +39 -0
  175. package/donation/esm/components/list/list.js +152 -0
  176. package/donation/esm/components/menu/menu-list-item-graphic.js +2 -0
  177. package/donation/esm/components/menu/menu-list-item-meta.js +2 -0
  178. package/donation/esm/components/menu/menu-list-item-text.js +2 -0
  179. package/donation/esm/components/menu/menu-list-item.js +20 -0
  180. package/donation/esm/components/menu/menu-list.js +30 -0
  181. package/donation/esm/components/menu/menu-surface.js +2 -0
  182. package/donation/esm/components/modal/modal.js +143 -0
  183. package/donation/esm/components/navigation/navigation-actions.js +15 -0
  184. package/donation/esm/components/navigation/navigation-bar.js +26 -0
  185. package/donation/esm/components/navigation/navigation-call-to-action.js +12 -0
  186. package/donation/esm/components/navigation/navigation-expanded.js +58 -0
  187. package/donation/esm/components/navigation/navigation-list.js +70 -0
  188. package/donation/esm/components/navigation/navigation-menu-control.js +41 -0
  189. package/donation/esm/components/navigation/navigation-menu.js +93 -0
  190. package/donation/esm/components/navigation/navigation-search-control.js +23 -0
  191. package/donation/esm/components/navigation/navigation-search.js +81 -0
  192. package/donation/esm/components/navigation/navigation-sign-in-control.js +49 -0
  193. package/donation/esm/components/navigation/navigation-user-menu-items.js +76 -0
  194. package/donation/esm/components/navigation/navigation-user-menu.js +86 -0
  195. package/donation/esm/components/navigation/navigation.js +182 -0
  196. package/donation/esm/components/phone-number-input/phone-number-input-v1.js +171 -0
  197. package/donation/esm/components/radio/radio.js +73 -0
  198. package/donation/esm/components/select/select-helper-text.js +12 -0
  199. package/donation/esm/components/select/select.js +168 -0
  200. package/donation/esm/components/statistics/statistics.js +70 -0
  201. package/donation/esm/components/tabs/tab-bar.js +34 -0
  202. package/donation/esm/components/tabs/tab-text-label.js +16 -0
  203. package/donation/esm/components/tabs/tab.js +63 -0
  204. package/donation/esm/components/tabs/tabs.js +93 -0
  205. package/donation/esm/components/text/text.js +189 -0
  206. package/donation/esm/components/text-field/text-field-helper-text.js +24 -0
  207. package/donation/esm/components/text-field/text-field.js +159 -0
  208. package/donation/esm/donation/anchor.js +1 -0
  209. package/donation/esm/donation/button.js +1 -0
  210. package/donation/esm/donation/checkbox.js +1 -0
  211. package/donation/esm/donation/combo-field.js +1 -0
  212. package/donation/esm/donation/elevation.js +1 -0
  213. package/donation/esm/donation/field-label.js +1 -0
  214. package/donation/esm/donation/flex.js +1 -0
  215. package/donation/esm/donation/grid.js +1 -0
  216. package/donation/esm/donation/icon.js +1 -0
  217. package/donation/esm/donation/modal.js +1 -0
  218. package/donation/esm/donation/navigation.js +1 -0
  219. package/donation/esm/donation/phone-number-input.js +1 -0
  220. package/donation/esm/donation/radio.js +1 -0
  221. package/donation/esm/donation/select.js +1 -0
  222. package/donation/esm/donation/single-date-picker.js +1 -0
  223. package/donation/esm/donation/stack.js +1 -0
  224. package/donation/esm/donation/text-field.js +5 -0
  225. package/donation/esm/donation/text.js +1 -0
  226. package/donation/esm/theme/colors.js +7 -0
  227. package/donation/esm/theme/mycause-theme.js +40 -0
  228. package/donation/esm/theme/theme.js +59 -0
  229. package/donation/esm/utils/browser.js +11 -0
  230. package/donation/esm/utils/flags.js +20 -0
  231. package/donation/esm/utils/get-element-display-name.js +8 -0
  232. package/donation/esm/utils/set-ref.js +26 -0
  233. package/donation/esm/utils/tap-event.js +13 -0
  234. package/donation/esm/utils/tap-ref.js +13 -0
  235. package/donation/esm/utils/wrap.js +11 -0
  236. package/donation/field-label/package.json +5 -0
  237. package/donation/flex/package.json +5 -0
  238. package/donation/grid/package.json +5 -0
  239. package/donation/icon/package.json +5 -0
  240. package/donation/modal/package.json +5 -0
  241. package/donation/navigation/package.json +5 -0
  242. package/donation/phone-number-input/package.json +5 -0
  243. package/donation/radio/package.json +5 -0
  244. package/donation/select/package.json +5 -0
  245. package/donation/single-date-picker/package.json +5 -0
  246. package/donation/stack/package.json +5 -0
  247. package/donation/text/package.json +5 -0
  248. package/donation/text-field/package.json +5 -0
  249. package/donation.css +2 -0
  250. package/package.json +152 -26
  251. package/styles/index.css +1 -1
  252. package/styles/index.css.map +1 -1
  253. package/dist/components/nav/charity.d.ts +0 -3
  254. /package/{dist → styles}/_index.css.js +0 -0
  255. /package/{dist → styles}/_reset.css.js +0 -0
@@ -2,16 +2,63 @@ import React from "react";
2
2
  import CenterDecorator from "../../utils/center-decorator";
3
3
  declare const _default: {
4
4
  title: string;
5
- decorators: ((...args: any) => any)[];
6
- };
7
- export default _default;
8
- export declare const TextStory: {
9
- (): React.JSX.Element;
10
- story: {
11
- name: string;
12
- decorators: (typeof CenterDecorator)[];
5
+ decorators: (typeof CenterDecorator)[];
6
+ argTypes: {
7
+ contents: {
8
+ control: string;
9
+ defaultValue: string;
10
+ };
11
+ elem: {
12
+ control: {
13
+ type: string;
14
+ options: {
15
+ Span: string;
16
+ "Heading 1": string;
17
+ "Heading 2": string;
18
+ "Heading 3": string;
19
+ "Heading 4": string;
20
+ "Heading 5": string;
21
+ "Heading 6": string;
22
+ Paragraph: string;
23
+ Small: string;
24
+ };
25
+ };
26
+ defaultValue: string;
27
+ };
28
+ kind: {
29
+ control: {
30
+ type: string;
31
+ options: string[];
32
+ };
33
+ defaultValue: string;
34
+ };
35
+ align: {
36
+ control: {
37
+ type: string;
38
+ options: string[];
39
+ };
40
+ defaultValue: string;
41
+ };
42
+ underline: {
43
+ control: string;
44
+ defaultValue: boolean;
45
+ };
46
+ strike: {
47
+ control: string;
48
+ defaultValue: boolean;
49
+ };
50
+ bold: {
51
+ control: string;
52
+ defaultValue: boolean;
53
+ };
54
+ italic: {
55
+ control: string;
56
+ defaultValue: boolean;
57
+ };
13
58
  };
14
59
  };
60
+ export default _default;
61
+ export declare const TextStory: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("@storybook/types").Args>;
15
62
  export declare const kinds: {
16
63
  (): React.JSX.Element;
17
64
  story: {
@@ -1,18 +1,10 @@
1
- import React from "react";
1
+ import { StoryFn } from "@storybook/react";
2
+ import CenterDecorator from "../../utils/center-decorator";
2
3
  declare const _default: {
3
4
  title: string;
4
- decorators: ((...args: any) => any)[];
5
+ tags: string[];
6
+ decorators: (typeof CenterDecorator)[];
5
7
  };
6
8
  export default _default;
7
- export declare const TextFieldStory: {
8
- (): React.JSX.Element;
9
- story: {
10
- name: string;
11
- };
12
- };
13
- export declare const TextFieldSearchStory: {
14
- (): React.JSX.Element;
15
- story: {
16
- name: string;
17
- };
18
- };
9
+ export declare const TextFieldStory: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("@storybook/types").Args>;
10
+ export declare const TextFieldSearchStory: StoryFn;
@@ -1,7 +1,8 @@
1
1
  import React from "react";
2
+ import CenterDecorator from "../../utils/center-decorator";
2
3
  declare const _default: {
3
4
  title: string;
4
- decorators: ((...args: any) => any)[];
5
+ decorators: (typeof CenterDecorator)[];
5
6
  };
6
7
  export default _default;
7
8
  export declare const ThisMonthCardStories: {
@@ -1,7 +1,8 @@
1
1
  import React from "react";
2
+ import CenterDecorator from "../../utils/center-decorator";
2
3
  declare const _default: {
3
4
  title: string;
4
- decorators: ((...args: any) => any)[];
5
+ decorators: (typeof CenterDecorator)[];
5
6
  };
6
7
  export default _default;
7
8
  export declare const SwitchDefault: {
@@ -0,0 +1,2 @@
1
+ export { default as Anchor } from "../components/anchor/anchor";
2
+ export type AnchorProps = import("../components/anchor/anchor").AnchorProps;
@@ -0,0 +1,2 @@
1
+ export { default as Button } from "../components/button/button";
2
+ export type ButtonProps = import("../components/button/button").ButtonProps;
@@ -0,0 +1 @@
1
+ export { default as Checkbox } from "../components/checkbox/checkbox";
@@ -0,0 +1 @@
1
+ export { default as ComboField } from "../components/combo-field/combo-field";
@@ -0,0 +1 @@
1
+ export { default as Elevation } from "../components/elevation/elevation";
@@ -0,0 +1 @@
1
+ export { default as FieldLabel } from "../components/field-helpers/field-label";
@@ -0,0 +1,2 @@
1
+ export { default as Flex } from "../components/layout/flex";
2
+ export type FlexProps = import("../components/layout/flex").FlexProps;
@@ -0,0 +1 @@
1
+ export { default as Grid } from "../components/layout/grid";
@@ -0,0 +1,2 @@
1
+ export { default as Icon } from "../components/icon/icon";
2
+ export type IconProps = import("../components/icon/icon").IconProps;
@@ -0,0 +1 @@
1
+ export { default as Modal } from "../components/modal/modal";
@@ -0,0 +1 @@
1
+ export { default as Navigation } from "../components/navigation/navigation";
@@ -0,0 +1 @@
1
+ export { default as PhoneNumberInputV1 } from "../components/phone-number-input/phone-number-input-v1";
@@ -0,0 +1 @@
1
+ export { default as Radio } from "../components/radio/radio";
@@ -0,0 +1 @@
1
+ export { default as Select } from "../components/select/select";
@@ -0,0 +1 @@
1
+ export { default as SingleDatePicker } from "../components/date-picker/single-date-picker";
@@ -0,0 +1 @@
1
+ export { default as Stack } from "../components/layout/stack";
@@ -0,0 +1,24 @@
1
+ import React from "react";
2
+ export interface TextFieldProps extends Omit<React.HTMLProps<HTMLInputElement>, "ref" | "dense"> {
3
+ fullWidth?: boolean;
4
+ helperText?: string | React.ReactElement | null;
5
+ characterCounter?: React.ReactNode;
6
+ label?: string;
7
+ leadingIcon?: React.ReactElement;
8
+ onLeadingIconSelect?: () => void;
9
+ onTrailingIconSelect?: () => void;
10
+ textarea?: boolean;
11
+ trailingIcon?: React.ReactElement;
12
+ isHelperTextPersistent?: boolean;
13
+ large?: boolean;
14
+ error?: string | null | boolean;
15
+ externalLabel?: boolean;
16
+ placeholder?: string;
17
+ list?: string;
18
+ className?: string;
19
+ required?: boolean;
20
+ color?: string;
21
+ outlined?: boolean;
22
+ onChange?: (e: React.FormEvent<HTMLInputElement>) => void;
23
+ }
24
+ export declare const TextField: React.ForwardRefExoticComponent<TextFieldProps & React.RefAttributes<HTMLInputElement>>;
@@ -0,0 +1 @@
1
+ export { default as Text } from "../components/text/text";