@mycause/ui 0.0.0-ce0170ad → 0.0.0-ce28c209

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 (163) hide show
  1. package/CHANGELOG.md +289 -0
  2. package/README.md +9 -0
  3. package/dist/components/button-select/button-select.d.ts +12 -0
  4. package/dist/components/button-select/button-select.stories.d.ts +13 -0
  5. package/dist/components/button-select/index.d.ts +1 -0
  6. package/dist/components/campaign-card/campaign-card.d.ts +9 -0
  7. package/dist/components/campaign-card/campaign-card.stories.d.ts +14 -0
  8. package/dist/components/campaign-card/index.d.ts +1 -0
  9. package/dist/components/campaign-of-month/campaign-of-month.d.ts +15 -0
  10. package/dist/components/campaign-of-month/campaign-of-month.stories.d.ts +14 -0
  11. package/dist/components/campaign-of-month/index.d.ts +1 -0
  12. package/dist/components/charity-card/charity-card.d.ts +7 -0
  13. package/dist/components/charity-card/charity-card.stories.d.ts +14 -0
  14. package/dist/components/charity-card/index.d.ts +1 -0
  15. package/dist/components/combo-field/combo-field.d.ts +4 -1
  16. package/dist/components/comment-section/comment-section-v2/comment-section-v2.d.ts +31 -0
  17. package/dist/components/comment-section/comment-section-v2/sub-comments-v2.d.ts +11 -0
  18. package/dist/components/comment-section/comment-section.d.ts +24 -0
  19. package/dist/components/comment-section/comment-section.stories.d.ts +19 -0
  20. package/dist/components/comment-section/index.d.ts +2 -0
  21. package/dist/components/comment-section/sub-comments.d.ts +6 -0
  22. package/dist/components/cropper/cropper.d.ts +5 -2
  23. package/dist/components/cropper/cropper.stories.d.ts +1 -2
  24. package/dist/components/date-picker/date-picker.d.ts +3 -3
  25. package/dist/components/date-picker/single-date-picker.d.ts +4 -3
  26. package/dist/components/donate-card/donate-card.d.ts +8 -0
  27. package/dist/components/donate-card/donate-card.stories.d.ts +14 -0
  28. package/dist/components/donate-card/index.d.ts +1 -0
  29. package/dist/components/donation-form/donation-details.d.ts +12 -0
  30. package/dist/components/donation-form/donation-form-v2/donation-form-v2.d.ts +13 -0
  31. package/dist/components/donation-form/donation-form.d.ts +64 -0
  32. package/dist/components/donation-form/donation-form.stories.d.ts +18 -0
  33. package/dist/components/donation-form/donation-payment.d.ts +13 -0
  34. package/dist/components/donation-form/donation-select.d.ts +13 -0
  35. package/dist/components/donation-form/index.d.ts +2 -0
  36. package/dist/components/elevation/elevation.d.ts +2 -1
  37. package/dist/components/featured-campaign-card/featured-campaign-card.d.ts +17 -0
  38. package/dist/components/featured-campaign-card/featured-campaign-card.stories.d.ts +14 -0
  39. package/dist/components/featured-campaign-card/index.d.ts +1 -0
  40. package/dist/components/footerV2/footerV2.d.ts +35 -0
  41. package/dist/components/footerV2/footerV2.stories.d.ts +15 -0
  42. package/dist/components/footerV2/index.d.ts +1 -0
  43. package/dist/components/fundraising-section/fundraising-section.d.ts +9 -0
  44. package/dist/components/fundraising-section/fundraising-section.stories.d.ts +14 -0
  45. package/dist/components/fundraising-section/index.d.ts +1 -0
  46. package/dist/components/hero-banner/hero-banner.d.ts +9 -0
  47. package/dist/components/hero-banner/hero-banner.stories.d.ts +14 -0
  48. package/dist/components/hero-banner/index.d.ts +1 -0
  49. package/dist/components/horizontalbar/horizontalbar.d.ts +11 -0
  50. package/dist/components/horizontalbar/horizontalbar.stories.d.ts +26 -0
  51. package/dist/components/horizontalbar/index.d.ts +1 -0
  52. package/dist/components/icon/{toggle-button.d.ts → heart-toggle.d.ts} +3 -3
  53. package/dist/components/icon/{toggle-button.stories.d.ts → heart-toggle.stories.d.ts} +1 -1
  54. package/dist/components/icon/index.d.ts +1 -1
  55. package/dist/components/index.d.ts +24 -1
  56. package/dist/components/info-represent-campaign/index.d.ts +1 -0
  57. package/dist/components/info-represent-campaign/info-represent-campaign.d.ts +11 -0
  58. package/dist/components/info-represent-campaign/info-represent-campaign.stories.d.ts +12 -0
  59. package/dist/components/line-chart/index.d.ts +2 -0
  60. package/dist/components/line-chart/parnert-line-chart.d.ts +3 -0
  61. package/dist/components/line-chart/parnert-line-chart.stories.d.ts +12 -0
  62. package/dist/components/line-chart/partner-line-chart-block copy.d.ts +0 -0
  63. package/dist/components/line-chart/partner-line-chart-block.d.ts +10 -0
  64. package/dist/components/line-chart/partner-line-chart-block.stories.d.ts +12 -0
  65. package/dist/components/line-chart/partner-line-chart.d.ts +3 -0
  66. package/dist/components/line-chart/partner-line-chart.stories-block.d.ts +12 -0
  67. package/dist/components/line-chart/partner-line-chart.stories.d.ts +12 -0
  68. package/dist/components/list/list.d.ts +30 -14
  69. package/dist/components/list/list.stories.d.ts +8 -2
  70. package/dist/components/login/login.d.ts +13 -6
  71. package/dist/components/login/login.stories.d.ts +2 -3
  72. package/dist/components/logo/logo-type.d.ts +2 -1
  73. package/dist/components/modal/modal.d.ts +5 -3
  74. package/dist/components/modal/modal.stories.d.ts +6 -0
  75. package/dist/components/nav/icons/IconBigger.d.ts +5 -0
  76. package/dist/components/nav/icons/IconSmaller.d.ts +5 -0
  77. package/dist/components/nav/index.d.ts +1 -0
  78. package/dist/components/nav/nav-actions.d.ts +5 -0
  79. package/dist/components/nav/nav-bar.d.ts +7 -0
  80. package/dist/components/nav/nav-call-to-action.d.ts +5 -0
  81. package/dist/components/nav/nav-expanded-charity.d.ts +13 -0
  82. package/dist/components/nav/nav-expanded.d.ts +14 -0
  83. package/dist/components/nav/nav-list.d.ts +29 -0
  84. package/dist/components/nav/nav-menu-control.d.ts +8 -0
  85. package/dist/components/nav/nav-menu.d.ts +12 -0
  86. package/dist/components/nav/nav-search-control.d.ts +8 -0
  87. package/dist/components/nav/nav-search.d.ts +10 -0
  88. package/dist/components/nav/nav-sign-in-control.d.ts +12 -0
  89. package/dist/components/nav/nav-user-menu-items.d.ts +20 -0
  90. package/dist/components/nav/nav-user-menu.d.ts +18 -0
  91. package/dist/components/nav/nav.d.ts +56 -0
  92. package/dist/components/nav/nav.stories.d.ts +11 -0
  93. package/dist/components/navigation/navigation-list.d.ts +3 -1
  94. package/dist/components/navigation/navigation-menu.d.ts +2 -1
  95. package/dist/components/navigation/navigation-sign-in-control.d.ts +6 -3
  96. package/dist/components/navigation/navigation.d.ts +12 -1
  97. package/dist/components/navigation/navigation.stories.d.ts +3 -21
  98. package/dist/components/parnert-monthly-stats/index.d.ts +1 -0
  99. package/dist/components/parnert-monthly-stats/parnert-monthly-stats.d.ts +7 -0
  100. package/dist/components/parnert-monthly-stats/parnert-monthly-stats.stories.d.ts +12 -0
  101. package/dist/components/partner-chart-stats/index.d.ts +1 -0
  102. package/dist/components/partner-chart-stats/partner-chart-stats.d.ts +11 -0
  103. package/dist/components/partner-chart-stats/partner-chart-stats.stories.d.ts +18 -0
  104. package/dist/components/partner-chart-stats/partner-monthly-stats.d.ts +7 -0
  105. package/dist/components/partner-chart-stats/partner-monthly-stats.stories.d.ts +12 -0
  106. package/dist/components/partner-monthly-donations/index.d.ts +1 -0
  107. package/dist/components/partner-monthly-donations/partner-monthly-donations.d.ts +8 -0
  108. package/dist/components/partner-monthly-donations/partner-monthly-donations.stories.d.ts +12 -0
  109. package/dist/components/partner-monthly-stats/index.d.ts +1 -0
  110. package/dist/components/partner-monthly-stats/partner-monthly-stats.d.ts +7 -0
  111. package/dist/components/partner-monthly-stats/partner-monthly-stats.stories.d.ts +12 -0
  112. package/dist/components/partner-monthly-stats copy/index.d.ts +1 -0
  113. package/dist/components/partner-monthly-stats copy/partner-monthly-stats.d.ts +7 -0
  114. package/dist/components/partner-monthly-stats copy/partner-monthly-stats.stories.d.ts +12 -0
  115. package/dist/components/partner-monthly-table/index.d.ts +1 -0
  116. package/dist/components/partner-monthly-table/partner-monthly-table.d.ts +7 -0
  117. package/dist/components/partner-monthly-table/partner-monthly-table.stories.d.ts +12 -0
  118. package/dist/components/partner-thismonth-stats/index.d.ts +1 -0
  119. package/dist/components/partner-thismonth-stats/partner-monthly-stats.d.ts +7 -0
  120. package/dist/components/partner-thismonth-stats/partner-monthly-stats.stories.d.ts +12 -0
  121. package/dist/components/phone-number-input/index.d.ts +2 -0
  122. package/dist/components/{phone-number-field/phone-number-field.d.ts → phone-number-input/phone-number-input.d.ts} +5 -3
  123. package/dist/components/phone-number-input/phone-number-input.stories.d.ts +13 -0
  124. package/dist/components/popup/index.d.ts +1 -0
  125. package/dist/components/popup/popup.d.ts +8 -0
  126. package/dist/components/popup/popup.stories.d.ts +14 -0
  127. package/dist/components/progressbar/index.d.ts +1 -0
  128. package/dist/components/progressbar/progressbar.d.ts +8 -0
  129. package/dist/components/progressbar/progressbar.stories.d.ts +14 -0
  130. package/dist/components/select/select.d.ts +3 -1
  131. package/dist/components/spinner/index.d.ts +1 -0
  132. package/dist/components/spinner/spinner.d.ts +8 -0
  133. package/dist/components/spinner/spinner.stories.d.ts +13 -0
  134. package/dist/components/start-campaign-card/index.d.ts +1 -0
  135. package/dist/components/start-campaign-card/start-campaign-card.d.ts +8 -0
  136. package/dist/components/start-campaign-card/start-campaign-card.stories.d.ts +14 -0
  137. package/dist/components/statistics/statistics.d.ts +2 -1
  138. package/dist/components/table/index.d.ts +1 -0
  139. package/dist/components/table/partner-monthly-table.d.ts +16 -0
  140. package/dist/components/table/partner-monthly-table.stories.d.ts +18 -0
  141. package/dist/components/tabs/nav-tabs.d.ts +18 -0
  142. package/dist/components/tabs/tabs.d.ts +3 -1
  143. package/dist/components/text/text.d.ts +1 -1
  144. package/dist/components/text-field/index.d.ts +1 -0
  145. package/dist/components/text-field/text-field-search.d.ts +9 -0
  146. package/dist/components/text-field/text-field.d.ts +2 -0
  147. package/dist/components/text-field/text-field.stories.d.ts +6 -0
  148. package/dist/components/this-month-card/index.d.ts +1 -0
  149. package/dist/components/this-month-card/this-month-card.d.ts +16 -0
  150. package/dist/components/{phone-number-field/phone-number-field.stories.d.ts → this-month-card/this-month-card.stories.d.ts} +1 -1
  151. package/dist/index.esm.js +27412 -6609
  152. package/dist/index.js +27439 -6609
  153. package/dist/theme/theme.d.ts +4 -0
  154. package/dist/utils/parse-numbers.d.ts +2 -0
  155. package/package.json +7 -3
  156. package/styles/index.css +365 -360
  157. package/dist/components/login/login-email.d.ts +0 -3
  158. package/dist/components/login/login-register-email.d.ts +0 -3
  159. package/dist/components/login/login-select.d.ts +0 -3
  160. package/dist/components/mycause-statistics/index.d.ts +0 -1
  161. package/dist/components/mycause-statistics/mycause-statistics.d.ts +0 -12
  162. package/dist/components/phone-number-field/index.d.ts +0 -2
  163. /package/dist/components/{phone-number-field → phone-number-input}/util.d.ts +0 -0
