@mycause/ui 0.0.0-c7de8cef → 0.0.0-c7f1270a

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 (258) hide show
  1. package/CHANGELOG.md +106 -0
  2. package/README.md +9 -0
  3. package/dist/components/campaign-card/campaign-card.d.ts +9 -0
  4. package/dist/components/campaign-card/campaign-card.stories.d.ts +14 -0
  5. package/dist/components/campaign-card/index.d.ts +1 -0
  6. package/dist/components/campaign-of-month/campaign-of-month.d.ts +14 -0
  7. package/dist/components/campaign-of-month/campaign-of-month.stories.d.ts +14 -0
  8. package/dist/components/campaign-of-month/index.d.ts +1 -0
  9. package/dist/components/charity-card/charity-card.d.ts +7 -0
  10. package/dist/components/charity-card/charity-card.stories.d.ts +14 -0
  11. package/dist/components/charity-card/index.d.ts +1 -0
  12. package/dist/components/combo-field/combo-field.d.ts +4 -1
  13. package/dist/components/comment-section/comment-section-v2/comment-section-v2.d.ts +31 -0
  14. package/dist/components/comment-section/comment-section-v2/sub-comments-v2.d.ts +11 -0
  15. package/dist/components/comment-section/comment-section.d.ts +1 -0
  16. package/dist/components/comment-section/comment-section.stories.d.ts +6 -0
  17. package/dist/components/comment-section/index.d.ts +1 -0
  18. package/dist/components/date-picker/single-date-picker.d.ts +3 -2
  19. package/dist/components/donate-card/donate-card.d.ts +8 -0
  20. package/dist/components/donate-card/donate-card.stories.d.ts +14 -0
  21. package/dist/components/donate-card/index.d.ts +1 -0
  22. package/dist/components/donation-form/donation-details.d.ts +12 -0
  23. package/dist/components/donation-form/donation-form-v2/donation-form-v2.d.ts +13 -0
  24. package/dist/components/donation-form/donation-form.d.ts +64 -0
  25. package/dist/components/donation-form/donation-form.stories.d.ts +18 -0
  26. package/dist/components/donation-form/donation-payment.d.ts +13 -0
  27. package/dist/components/donation-form/donation-select.d.ts +13 -0
  28. package/dist/components/donation-form/index.d.ts +2 -0
  29. package/dist/components/featured-campaign-card/featured-campaign-card.d.ts +17 -0
  30. package/dist/components/featured-campaign-card/featured-campaign-card.stories.d.ts +14 -0
  31. package/dist/components/featured-campaign-card/index.d.ts +1 -0
  32. package/dist/components/footerV2/footerV2.d.ts +35 -0
  33. package/dist/components/footerV2/footerV2.stories.d.ts +15 -0
  34. package/dist/components/footerV2/index.d.ts +1 -0
  35. package/dist/components/fundraising-section/fundraising-section.d.ts +9 -0
  36. package/dist/components/fundraising-section/fundraising-section.stories.d.ts +14 -0
  37. package/dist/components/fundraising-section/index.d.ts +1 -0
  38. package/dist/components/hero-banner/hero-banner.d.ts +9 -0
  39. package/dist/components/hero-banner/hero-banner.stories.d.ts +14 -0
  40. package/dist/components/hero-banner/index.d.ts +1 -0
  41. package/dist/components/horizontalbar/horizontalbar.d.ts +11 -0
  42. package/dist/components/horizontalbar/horizontalbar.stories.d.ts +26 -0
  43. package/dist/components/horizontalbar/index.d.ts +1 -0
  44. package/dist/components/icon/{toggle-button.d.ts → heart-toggle.d.ts} +3 -3
  45. package/dist/components/icon/{toggle-button.stories.d.ts → heart-toggle.stories.d.ts} +1 -1
  46. package/dist/components/icon/index.d.ts +1 -1
  47. package/dist/components/index.d.ts +14 -0
  48. package/dist/components/info-represent-campaign/index.d.ts +1 -0
  49. package/dist/components/info-represent-campaign/info-represent-campaign.d.ts +11 -0
  50. package/dist/components/{phone-number-field/phone-number-field.stories.d.ts → info-represent-campaign/info-represent-campaign.stories.d.ts} +1 -1
  51. package/dist/components/list/list.d.ts +7 -2
  52. package/dist/components/list/list.stories.d.ts +2 -2
  53. package/dist/components/logo/logo-type.d.ts +2 -1
  54. package/dist/components/modal/modal.d.ts +1 -1
  55. package/dist/components/nav/icons/IconBigger.d.ts +5 -0
  56. package/dist/components/nav/icons/IconSmaller.d.ts +5 -0
  57. package/dist/components/nav/index.d.ts +1 -0
  58. package/dist/components/nav/nav-actions.d.ts +5 -0
  59. package/dist/components/nav/nav-bar.d.ts +7 -0
  60. package/dist/components/nav/nav-call-to-action.d.ts +5 -0
  61. package/dist/components/nav/nav-expanded-charity.d.ts +13 -0
  62. package/dist/components/nav/nav-expanded.d.ts +14 -0
  63. package/dist/components/nav/nav-list.d.ts +29 -0
  64. package/dist/components/nav/nav-menu-control.d.ts +8 -0
  65. package/dist/components/nav/nav-menu.d.ts +12 -0
  66. package/dist/components/nav/nav-search-control.d.ts +8 -0
  67. package/dist/components/nav/nav-search.d.ts +10 -0
  68. package/dist/components/nav/nav-sign-in-control.d.ts +12 -0
  69. package/dist/components/nav/nav-user-menu-items.d.ts +20 -0
  70. package/dist/components/nav/nav-user-menu.d.ts +18 -0
  71. package/dist/components/nav/nav.d.ts +56 -0
  72. package/dist/components/nav/nav.stories.d.ts +11 -0
  73. package/dist/components/navigation/navigation-list.d.ts +3 -1
  74. package/dist/components/navigation/navigation-sign-in-control.d.ts +3 -2
  75. package/dist/components/navigation/navigation.d.ts +2 -0
  76. package/dist/components/navigation/navigation.stories.d.ts +6 -0
  77. package/dist/components/partner-dashboard-chart/chart.d.ts +3 -0
  78. package/dist/components/{phone-number-input/phone-number-field.stories.d.ts → partner-dashboard-chart/chart.stories.d.ts} +2 -1
  79. package/dist/components/partner-dashboard-chart/index.d.ts +1 -0
  80. package/dist/components/phone-number-input/phone-number-input.d.ts +2 -1
  81. package/dist/components/popup/index.d.ts +1 -0
  82. package/dist/components/popup/popup.d.ts +8 -0
  83. package/dist/components/popup/popup.stories.d.ts +14 -0
  84. package/dist/components/progressbar/index.d.ts +1 -0
  85. package/dist/components/progressbar/progressbar.d.ts +8 -0
  86. package/dist/components/progressbar/progressbar.stories.d.ts +14 -0
  87. package/dist/components/select/select.d.ts +2 -1
  88. package/dist/components/start-campaign-card/index.d.ts +1 -0
  89. package/dist/components/start-campaign-card/start-campaign-card.d.ts +8 -0
  90. package/dist/components/start-campaign-card/start-campaign-card.stories.d.ts +14 -0
  91. package/dist/components/statistics/statistics.d.ts +2 -1
  92. package/dist/components/tabs/nav-tabs.d.ts +18 -0
  93. package/dist/components/text-field/index.d.ts +1 -0
  94. package/dist/components/text-field/text-field-search.d.ts +9 -0
  95. package/dist/components/text-field/text-field.d.ts +1 -0
  96. package/dist/components/text-field/text-field.stories.d.ts +6 -0
  97. package/dist/index.esm.js +21647 -1735
  98. package/dist/index.js +21664 -1735
  99. package/dist/theme/theme.d.ts +4 -0
  100. package/package.json +1 -1
  101. package/styles/index.css +4 -0
  102. package/dist/components/anchor/anchor.jsx +0 -35
  103. package/dist/components/anchor/anchor.stories.jsx +0 -12
  104. package/dist/components/anchor/bold-anchor.jsx +0 -33
  105. package/dist/components/anchor/bold-anchor.stories.jsx +0 -11
  106. package/dist/components/anchor/index.js +0 -2
  107. package/dist/components/avatar/avatar.jsx +0 -14
  108. package/dist/components/avatar/avatar.stories.jsx +0 -17
  109. package/dist/components/avatar/image-avatar.jsx +0 -29
  110. package/dist/components/avatar/index.js +0 -1
  111. package/dist/components/avatar/text-avatar.jsx +0 -47
  112. package/dist/components/button/button.jsx +0 -85
  113. package/dist/components/button/button.stories.jsx +0 -118
  114. package/dist/components/button/index.js +0 -1
  115. package/dist/components/button-select/button-select.jsx +0 -34
  116. package/dist/components/button-select/button-select.stories.jsx +0 -39
  117. package/dist/components/button-select/index.js +0 -1
  118. package/dist/components/checkbox/checkbox.jsx +0 -39
  119. package/dist/components/checkbox/checkbox.stories.jsx +0 -42
  120. package/dist/components/checkbox/index.js +0 -1
  121. package/dist/components/chips/chip.jsx +0 -30
  122. package/dist/components/chips/chips.jsx +0 -16
  123. package/dist/components/chips/chips.stories.jsx +0 -35
  124. package/dist/components/chips/index.js +0 -3
  125. package/dist/components/chips/input-chips.jsx +0 -16
  126. package/dist/components/chips/input-chips.stories.jsx +0 -39
  127. package/dist/components/combo-field/combo-field-expander.jsx +0 -23
  128. package/dist/components/combo-field/combo-field.jsx +0 -93
  129. package/dist/components/combo-field/combo-field.stories.jsx +0 -62
  130. package/dist/components/combo-field/index.js +0 -2
  131. package/dist/components/comment-section/comment-section.jsx +0 -95
  132. package/dist/components/comment-section/comment-section.stories.jsx +0 -97
  133. package/dist/components/comment-section/index.js +0 -1
  134. package/dist/components/cropper/cropper.jsx +0 -10
  135. package/dist/components/cropper/cropper.stories.jsx +0 -18
  136. package/dist/components/cropper/index.js +0 -1
  137. package/dist/components/date-picker/date-picker.jsx +0 -74
  138. package/dist/components/date-picker/date-picker.stories.jsx +0 -46
  139. package/dist/components/date-picker/index.js +0 -2
  140. package/dist/components/date-picker/single-date-picker.jsx +0 -81
  141. package/dist/components/elevation/elevation.jsx +0 -24
  142. package/dist/components/elevation/elevation.stories.jsx +0 -31
  143. package/dist/components/elevation/index.js +0 -1
  144. package/dist/components/field-helpers/field-helper-text.jsx +0 -42
  145. package/dist/components/field-helpers/field-label.jsx +0 -29
  146. package/dist/components/field-helpers/index.js +0 -2
  147. package/dist/components/icon/btn_google_light_normal_ios.svg.jsx +0 -22
  148. package/dist/components/icon/facebook_6.svg.jsx +0 -14
  149. package/dist/components/icon/icon-button-group.jsx +0 -51
  150. package/dist/components/icon/icon-button-group.stories.jsx +0 -26
  151. package/dist/components/icon/icon-button.jsx +0 -48
  152. package/dist/components/icon/icon-button.stories.jsx +0 -33
  153. package/dist/components/icon/icon.jsx +0 -49
  154. package/dist/components/icon/icon.stories.jsx +0 -78
  155. package/dist/components/icon/index.js +0 -4
  156. package/dist/components/icon/material-icon.jsx +0 -18
  157. package/dist/components/icon/toggle-button.jsx +0 -29
  158. package/dist/components/icon/toggle-button.stories.jsx +0 -16
  159. package/dist/components/index.js +0 -28
  160. package/dist/components/layout/box.jsx +0 -58
  161. package/dist/components/layout/flex.jsx +0 -55
  162. package/dist/components/layout/flex.stories.jsx +0 -44
  163. package/dist/components/layout/grid.jsx +0 -19
  164. package/dist/components/layout/grid.stories.jsx +0 -29
  165. package/dist/components/layout/index.js +0 -4
  166. package/dist/components/layout/stack.jsx +0 -33
  167. package/dist/components/layout/stack.stories.jsx +0 -40
  168. package/dist/components/list/index.js +0 -1
  169. package/dist/components/list/list.jsx +0 -55
  170. package/dist/components/list/list.stories.jsx +0 -135
  171. package/dist/components/logo/index.js +0 -1
  172. package/dist/components/logo/logo-type.jsx +0 -65
  173. package/dist/components/menu/index.js +0 -8
  174. package/dist/components/menu/menu-list-divider.jsx +0 -2
  175. package/dist/components/menu/menu-list-item-graphic.jsx +0 -2
  176. package/dist/components/menu/menu-list-item-meta.jsx +0 -2
  177. package/dist/components/menu/menu-list-item-text.jsx +0 -2
  178. package/dist/components/menu/menu-list-item.jsx +0 -11
  179. package/dist/components/menu/menu-list.jsx +0 -18
  180. package/dist/components/menu/menu-surface.jsx +0 -4
  181. package/dist/components/menu/menu.jsx +0 -2
  182. package/dist/components/menu/menu.stories.jsx +0 -42
  183. package/dist/components/modal/index.js +0 -1
  184. package/dist/components/modal/modal.jsx +0 -49
  185. package/dist/components/modal/modal.stories.jsx +0 -59
  186. package/dist/components/navigation/index.js +0 -1
  187. package/dist/components/navigation/navigation-actions.jsx +0 -8
  188. package/dist/components/navigation/navigation-bar.jsx +0 -42
  189. package/dist/components/navigation/navigation-call-to-action.jsx +0 -6
  190. package/dist/components/navigation/navigation-expanded.jsx +0 -165
  191. package/dist/components/navigation/navigation-list.jsx +0 -126
  192. package/dist/components/navigation/navigation-menu-control.jsx +0 -25
  193. package/dist/components/navigation/navigation-menu.jsx +0 -126
  194. package/dist/components/navigation/navigation-search-control.jsx +0 -8
  195. package/dist/components/navigation/navigation-search.jsx +0 -63
  196. package/dist/components/navigation/navigation-sign-in-control.jsx +0 -14
  197. package/dist/components/navigation/navigation-user-menu-items.jsx +0 -36
  198. package/dist/components/navigation/navigation-user-menu.jsx +0 -121
  199. package/dist/components/navigation/navigation.jsx +0 -137
  200. package/dist/components/navigation/navigation.stories.jsx +0 -270
  201. package/dist/components/phone-number-field/index.d.ts +0 -2
  202. package/dist/components/phone-number-field/index.js +0 -2
  203. package/dist/components/phone-number-field/phone-number-field.d.ts +0 -23
  204. package/dist/components/phone-number-field/phone-number-field.jsx +0 -50
  205. package/dist/components/phone-number-field/phone-number-field.stories.jsx +0 -23
  206. package/dist/components/phone-number-field/util.d.ts +0 -2
  207. package/dist/components/phone-number-field/util.js +0 -19
  208. package/dist/components/phone-number-input/index.js +0 -2
  209. package/dist/components/phone-number-input/phone-number-field.d.ts +0 -23
  210. package/dist/components/phone-number-input/phone-number-field.jsx +0 -50
  211. package/dist/components/phone-number-input/phone-number-field.stories.jsx +0 -16
  212. package/dist/components/phone-number-input/phone-number-input.jsx +0 -75
  213. package/dist/components/phone-number-input/phone-number-input.stories.jsx +0 -23
  214. package/dist/components/phone-number-input/util.js +0 -19
  215. package/dist/components/radio/index.js +0 -2
  216. package/dist/components/radio/radio-group.jsx +0 -9
  217. package/dist/components/radio/radio-group.stories.jsx +0 -21
  218. package/dist/components/radio/radio.jsx +0 -31
  219. package/dist/components/radio/radio.stories.jsx +0 -44
  220. package/dist/components/select/index.js +0 -2
  221. package/dist/components/select/select-helper-text.jsx +0 -6
  222. package/dist/components/select/select.jsx +0 -150
  223. package/dist/components/select/select.stories.jsx +0 -40
  224. package/dist/components/statistics/index.js +0 -1
  225. package/dist/components/statistics/statistics.jsx +0 -61
  226. package/dist/components/statistics/statistics.stories.jsx +0 -34
  227. package/dist/components/switch/index.js +0 -1
  228. package/dist/components/switch/switch.jsx +0 -32
  229. package/dist/components/switch/switch.stories.jsx +0 -41
  230. package/dist/components/tabs/index.js +0 -1
  231. package/dist/components/tabs/tab-bar.jsx +0 -35
  232. package/dist/components/tabs/tab-text-label.jsx +0 -5
  233. package/dist/components/tabs/tab.jsx +0 -50
  234. package/dist/components/tabs/tabs.jsx +0 -65
  235. package/dist/components/tabs/tabs.stories.jsx +0 -27
  236. package/dist/components/text/index.js +0 -1
  237. package/dist/components/text/text.jsx +0 -138
  238. package/dist/components/text/text.stories.jsx +0 -262
  239. package/dist/components/text-field/index.js +0 -2
  240. package/dist/components/text-field/text-field-helper-text.jsx +0 -8
  241. package/dist/components/text-field/text-field.jsx +0 -124
  242. package/dist/components/text-field/text-field.stories.jsx +0 -32
  243. package/dist/components/uploader/index.js +0 -1
  244. package/dist/components/uploader/uploader.jsx +0 -96
  245. package/dist/input.d.ts +0 -1
  246. package/dist/input.js +0 -4
  247. package/dist/input.jsx +0 -4
  248. package/dist/theme/colors.js +0 -9
  249. package/dist/theme/index.js +0 -2
  250. package/dist/theme/mycause-theme.js +0 -33
  251. package/dist/theme/theme.jsx +0 -36
  252. package/dist/utils/browser.js +0 -19
  253. package/dist/utils/center-decorator.jsx +0 -15
  254. package/dist/utils/component-matrix.jsx +0 -39
  255. package/dist/utils/flags.js +0 -18
  256. package/dist/utils/grid-decorator.jsx +0 -27
  257. package/dist/utils/tap-event.js +0 -11
  258. package/dist/utils/wrap.js +0 -8