@@ -0,0 +1,7 @@
1
+ /// <reference types="react" />
2
+ export interface PartnerMonthlyStatsProps {
3
+ numeric?: number;
4
+ title: string;
5
+ }
6
+ declare const PartnerMonthlyStats: ({ numeric, title }: PartnerMonthlyStatsProps) => JSX.Element;
7
+ export default PartnerMonthlyStats;
@@ -0,0 +1,12 @@
1
+ /// <reference types="react" />
2
+ declare const _default: {
3
+ title: string;
4
+ decorators: ((...args: any) => any)[];
5
+ };
6
+ export default _default;
7
+ export declare const PartnerMonthlyStatsStories: {
8
+ (): JSX.Element;
9
+ story: {
10
+ name: string;
11
+ };
12
+ };
@@ -0,0 +1,2 @@
1
+ export { default as PhoneNumberInput } from "./phone-number-input";
2
+ export * from "./util";
@@ -1,6 +1,6 @@
1
1
  import React from "react";
2
2
  import { CountryCode } from "libphonenumber-js";
3
- declare type PhoneNumberFieldProps = {
3
+ declare type PhoneNumberInputProps = {
4
4
  values: {
5
5
  number: string;
6
6
  countryCallingCode: string;
@@ -18,6 +18,8 @@ declare type PhoneNumberFieldProps = {
18
18
  helperText?: React.ReactNode;
19
19
  required?: boolean;
20
20
  defaultCountry?: CountryCode;
21
+ placeholder?: string;
22
+ color?: string;
21
23
  };
22
- declare function PhoneNumberField({ onChange, values, names, error, onBlur, helperText, label, required, defaultCountry, }: PhoneNumberFieldProps): JSX.Element;
23
- export default PhoneNumberField;
24
+ declare function PhoneNumberInput({ onChange, values, names, error, onBlur, helperText, label, required, defaultCountry, placeholder, color, }: PhoneNumberInputProps): JSX.Element;
25
+ export default PhoneNumberInput;
@@ -0,0 +1,13 @@
1
+ /// <reference types="react" />
2
+ import CenterDecorator from "../../utils/center-decorator";
3
+ declare const _default: {
4
+ title: string;
5
+ decorators: (typeof CenterDecorator)[];
6
+ };
7
+ export default _default;
8
+ export declare const PhoneNumberInputStory: {
9
+ (): JSX.Element;
10
+ story: {
11
+ name: string;
12
+ };
13
+ };
@@ -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,6 +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;
20
+ error?: boolean | string;
19
21
  }
20
- declare const Select: React.ForwardRefExoticComponent<SelectProps & React.RefAttributes<HTMLSelectElement>>;
22
+ declare const Select: ({ label, value, onChange, helperText, isHelperTextPersistent, externalLabel, id, className, options, large, required, leadingIcon, noArrow, error, color, ...rest }: SelectProps) => JSX.Element;
21
23
  export default Select;
@@ -0,0 +1 @@
1
+ export { default as Spinner } from "./spinner";
@@ -0,0 +1,8 @@
1
+ /// <reference types="react" />
2
+ export interface SpinnerProps {
3
+ id?: string;
4
+ className?: string;
5
+ style?: any;
6
+ }
7
+ declare const Spinner: ({ id, className, style, ...rest }: SpinnerProps) => JSX.Element;
8
+ export default Spinner;
@@ -0,0 +1,13 @@
1
+ /// <reference types="react" />
2
+ import CenterDecorator from "../../utils/center-decorator";
3
+ declare const _default: {
4
+ title: string;
5
+ decorators: (typeof CenterDecorator)[];
6
+ };
7
+ export default _default;
8
+ export declare const SpinnerStoriesDefault: {
9
+ (): JSX.Element;
10
+ story: {
11
+ name: string;
12
+ };
13
+ };
@@ -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
+ };
@@ -7,6 +7,7 @@ export interface StatisticsProps extends React.HTMLProps<HTMLDivElement> {
7
7
  logo: string;
8
8
  }>;
9
9
  title: string;
10
+ dark?: boolean;
10
11
  }
11
- declare function Statistics({ title, stats, className, ...rest }: StatisticsProps): JSX.Element;
12
+ declare function Statistics({ title, stats, className, dark, ...rest }: StatisticsProps): JSX.Element;
12
13
  export default Statistics;
@@ -0,0 +1 @@
1
+ export { default as PartnerMonthlyTable } from "./partner-monthly-table";
@@ -0,0 +1,16 @@
1
+ import React from "react";
2
+ export declare type ColumnTableProps = {
3
+ key: string;
4
+ label: string;
5
+ align: "center" | "left" | "right";
6
+ rowPrefixIcon?: string;
7
+ renderCell: (item: any) => React.ReactNode;
8
+ };
9
+ export interface PartnerMonthlyTableProps {
10
+ columns: Array<ColumnTableProps>;
11
+ data: Array<object>;
12
+ title?: string;
13
+ tooltip?: string;
14
+ }
15
+ declare const PartnerMonthlyTable: ({ columns, data, title, tooltip, }: PartnerMonthlyTableProps) => JSX.Element;
16
+ export default PartnerMonthlyTable;
@@ -0,0 +1,18 @@
1
+ /// <reference types="react" />
2
+ declare const _default: {
3
+ title: string;
4
+ decorators: ((...args: any) => any)[];
5
+ };
6
+ export default _default;
7
+ export declare const PartnerMonthlyTableStories: {
8
+ (): JSX.Element;
9
+ story: {
10
+ name: string;
11
+ };
12
+ };
13
+ export declare const PartnerMonthlyTableStories2: {
14
+ (): JSX.Element;
15
+ story: {
16
+ name: string;
17
+ };
18
+ };
@@ -0,0 +1,18 @@
1
+ import React from "react";
2
+ import { TabBarProps } from "./tab-bar";
3
+ import { TabProps } from "./tab";
4
+ interface TabOptions extends Omit<TabProps, "children" | "label"> {
5
+ key: string;
6
+ label: React.ReactNode;
7
+ }
8
+ interface TabsProps extends Omit<TabBarProps, "activeIndex" | "handleActiveIndexUpdate" | "children"> {
9
+ tabs: Array<TabOptions & {
10
+ hidden?: boolean;
11
+ }>;
12
+ active?: string | null;
13
+ onActiveUpdate: (key: string) => void;
14
+ isCompactHeight?: boolean;
15
+ isDark?: boolean;
16
+ }
17
+ declare function NavTabs({ tabs, active, onActiveUpdate, isMinWidth, isMinWidthIndicator, isCompactHeight, className, isDark, ...props }: TabsProps): JSX.Element;
18
+ export default NavTabs;
@@ -6,7 +6,9 @@ interface TabOptions extends Omit<TabProps, "children" | "label"> {
6
6
  label: React.ReactNode;
7
7
  }