@@ -0,0 +1,26 @@
1
+ /// <reference types="react" />
2
+ import CenterDecorator from "../../utils/center-decorator";
3
+ declare const _default: {
4
+ title: string;
5
+ decorators: (typeof CenterDecorator)[];
6
+ component: ({ className, width, height, barColor, dotColor, marginLeft, }: import("./horizontalbar").HorizontalBarProps) => JSX.Element;
7
+ };
8
+ export default _default;
9
+ export declare const horizontalbar: {
10
+ (): JSX.Element;
11
+ story: {
12
+ name: string;
13
+ };
14
+ };
15
+ export declare const horizontalbar2: {
16
+ (): JSX.Element;
17
+ story: {
18
+ name: string;
19
+ };
20
+ };
21
+ export declare const horizontalbar3: {
22
+ (): JSX.Element;
23
+ story: {
24
+ name: string;
25
+ };
26
+ };
@@ -0,0 +1 @@
1
+ export { default as HorizontalBar } from "./horizontalbar";
@@ -1,11 +1,11 @@
1
1
  import React from "react";
2
2
  import { IconButtonProps as MDCIconButtonProps } from "@material/react-icon-button";
3
3
  declare type IconButtonTypes = HTMLButtonElement | HTMLAnchorElement;
4
- export interface ToggleButtonProps extends Omit<MDCIconButtonProps<IconButtonTypes>, "onChange" | "value" | "ref" | "children"> {
4
+ export interface HeartToggleProps extends Omit<MDCIconButtonProps<IconButtonTypes>, "onChange" | "value" | "ref" | "children"> {
5
5
  active: React.ReactNode;
6
6
  inactive: React.ReactNode;
7
7
  onChange?: (value: boolean) => void;
8
8
  value: boolean;
9
9
  }
10
- declare const ToggleButton: React.ForwardRefExoticComponent<ToggleButtonProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
11
- export default ToggleButton;
10
+ declare const HeartToggle: React.ForwardRefExoticComponent<HeartToggleProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
11
+ export default HeartToggle;
@@ -5,7 +5,7 @@ declare const _default: {
5
5
  decorators: (typeof CenterDecorator)[];
6
6
  };
7
7
  export default _default;
8
- export declare const toggleButton: {
8
+ export declare const hearttoggle: {
9
9
  (): JSX.Element;
10
10
  story: {
11
11
  name: string;
@@ -1,4 +1,4 @@
1
1
  export { default as Icon } from "./icon";
2
2
  export { default as IconButton } from "./icon-button";
3
3
  export { default as IconButtonGroup } from "./icon-button-group";
4
- export { default as ToggleButton } from "./toggle-button";
4
+ export { default as HeartToggle } from "./heart-toggle";
@@ -8,6 +8,7 @@ export * from "./comment-section";
8
8
  export * from "./cropper";
9
9
  export * from "./combo-field";
10
10
  export * from "./date-picker";
11
+ export * from "./donation-form";
11
12
  export * from "./elevation";
12
13
  export * from "./field-helpers";
13
14
  export * from "./icon";
@@ -27,3 +28,16 @@ export * from "./tabs";
27
28
  export * from "./text-field";
28
29
  export * from "./text";
29
30
  export * from "./uploader";
31
+ export * from "./campaign-card";
32
+ export * from "./campaign-of-month";
33
+ export * from "./charity-card";
34
+ export * from "./donate-card";
35
+ export * from "./featured-campaign-card";
36
+ export * from "./fundraising-section";
37
+ export * from "./hero-banner";
38
+ export * from "./horizontalbar";
39
+ export * from "./progressbar";
40
+ export * from "./start-campaign-card";
41
+ export * from "./nav";
42
+ export * from "./popup";
43
+ export * from "./footerV2";
@@ -0,0 +1 @@
1
+ export { default as InfoRepresentCampaign } from "./info-represent-campaign";
@@ -0,0 +1,11 @@
1
+ /// <reference types="react" />
2
+ export interface InfoRepresentCampaignProps {
3
+ id?: string;
4
+ campaignCreator: string;
5
+ rasingFundsFor: string;
6
+ fundsBankedTo: string;
7
+ avatar: string;
8
+ clickOnFollow: () => void;
9
+ }
10
+ declare const InfoRepresentCampaign: ({ campaignCreator, rasingFundsFor, fundsBankedTo, avatar, clickOnFollow, }: InfoRepresentCampaignProps) => JSX.Element;
11
+ export default InfoRepresentCampaign;
@@ -4,7 +4,7 @@ declare const _default: {
4
4
  decorators: ((...args: any) => any)[];
5
5
  };
6
6
  export default _default;
7
- export declare const PhoneNumberFieldStory: {
7
+ export declare const InforRepresentCampaignStories: {
8
8
  (): JSX.Element;
9
9
  story: {
10
10
  name: string;
@@ -4,7 +4,11 @@ import { ColorSpecifier } from "../../theme/theme";
4
4
  export declare type ItemType = {
5
5
  id?: string;
6
6
  metanospace?: boolean;
7
- icon?: IconProps;
7
+ icon?: IconProps & {
8
+ tooltip?: string;
9
+ tooltipheight?: number;
10
+ arrow?: string;
11
+ };
8
12
  primarytext?: string;
9
13
  primarytextcolor?: ColorSpecifier;
10
14
  secondarytext?: string;
@@ -32,6 +36,7 @@ export declare type ListProps = {
32
36
  showToggleMeta?: boolean;
33
37
  setItems?: (e: Array<ItemType>) => void;
34
38
  items: Array<ItemType>;
39
+ tooltipArrow?: number;
35
40
  };
36
- declare const List: ({ items, divider, fullWidth, iconWidth, centerText, itemHeight, overflowHidden, breakspaces, iconsNotRounded, style, textGap, setItems, showToggleMeta, }: ListProps) => JSX.Element;
41
+ declare const List: ({ items, divider, fullWidth, iconWidth, centerText, itemHeight, overflowHidden, breakspaces, iconsNotRounded, style, textGap, setItems, showToggleMeta, tooltipArrow, }: ListProps) => JSX.Element;
37
42
  export default List;
@@ -17,13 +17,13 @@ export declare const ListDisabledtStory: {
17
17
  name: string;
18
18
  };
19
19
  };
20
- export declare const ListNoIconStory: {
20
+ export declare const ListNoDividerStory: {
21
21
  (): JSX.Element;
22
22
  story: {
23
23
  name: string;
24
24
  };
25
25
  };
26
- export declare const ListNoDividerStory: {
26
+ export declare const ListWithIconTooltipStory: {
27
27
  (): JSX.Element;
28
28
  story: {
29
29
  name: string;
@@ -1,9 +1,10 @@
1
1
  /// <reference types="react" />
2
2
  export declare type LogoTypeProps = {
3
3
  size?: "large";
4
+ isDark?: boolean;
4
5
  };
5
6
  /**
6
7
  * A dummy mycause logo
7
8
  */
8
- declare function LogoType({ size }: LogoTypeProps): JSX.Element;
9
+ declare function LogoType({ size, isDark }: LogoTypeProps): JSX.Element;
9
10
  export default LogoType;
@@ -8,7 +8,7 @@ export interface ModalProps {
8
8
  modalTitle?: React.ReactNode;
9
9
  onAccept?: () => void;
10
10
  setWidth?: string;
11
- buttonAlign?: string;
11
+ buttonAlign?: "center" | "left" | "right";
12
12
  buttonColor?: ColorSpecifier;
13
13
  noCancelButton?: boolean;
14
14
  noCloseButton?: boolean;
@@ -0,0 +1,5 @@
1
+ /// <reference types="react" />
2
+ export interface IconProps {
3
+ stroke?: string;
4
+ }
5
+ export default function IconBigger({ stroke }: IconProps): JSX.Element;
@@ -0,0 +1,5 @@
1
+ /// <reference types="react" />
2
+ export interface IconProps {
3
+ stroke?: string;
4
+ }
5
+ export default function IconBigger({ stroke }: IconProps): JSX.Element;
@@ -0,0 +1 @@
1
+ export { default as Nav } from "./nav";
@@ -0,0 +1,5 @@
1
+ import React from "react";
2
+ declare function NavigationActions({ children }: {
3
+ children: React.ReactNode;
4
+ }): JSX.Element;
5
+ export default NavigationActions;
@@ -0,0 +1,7 @@
1
+ import React from "react";
2
+ export declare type NavigationBarProps = {
3
+ children?: React.ReactNode;
4
+ isCompactHeight?: boolean;
5
+ };
6
+ declare function NavigationBar({ isCompactHeight, children }: NavigationBarProps): JSX.Element;
7
+ export default NavigationBar;
@@ -0,0 +1,5 @@
1
+ /// <reference types="react" />
2
+ import { ButtonProps } from "../button/button";
3
+ declare type NavigationCallToActionProps = Omit<ButtonProps, "color">;
4
+ declare function NavigationCallToAction(props: NavigationCallToActionProps): JSX.Element;
5
+ export default NavigationCallToAction;
@@ -0,0 +1,13 @@
1
+ import React from "react";
2
+ import { HybridNavigationLink } from "./nav-list";
3
+ export declare type NavigationExpandedCharityProps = {
4
+ links?: Array<HybridNavigationLink>;
5
+ children?: React.ReactNode;
6
+ banner?: React.ReactNode;
7
+ onRequestClose: () => void;
8
+ className?: string;
9
+ action: HybridNavigationLink | null;
10
+ actionRaised?: HybridNavigationLink | null;
11
+ };
12
+ declare function NavigationExpandedCharity({ children, onRequestClose, className, banner, action, actionRaised, }: NavigationExpandedCharityProps): JSX.Element;
13
+ export default NavigationExpandedCharity;
@@ -0,0 +1,14 @@
1
+ import React from "react";
2
+ import { HybridNavigationLink } from "./nav-list";
3
+ export declare type NavigationExpandedProps = {
4
+ links?: Array<HybridNavigationLink>;
5
+ children?: React.ReactNode;
6
+ banner?: React.ReactNode;
7
+ onRequestClose: () => void;
8
+ className?: string;
9
+ action: HybridNavigationLink | null;
10
+ actionRaised?: HybridNavigationLink | null;
11
+ isSubMenu?: boolean;
12
+ };
13
+ declare function NavigationExpanded({ links, children, onRequestClose, className, banner, action, actionRaised, isSubMenu, }: NavigationExpandedProps): JSX.Element;
14
+ export default NavigationExpanded;
@@ -0,0 +1,29 @@
1
+ import React from "react";
2
+ export declare type HrefNavigationLink = {
3
+ href: string;
4
+ label: React.ReactNode;
5
+ subLabel: string;
6
+ analyticsId?: string;
7
+ icon?: string;
8
+ };
9
+ export declare type ClickNavigationLink = {
10
+ onClick?: () => void;
11
+ id: string;
12
+ label: React.ReactNode;
13
+ subLabel: string;
14
+ more?: boolean;
15
+ analyticsId?: string;
16
+ icon?: string;
17
+ };
18
+ export declare type HybridNavigationLink = HrefNavigationLink | ClickNavigationLink;
19
+ export declare type NavigationListItem = HybridNavigationLink & {
20
+ children?: React.ReactNode;
21
+ };
22
+ export declare type NavigationMenuListProps = {
23
+ items: Array<NavigationListItem>;
24
+ onClickItem?: (id: string) => void;
25
+ size?: "normal" | "large" | "long";
26
+ active?: string | null;
27
+ };
28
+ declare function NavigationList({ items, onClickItem, active, size, }: NavigationMenuListProps): JSX.Element;
29
+ export default NavigationList;
@@ -0,0 +1,8 @@
1
+ import React from "react";
2
+ interface NavigationMenuControlProps extends React.HTMLProps<HTMLDivElement> {
3
+ isMenuOpen: boolean;
4
+ onChangeMenuOpen: (isOpen: boolean) => void;
5
+ isDark?: boolean;
6
+ }
7
+ declare function NavigationMenuControl({ isMenuOpen, onChangeMenuOpen, className, isDark, ...rest }: NavigationMenuControlProps): JSX.Element;
8
+ export default NavigationMenuControl;
@@ -0,0 +1,12 @@
1
+ /// <reference types="react" />
2
+ import { HybridNavigationLink } from "./nav-list";
3
+ export declare type NavigationMenuProps = {
4
+ links: Array<HybridNavigationLink>;
5
+ onClickItem: (id: string) => void;
6
+ sublinks: Array<HybridNavigationLink> | null;
7
+ action: HybridNavigationLink | null;
8
+ actionRaised?: HybridNavigationLink | null;
9
+ active: string | null;
10
+ };
11
+ export declare function NavigationMenu({ links, sublinks, active, onClickItem, }: NavigationMenuProps): JSX.Element;
12
+ export default NavigationMenu;
@@ -0,0 +1,8 @@
1
+ /// <reference types="react" />
2
+ interface NavigationSearchControlProps {
3
+ onChangeSearchOpen: (isOpen: boolean) => void;
4
+ analyticsId?: string;
5
+ isDark?: boolean;
6
+ }
7
+ declare function NavigationSearchControl({ onChangeSearchOpen, analyticsId, isDark, }: NavigationSearchControlProps): JSX.Element;
8
+ export default NavigationSearchControl;
@@ -0,0 +1,10 @@
1
+ /// <reference types="react" />
2
+ interface NavigationSearchProps {
3
+ value: string;
4
+ onChange: (value: string) => void;
5
+ onSubmit: () => void;
6
+ onCancel: () => void;
7
+ isDark?: boolean;
8
+ }
9
+ declare function NavigationSearch({ value, onChange, onSubmit, onCancel, isDark, }: NavigationSearchProps): JSX.Element;
10
+ export default NavigationSearch;
@@ -0,0 +1,12 @@
1
+ import React from "react";
2
+ import { ColorSpecifier } from "../../theme/theme";
3
+ interface NavigationSignInControlProps extends Omit<React.HTMLProps<HTMLDivElement>, "color"> {
4
+ analyticsId?: string;
5
+ compact?: boolean;
6
+ handleonRequestSignIn: () => void;
7
+ color?: ColorSpecifier;
8
+ noIcon?: boolean;
9
+ isDark?: boolean;
10
+ }
11
+ declare function NavigationSignInControl({ analyticsId, handleonRequestSignIn, compact, className, color, noIcon, isDark, ...rest }: NavigationSignInControlProps): JSX.Element;
12
+ export default NavigationSignInControl;
@@ -0,0 +1,20 @@
1
+ /// <reference types="react" />
2
+ import { IconProps } from "../icon/icon";
3
+ export declare type UserMenuItem = {
4
+ icon: IconProps;
5
+ label: string;
6
+ onClick?: () => void;
7
+ href?: string;
8
+ id?: string;
9
+ };
10
+ export declare type UserMenuItemWithSubmenu = UserMenuItem & {
11
+ submenu?: Array<Omit<UserMenuItem, "icon">>;
12
+ };
13
+ export declare type NavigationUserMenuItemProps = UserMenuItemWithSubmenu & {
14
+ isSubmenuOpen?: boolean;
15
+ };
16
+ declare type NavigationUserMenuItemsProps = {
17
+ items: Array<UserMenuItemWithSubmenu>;
18
+ };
19
+ declare function NavigationUserMenuItems({ items }: NavigationUserMenuItemsProps): JSX.Element;
20
+ export default NavigationUserMenuItems;
@@ -0,0 +1,18 @@
1
+ /// <reference types="react" />
2
+ import { UserMenuItemWithSubmenu } from "./nav-user-menu-items";
3
+ export declare type UserData = {
4
+ name: string;
5
+ avatar?: {
6
+ src: string;
7
+ };
8
+ };
9
+ export declare type UserMenuItems = Array<UserMenuItemWithSubmenu>;
10
+ interface NavigationUserMenuProps {
11
+ user: UserData;
12
+ items?: UserMenuItems;
13
+ isOpen?: boolean;
14
+ onChangeOpen: (isOpen: boolean) => void;
15
+ isCompact?: boolean;
16
+ }
17
+ declare function NavigationUserMenu({ user, items, isOpen, onChangeOpen, }: NavigationUserMenuProps): JSX.Element;
18
+ export default NavigationUserMenu;
@@ -0,0 +1,56 @@
1
+ import React from "react";
2
+ import { ColorSpecifier } from "../../theme/theme";
3
+ import { ButtonProps } from "../button/button";
4
+ import NavigationMenu from "./nav-menu";
5
+ import { HybridNavigationLink } from "./nav-list";
6
+ import { UserData } from "./nav-user-menu";
7
+ import { UserMenuItemWithSubmenu } from "./nav-user-menu-items";
8
+ declare type NavigationMenu = {
9
+ id: string;
10
+ label: React.ReactNode;
11
+ analyticsId?: string;
12
+ hidden?: boolean;
13
+ items: Array<HybridNavigationLink & {
14
+ submenu?: Array<HybridNavigationLink>;
15
+ }>;
16
+ action?: HybridNavigationLink;
17
+ actionRaised?: HybridNavigationLink;
18
+ onClick?: () => void;
19
+ };
20
+ declare type SearchAction = {
21
+ analyticsId?: string;
22
+ onSearch: (query: string) => void;
23
+ };
24
+ declare type LoginAction = {
25
+ analyticsId?: string;
26
+ onLogin: () => void;
27
+ color?: ColorSpecifier;
28
+ noIcon?: boolean;
29
+ };
30
+ declare type StatsItemProps = {
31
+ id: string;
32
+ label: string;
33
+ value: string;
34
+ logo: string;
35
+ };
36
+ export declare type NavigationProps = {
37
+ logo?: React.ReactNode;
38
+ menus?: Array<NavigationMenu>;
39
+ links?: Array<HybridNavigationLink>;
40
+ stats?: Array<StatsItemProps>;
41
+ cta?: ButtonProps | null;
42
+ cta2?: ButtonProps & {
43
+ targetTab?: string;
44
+ } | null;
45
+ user?: UserData | null;
46
+ login?: LoginAction | null;
47
+ userMenu?: Array<UserMenuItemWithSubmenu>;
48
+ search?: SearchAction | null;
49
+ isSticky?: boolean;
50
+ isCompactHeight?: boolean;
51
+ setSearchToLeft?: boolean;
52
+ menuReverse?: boolean;
53
+ isDark?: boolean;
54
+ };
55
+ declare function Navigation({ logo, menus, links, stats, cta, cta2, user, userMenu, search, login, isSticky, isCompactHeight, setSearchToLeft, menuReverse, isDark, }: NavigationProps): JSX.Element;
56
+ export default Navigation;
@@ -0,0 +1,11 @@
1
+ /// <reference types="react" />
2
+ declare const _default: {
3
+ title: string;
4
+ };
5
+ export default _default;
6
+ export declare const NavigationDemo2SupportLink: {
7
+ (): JSX.Element;
8
+ story: {
9
+ name: string;
10
+ };
11
+ };
@@ -3,6 +3,7 @@ export declare type HrefNavigationLink = {
3
3
  href: string;
4
4
  label: React.ReactNode;
5
5
  analyticsId?: string;
6
+ icon?: string;
6
7
  };
7
8
  export declare type ClickNavigationLink = {
8
9
  onClick?: () => void;
@@ -10,6 +11,7 @@ export declare type ClickNavigationLink = {
10
11
  label: React.ReactNode;
11
12
  more?: boolean;
12
13
  analyticsId?: string;
14
+ icon?: string;
13
15
  };
14
16
  export declare type HybridNavigationLink = HrefNavigationLink | ClickNavigationLink;
15
17
  export declare type NavigationListItem = HybridNavigationLink & {
@@ -18,7 +20,7 @@ export declare type NavigationListItem = HybridNavigationLink & {
18
20
  export declare type NavigationMenuListProps = {
19
21
  items: Array<NavigationListItem>;
20
22
  onClickItem?: (id: string) => void;
21
- size?: "normal" | "large";
23
+ size?: "normal" | "large" | "long";
22
24
  active?: string | null;
23
25
  };
24
26
  declare function NavigationList({ items, onClickItem, active, size, }: NavigationMenuListProps): JSX.Element;
@@ -3,8 +3,9 @@ import { ColorSpecifier } from "../../theme/theme";
3
3
  interface NavigationSignInControlProps extends Omit<React.HTMLProps<HTMLDivElement>, "color"> {
4
4
  analyticsId?: string;
5
5
  compact?: boolean;
6
- onRequestSignIn: () => void;
6
+ handleonRequestSignIn: () => void;
7
7
  color?: ColorSpecifier;
8
+ noIcon?: boolean;
8
9
  }
9
- declare function NavigationSignInControl({ analyticsId, onRequestSignIn, compact, className, color, ...rest }: NavigationSignInControlProps): JSX.Element;
10
+ declare function NavigationSignInControl({ analyticsId, handleonRequestSignIn, compact, className, color, noIcon, ...rest }: NavigationSignInControlProps): JSX.Element;
10
11
  export default NavigationSignInControl;
@@ -15,6 +15,7 @@ declare type NavigationMenu = {
15
15
  }>;
16
16
  action?: HybridNavigationLink;
17
17
  actionRaised?: HybridNavigationLink;
18
+ onClick?: () => void;
18
19
  };
19
20
  declare type SearchAction = {
20
21
  analyticsId?: string;
@@ -24,6 +25,7 @@ declare type LoginAction = {
24
25
  analyticsId?: string;
25
26
  onLogin: () => void;
26
27
  color?: ColorSpecifier;
28
+ noIcon?: boolean;
27
29
  };
28
30
  declare type StatsItemProps = {
29
31
  id: string;
@@ -15,3 +15,9 @@ export declare const NavigationDemo2: {
15
15
  name: string;
16
16
  };
17
17
  };
18
+ export declare const NavigationDemo2SupportLink: {
19
+ (): JSX.Element;
20
+ story: {
21
+ name: string;
22
+ };
23
+ };
@@ -0,0 +1,3 @@
1
+ /// <reference types="react" />
2
+ declare const LineChart: () => JSX.Element;
3
+ export default LineChart;
@@ -3,9 +3,10 @@ import CenterDecorator from "../../utils/center-decorator";
3
3
  declare const _default: {
4
4
  title: string;
5
5
  decorators: (typeof CenterDecorator)[];
6
+ component: () => JSX.Element;
6
7
  };
7
8
  export default _default;
8
- export declare const PhoneNumberInputStory: {
9
+ export declare const progressbar: {
9
10
  (): JSX.Element;
10
11
  story: {
11
12
  name: string;
@@ -0,0 +1 @@
1
+ export { default as Chart } from "./chart";
@@ -19,6 +19,7 @@ declare type PhoneNumberInputProps = {
19
19
  required?: boolean;
20
20
  defaultCountry?: CountryCode;
21
21
  placeholder?: string;
22
+ color?: string;
22
23
  };
23
- declare function PhoneNumberInput({ onChange, values, names, error, onBlur, helperText, label, required, defaultCountry, placeholder, }: PhoneNumberInputProps): JSX.Element;
24
+ declare function PhoneNumberInput({ onChange, values, names, error, onBlur, helperText, label, required, defaultCountry, placeholder, color, }: PhoneNumberInputProps): JSX.Element;
24
25
  export default PhoneNumberInput;
@@ -0,0 +1 @@
1
+ export { default as Popup } from "./popup";
@@ -0,0 +1,8 @@
1
+ /// <reference types="react" />
2
+ export interface CampaignCardProps {
3
+ className?: string;
4
+ title?: string;
5
+ description?: string;
6
+ }
7
+ declare const Popup: ({ className, title, description, }: CampaignCardProps) => JSX.Element;
8
+ export default Popup;
@@ -0,0 +1,14 @@
1
+ /// <reference types="react" />
2
+ import CenterDecorator from "../../utils/center-decorator";
3
+ declare const _default: {
4
+ title: string;
5
+ decorators: (typeof CenterDecorator)[];
6
+ component: ({ className, title, description, }: import("./popup").CampaignCardProps) => JSX.Element;
7
+ };
8
+ export default _default;
9
+ export declare const popup: {
10
+ (): JSX.Element;
11
+ story: {
12
+ name: string;
13
+ };
14
+ };
@@ -0,0 +1 @@
1
+ export { default as ProgressBar } from "./progressbar";
@@ -0,0 +1,8 @@
1
+ /// <reference types="react" />
2
+ export interface ProgressBarProps {
3
+ className?: string;
4
+ completed?: number;
5
+ barColor?: string;
6
+ }
7
+ declare const ProgressBar: ({ className, completed, barColor, }: ProgressBarProps) => JSX.Element;
8
+ export default ProgressBar;
@@ -0,0 +1,14 @@
1
+ /// <reference types="react" />
2
+ import CenterDecorator from "../../utils/center-decorator";
3
+ declare const _default: {
4
+ title: string;
5
+ decorators: (typeof CenterDecorator)[];
6
+ component: ({ className, completed, barColor, }: import("./progressbar").ProgressBarProps) => JSX.Element;
7
+ };
8
+ export default _default;
9
+ export declare const progressbar: {
10
+ (): JSX.Element;
11
+ story: {
12
+ name: string;
13
+ };
14
+ };
@@ -16,7 +16,8 @@ export interface SelectProps extends Omit<MDCSelectProps, "onEnhancedChange" | "
16
16
  helperText?: string | React.ReactElement<SelectHelperTextProps> | null;
17
17
  isHelperTextPersistent?: boolean;
18
18
  noArrow?: boolean;
19
+ color?: string;
19
20
  error?: boolean | string;
20
21
  }
21
- declare const Select: ({ label, value, onChange, helperText, isHelperTextPersistent, externalLabel, id, className, options, large, required, leadingIcon, noArrow, error, ...rest }: SelectProps) => JSX.Element;
22
+ declare const Select: ({ label, value, onChange, helperText, isHelperTextPersistent, externalLabel, id, className, options, large, required, leadingIcon, noArrow, error, color, ...rest }: SelectProps) => JSX.Element;
22
23
  export default Select;
@@ -0,0 +1 @@
1
+ export { default as StartCampaignCard } from "./start-campaign-card";
@@ -0,0 +1,8 @@
1
+ /// <reference types="react" />
2
+ export interface StartCampaignCardProps {
3
+ className?: string;
4
+ title?: string;
5
+ description?: string;
6
+ }
7
+ declare const StartCampaignCard: ({ className, title, description, }: StartCampaignCardProps) => JSX.Element;
8
+ export default StartCampaignCard;
@@ -0,0 +1,14 @@
1
+ /// <reference types="react" />
2
+ import CenterDecorator from "../../utils/center-decorator";
3
+ declare const _default: {
4
+ title: string;
5
+ decorators: (typeof CenterDecorator)[];
6
+ component: ({ className, title, description, }: import("./start-campaign-card").StartCampaignCardProps) => JSX.Element;
7
+ };
8
+ export default _default;
9
+ export declare const startcampaincard: {
10
+ (): JSX.Element;
11
+ story: {
12
+ name: string;
13
+ };
14
+ };