8
8
  interface TabsProps extends Omit<TabBarProps, "activeIndex" | "handleActiveIndexUpdate" | "children"> {
9
- tabs: Array<TabOptions>;
9
+ tabs: Array<TabOptions & {
10
+ hidden?: boolean;
11
+ }>;
10
12
  active?: string | null;
11
13
  onActiveUpdate: (key: string) => void;
12
14
  isCompactHeight?: boolean;
@@ -27,5 +27,5 @@ interface TextProps extends Omit<BoxProps, "span" | "color"> {
27
27
  small?: boolean;
28
28
  span?: boolean;
29
29
  }
30
- declare const Text: React.ForwardRefExoticComponent<Pick<TextProps, "bold" | "small" | "strike" | "max" | "required" | "low" | "high" | "disabled" | "default" | "start" | "open" | "media" | "hidden" | "cite" | "data" | "dir" | "font" | "form" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "label" | "p" | "slot" | "span" | "style" | "summary" | "title" | "pattern" | "async" | "defer" | "manifest" | "color" | "content" | "size" | "wrap" | "italic" | "invert" | "underline" | "multiple" | "key" | "children" | "list" | "step" | "value" | "muted" | "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "alt" | "as" | "autoComplete" | "autoFocus" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "classID" | "cols" | "colSpan" | "controls" | "coords" | "crossOrigin" | "dateTime" | "download" | "encType" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "headers" | "height" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "loop" | "marginHeight" | "marginWidth" | "maxLength" | "mediaGroup" | "method" | "min" | "minLength" | "name" | "nonce" | "noValidate" | "optimum" | "placeholder" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "sizes" | "src" | "srcDoc" | "srcLang" | "srcSet" | "target" | "type" | "useMap" | "width" | "wmode" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "draggable" | "id" | "lang" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "ma" | "mv" | "mh" | "mt" | "mr" | "mb" | "ml" | "pa" | "pv" | "ph" | "pt" | "pb" | "pl" | "pr" | "align" | "elem"> & React.RefAttributes<TextTypes>>;
30
+ declare const Text: React.ForwardRefExoticComponent<Pick<TextProps, "bold" | "small" | "strike" | "max" | "required" | "low" | "high" | "disabled" | "default" | "start" | "open" | "media" | "hidden" | "cite" | "data" | "dir" | "font" | "form" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "label" | "p" | "slot" | "span" | "style" | "summary" | "title" | "pattern" | "async" | "defer" | "manifest" | "color" | "content" | "size" | "wrap" | "italic" | "invert" | "underline" | "multiple" | "key" | "children" | "list" | "step" | "value" | "muted" | "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "alt" | "as" | "autoComplete" | "autoFocus" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "classID" | "cols" | "colSpan" | "controls" | "coords" | "crossOrigin" | "dateTime" | "download" | "encType" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "headers" | "height" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "loop" | "marginHeight" | "marginWidth" | "maxLength" | "mediaGroup" | "method" | "min" | "minLength" | "name" | "nonce" | "noValidate" | "optimum" | "placeholder" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "sizes" | "src" | "srcDoc" | "srcLang" | "srcSet" | "target" | "type" | "useMap" | "width" | "wmode" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "draggable" | "id" | "lang" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "ma" | "mv" | "mh" | "mt" | "mr" | "mb" | "ml" | "pa" | "pv" | "ph" | "pt" | "pb" | "pl" | "pr" | "elem" | "align"> & React.RefAttributes<TextTypes>>;
31
31
  export default Text;
@@ -1,2 +1,3 @@
1
1
  export { default as TextField } from "./text-field";
2
+ export { default as TextFieldSearch } from "./text-field-search";
2
3
  export { default as TextFieldHelperText } from "./text-field-helper-text";
@@ -0,0 +1,9 @@
1
+ /// <reference types="react" />
2
+ interface TextFieldSearchProps {
3
+ value?: string;
4
+ onChange: (value: string) => void;
5
+ onSubmit: () => void;
6
+ placeholder?: string;
7
+ }
8
+ declare function TextFieldSearch({ value, onChange, onSubmit, placeholder, }: TextFieldSearchProps): JSX.Element;
9
+ export default TextFieldSearch;
@@ -16,8 +16,10 @@ export interface TextFieldProps extends Omit<React.HTMLProps<HTMLInputElement>,
16
16
  error?: string | null | boolean;
17
17
  externalLabel?: boolean;
18
18
  placeholder?: string;
19
+ list?: string;
19
20
  className?: string;
20
21
  required?: boolean;
22
+ color?: string;
21
23
  onChange?: (e: React.FormEvent<HTMLInputElement>) => void;
22
24
  }
23
25
  declare const TextField: React.ForwardRefExoticComponent<TextFieldProps & React.RefAttributes<HTMLInputElement>>;
@@ -10,3 +10,9 @@ export declare const TextFieldStory: {
10
10
  name: string;
11
11
  };
12
12
  };
13
+ export declare const TextFieldSearchStory: {
14
+ (): JSX.Element;
15
+ story: {
16
+ name: string;
17
+ };
18
+ };
@@ -0,0 +1 @@
1
+ export { default as ThisMonthCard } from "./this-month-card";
@@ -0,0 +1,16 @@
1
+ /// <reference types="react" />
2
+ interface MonthData {
3
+ itemAmount?: number;
4
+ itemText?: string;
5
+ }
6
+ interface ThisMonthCardProps {
7
+ totalDonations: number;
8
+ donors: number;
9
+ thisMonthData?: Array<MonthData>;
10
+ imgLink: string;
11
+ buttonLink: string;
12
+ buttonText: string;
13
+ className?: string;
14
+ }
15
+ declare const ThisMonthCard: ({ totalDonations, donors, thisMonthData, imgLink, buttonLink, buttonText, className, }: ThisMonthCardProps) => JSX.Element;
16
+ export default ThisMonthCard;
@@ -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 ThisMonthCardStories: {
8
8
  (): JSX.Element;
9
9
  story: {
10
10
  name: string;