@mycause/ui 0.0.0-cfca5315 → 0.0.0-cfd62049

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 (275) hide show
  1. package/README.md +21 -0
  2. package/dist/components/anchor/anchor.d.ts +1 -1
  3. package/dist/components/anchor/anchor.stories.d.ts +2 -2
  4. package/dist/components/anchor/bold-anchor.d.ts +1 -1
  5. package/dist/components/anchor/bold-anchor.stories.d.ts +2 -2
  6. package/dist/components/avatar/avatar.d.ts +3 -3
  7. package/dist/components/avatar/avatar.stories.d.ts +3 -3
  8. package/dist/components/avatar/image-avatar.d.ts +1 -1
  9. package/dist/components/avatar/text-avatar.d.ts +1 -1
  10. package/dist/components/button/button.d.ts +5 -2
  11. package/dist/components/button/button.stories.d.ts +10 -10
  12. package/dist/components/button-select/button-select.d.ts +1 -1
  13. package/dist/components/button-select/button-select.stories.d.ts +2 -2
  14. package/dist/components/campaign-card/campaign-card.d.ts +9 -0
  15. package/dist/components/campaign-card/campaign-card.stories.d.ts +14 -0
  16. package/dist/components/campaign-card/index.d.ts +1 -0
  17. package/dist/components/campaign-of-month/campaign-of-month.d.ts +15 -0
  18. package/dist/components/campaign-of-month/campaign-of-month.stories.d.ts +14 -0
  19. package/dist/components/campaign-of-month/index.d.ts +1 -0
  20. package/dist/components/charity-card/charity-card.d.ts +7 -0
  21. package/dist/components/charity-card/charity-card.stories.d.ts +14 -0
  22. package/dist/components/charity-card/index.d.ts +1 -0
  23. package/dist/components/checkbox/checkbox.d.ts +1 -1
  24. package/dist/components/checkbox/checkbox.stories.d.ts +4 -4
  25. package/dist/components/chips/chip.d.ts +2 -2
  26. package/dist/components/chips/chips.d.ts +2 -2
  27. package/dist/components/chips/chips.stories.d.ts +4 -4
  28. package/dist/components/chips/input-chips.d.ts +1 -1
  29. package/dist/components/chips/input-chips.stories.d.ts +2 -2
  30. package/dist/components/combo-field/combo-field-expander.d.ts +1 -1
  31. package/dist/components/combo-field/combo-field.d.ts +4 -1
  32. package/dist/components/combo-field/combo-field.stories.d.ts +3 -3
  33. package/dist/components/comment-section/comment-section-v2/comment-section-v2.d.ts +31 -0
  34. package/dist/components/comment-section/comment-section-v2/sub-comments-v2.d.ts +11 -0
  35. package/dist/components/comment-section/comment-section.d.ts +14 -2
  36. package/dist/components/comment-section/comment-section.stories.d.ts +8 -2
  37. package/dist/components/comment-section/comment-type.d.ts +10 -0
  38. package/dist/components/comment-section/index.d.ts +2 -1
  39. package/dist/components/comment-section/sub-comments.d.ts +6 -0
  40. package/dist/components/cropper/cropper.d.ts +4 -2
  41. package/dist/components/cropper/cropper.stories.d.ts +3 -4
  42. package/dist/components/date-picker/date-picker.d.ts +1 -1
  43. package/dist/components/date-picker/date-picker.stories.d.ts +11 -5
  44. package/dist/components/date-picker/index.d.ts +1 -0
  45. package/dist/components/date-picker/single-date-picker-custom-header.d.ts +32 -0
  46. package/dist/components/date-picker/single-date-picker.d.ts +4 -2
  47. package/dist/components/donate-card/donate-card.d.ts +8 -0
  48. package/dist/components/donate-card/donate-card.stories.d.ts +14 -0
  49. package/dist/components/donate-card/index.d.ts +1 -0
  50. package/dist/components/donation-form/donation-details.d.ts +12 -0
  51. package/dist/components/donation-form/donation-form-v2/donation-form-v2.d.ts +13 -0
  52. package/dist/components/donation-form/donation-form.d.ts +64 -0
  53. package/dist/components/donation-form/donation-form.stories.d.ts +18 -0
  54. package/dist/components/donation-form/donation-payment.d.ts +13 -0
  55. package/dist/components/donation-form/donation-select.d.ts +13 -0
  56. package/dist/components/donation-form/index.d.ts +2 -0
  57. package/dist/components/elevation/elevation.d.ts +1 -1
  58. package/dist/components/elevation/elevation.stories.d.ts +2 -2
  59. package/dist/components/favorite-charity-item/favorite-charity-item.d.ts +15 -0
  60. package/dist/components/favorite-charity-item/favorite-charity-item.stories.d.ts +15 -0
  61. package/dist/components/favorite-charity-item/index.d.ts +1 -0
  62. package/dist/components/featured-campaign-card/featured-campaign-card.d.ts +17 -0
  63. package/dist/components/featured-campaign-card/featured-campaign-card.stories.d.ts +14 -0
  64. package/dist/components/featured-campaign-card/index.d.ts +1 -0
  65. package/dist/components/field-helpers/field-helper-text.d.ts +2 -2
  66. package/dist/components/field-helpers/field-label.d.ts +2 -1
  67. package/dist/components/footerV2/footerV2.d.ts +35 -0
  68. package/dist/components/footerV2/footerV2.stories.d.ts +15 -0
  69. package/dist/components/footerV2/index.d.ts +1 -0
  70. package/dist/components/fundraising-section/fundraising-section.d.ts +9 -0
  71. package/dist/components/fundraising-section/fundraising-section.stories.d.ts +14 -0
  72. package/dist/components/fundraising-section/index.d.ts +1 -0
  73. package/dist/components/hero-banner/hero-banner.d.ts +9 -0
  74. package/dist/components/hero-banner/hero-banner.stories.d.ts +14 -0
  75. package/dist/components/hero-banner/index.d.ts +1 -0
  76. package/dist/components/horizontalbar/horizontalbar.d.ts +11 -0
  77. package/dist/components/horizontalbar/horizontalbar.stories.d.ts +26 -0
  78. package/dist/components/horizontalbar/index.d.ts +1 -0
  79. package/dist/components/icon/btn_google_light_normal_ios.svg.d.ts +1 -1
  80. package/dist/components/icon/facebook_6.svg.d.ts +1 -1
  81. package/dist/components/icon/heart-toggle.d.ts +13 -0
  82. package/dist/components/icon/{toggle-button.stories.d.ts → heart-toggle.stories.d.ts} +3 -3
  83. package/dist/components/icon/icon-button-group.d.ts +1 -1
  84. package/dist/components/icon/icon-button-group.stories.d.ts +2 -2
  85. package/dist/components/icon/icon-button.d.ts +3 -1
  86. package/dist/components/icon/icon-button.stories.d.ts +3 -3
  87. package/dist/components/icon/icon.d.ts +1 -1
  88. package/dist/components/icon/icon.stories.d.ts +4 -4
  89. package/dist/components/icon/index.d.ts +1 -1
  90. package/dist/components/icon/material-icon.d.ts +2 -2
  91. package/dist/components/index.d.ts +35 -0
  92. package/dist/components/info-represent-campaign/index.d.ts +1 -0
  93. package/dist/components/info-represent-campaign/info-represent-campaign.d.ts +11 -0
  94. package/dist/components/info-represent-campaign/info-represent-campaign.stories.d.ts +12 -0
  95. package/dist/components/input/InputDefault.d.ts +13 -0
  96. package/dist/components/input/index.d.ts +1 -0
  97. package/dist/components/input/input.stories.d.ts +24 -0
  98. package/dist/components/input-social/Icons.d.ts +5 -0
  99. package/dist/components/input-social/InputSocial.d.ts +12 -0
  100. package/dist/components/input-social/index.d.ts +1 -0
  101. package/dist/components/input-social/input-social.stories.d.ts +12 -0
  102. package/dist/components/layout/box.d.ts +232 -224
  103. package/dist/components/layout/flex.d.ts +4 -4
  104. package/dist/components/layout/flex.stories.d.ts +2 -2
  105. package/dist/components/layout/grid.d.ts +2 -2
  106. package/dist/components/layout/grid.stories.d.ts +2 -2
  107. package/dist/components/layout/stack.d.ts +2 -2
  108. package/dist/components/layout/stack.stories.d.ts +4 -4
  109. package/dist/components/list/list.d.ts +31 -15
  110. package/dist/components/list/list.stories.d.ts +14 -8
  111. package/dist/components/login/index.d.ts +1 -0
  112. package/dist/components/login/login.d.ts +15 -0
  113. package/dist/components/{phone-number-input/phone-number-field.stories.d.ts → login/login.stories.d.ts} +5 -5
  114. package/dist/components/logo/logo-type.d.ts +4 -3
  115. package/dist/components/menu/menu-list-item.d.ts +2 -2
  116. package/dist/components/menu/menu-list.d.ts +2 -2
  117. package/dist/components/menu/menu.stories.d.ts +2 -2
  118. package/dist/components/modal/index.d.ts +1 -0
  119. package/dist/components/modal/modal-image.d.ts +8 -0
  120. package/dist/components/modal/modal.d.ts +5 -2
  121. package/dist/components/modal/modal.stories.d.ts +17 -5
  122. package/dist/components/my-account-choose-charity-card/index.d.ts +1 -0
  123. package/dist/components/my-account-choose-charity-card/my-account-choose-charity-card.d.ts +11 -0
  124. package/dist/components/my-account-choose-charity-card/my-account-choose-charity-card.stories.d.ts +14 -0
  125. package/dist/components/my-account-frp-closed/Icon.d.ts +5 -0
  126. package/dist/components/my-account-frp-closed/frp-closed-img.d.ts +9 -0
  127. package/dist/components/my-account-frp-closed/frp-information.d.ts +13 -0
  128. package/dist/components/my-account-frp-closed/index.d.ts +1 -0
  129. package/dist/components/my-account-frp-closed/my-account-frp-closed.d.ts +17 -0
  130. package/dist/components/my-account-frp-closed/my-account-frp-closed.stories.d.ts +24 -0
  131. package/dist/components/my-account-frp-preview/Icon.d.ts +5 -0
  132. package/dist/components/my-account-frp-preview/frp-information.d.ts +13 -0
  133. package/dist/components/my-account-frp-preview/frp-preview-img.d.ts +9 -0
  134. package/dist/components/my-account-frp-preview/index.d.ts +1 -0
  135. package/dist/components/my-account-frp-preview/my-account-frp-preview.d.ts +17 -0
  136. package/dist/components/my-account-frp-preview/my-account-frp-preview.stories.d.ts +24 -0
  137. package/dist/components/my-account-sidebar/Icon.d.ts +15 -0
  138. package/dist/components/my-account-sidebar/index.d.ts +1 -0
  139. package/dist/components/my-account-sidebar/my-account-sidebar.d.ts +19 -0
  140. package/dist/components/my-account-sidebar/my-account-sidebar.stories.d.ts +12 -0
  141. package/dist/components/my-account-start-fundraise-card/index.d.ts +1 -0
  142. package/dist/components/my-account-start-fundraise-card/my-account-start-fundraise-card.d.ts +13 -0
  143. package/dist/components/my-account-start-fundraise-card/my-account-start-fundraise-card.stories.d.ts +20 -0
  144. package/dist/components/my-account-stats-donated/index.d.ts +1 -0
  145. package/dist/components/my-account-stats-donated/my-account-stats-donated.d.ts +8 -0
  146. package/dist/components/my-account-stats-donated/my-account-stats-donated.stories.d.ts +12 -0
  147. package/dist/components/my-account-stats-raised/index.d.ts +1 -0
  148. package/dist/components/my-account-stats-raised/my-account-stats-raised.d.ts +7 -0
  149. package/dist/components/my-account-stats-raised/my-account-stats-raised.stories.d.ts +12 -0
  150. package/dist/components/nav/icons/IconBigger.d.ts +5 -0
  151. package/dist/components/nav/icons/IconSmaller.d.ts +5 -0
  152. package/dist/components/nav/index.d.ts +2 -0
  153. package/dist/components/nav/nav-actions.d.ts +5 -0
  154. package/dist/components/nav/nav-bar.d.ts +7 -0
  155. package/dist/components/nav/nav-call-to-action.d.ts +5 -0
  156. package/dist/components/nav/nav-expanded-charity.d.ts +14 -0
  157. package/dist/components/nav/nav-expanded.d.ts +14 -0
  158. package/dist/components/nav/nav-list.d.ts +29 -0
  159. package/dist/components/nav/nav-menu-control.d.ts +8 -0
  160. package/dist/components/nav/nav-menu.d.ts +12 -0
  161. package/dist/components/nav/nav-myaccount.d.ts +22 -0
  162. package/dist/components/nav/nav-search-control.d.ts +8 -0
  163. package/dist/components/nav/nav-search.d.ts +10 -0
  164. package/dist/components/nav/nav-sign-in-control.d.ts +12 -0
  165. package/dist/components/nav/nav-user-menu-items.d.ts +20 -0
  166. package/dist/components/nav/nav-user-menu.d.ts +18 -0
  167. package/dist/components/nav/nav.d.ts +57 -0
  168. package/dist/components/nav/nav.stories.d.ts +17 -0
  169. package/dist/components/navigation/navigation-actions.d.ts +1 -1
  170. package/dist/components/navigation/navigation-bar.d.ts +2 -2
  171. package/dist/components/navigation/navigation-call-to-action.d.ts +3 -3
  172. package/dist/components/navigation/navigation-expanded.d.ts +2 -2
  173. package/dist/components/navigation/navigation-list.d.ts +9 -7
  174. package/dist/components/navigation/navigation-menu-control.d.ts +1 -1
  175. package/dist/components/navigation/navigation-menu.d.ts +4 -3
  176. package/dist/components/navigation/navigation-search-control.d.ts +2 -2
  177. package/dist/components/navigation/navigation-search.d.ts +2 -2
  178. package/dist/components/navigation/navigation-sign-in-control.d.ts +6 -3
  179. package/dist/components/navigation/navigation-user-menu-items.d.ts +6 -6
  180. package/dist/components/navigation/navigation-user-menu.d.ts +4 -4
  181. package/dist/components/navigation/navigation.d.ts +17 -6
  182. package/dist/components/navigation/navigation.stories.d.ts +7 -25
  183. package/dist/components/partner-chart-stats/index.d.ts +1 -0
  184. package/dist/components/partner-chart-stats/partner-chart-stats.d.ts +11 -0
  185. package/dist/components/partner-chart-stats/partner-chart-stats.stories.d.ts +18 -0
  186. package/dist/components/partner-monthly-donations/index.d.ts +1 -0
  187. package/dist/components/partner-monthly-donations/partner-monthly-donations.d.ts +8 -0
  188. package/dist/components/partner-monthly-donations/partner-monthly-donations.stories.d.ts +12 -0
  189. package/dist/components/partner-monthly-stats/index.d.ts +1 -0
  190. package/dist/components/partner-monthly-stats/partner-monthly-stats.d.ts +7 -0
  191. package/dist/components/partner-monthly-stats/partner-monthly-stats.stories.d.ts +12 -0
  192. package/dist/components/partner-toggle-button/index.d.ts +2 -0
  193. package/dist/components/partner-toggle-button/partner-toggle-button-block.d.ts +11 -0
  194. package/dist/components/partner-toggle-button/partner-toggle-button-block.stories.d.ts +12 -0
  195. package/dist/components/partner-toggle-button/partner-toggle-button.d.ts +8 -0
  196. package/dist/components/phone-number-input/index.d.ts +2 -0
  197. package/dist/components/phone-number-input/{phone-number-field.d.ts → phone-number-input-v1.d.ts} +5 -3
  198. package/dist/components/phone-number-input/phone-number-input-v2.d.ts +19 -0
  199. package/dist/components/phone-number-input/phone-number-input.d.ts +5 -2
  200. package/dist/components/phone-number-input/phone-number-input.stories.d.ts +26 -2
  201. package/dist/components/popup/index.d.ts +1 -0
  202. package/dist/components/popup/popup.d.ts +8 -0
  203. package/dist/components/popup/popup.stories.d.ts +14 -0
  204. package/dist/components/progressbar/index.d.ts +1 -0
  205. package/dist/components/progressbar/progress-bar-circle.d.ts +10 -0
  206. package/dist/components/progressbar/progressbar.d.ts +8 -0
  207. package/dist/components/progressbar/progressbar.stories.d.ts +20 -0
  208. package/dist/components/radio/radio-group.d.ts +1 -1
  209. package/dist/components/radio/radio-group.stories.d.ts +2 -2
  210. package/dist/components/radio/radio.d.ts +3 -1
  211. package/dist/components/radio/radio.stories.d.ts +4 -4
  212. package/dist/components/select/index.d.ts +2 -0
  213. package/dist/components/select/select-enhanced.d.ts +24 -0
  214. package/dist/components/select/select-helper-text.d.ts +1 -1
  215. package/dist/components/select/select-v2.d.ts +26 -0
  216. package/dist/components/select/select.d.ts +6 -3
  217. package/dist/components/select/select.stories.d.ts +14 -2
  218. package/dist/components/spinner/index.d.ts +1 -0
  219. package/dist/components/spinner/spinner.d.ts +8 -0
  220. package/dist/components/{comments/comments.stories.d.ts → spinner/spinner.stories.d.ts} +3 -2
  221. package/dist/components/start-campaign-card/index.d.ts +1 -0
  222. package/dist/components/start-campaign-card/start-campaign-card.d.ts +8 -0
  223. package/dist/components/start-campaign-card/start-campaign-card.stories.d.ts +14 -0
  224. package/dist/components/statistics/statistics.d.ts +2 -1
  225. package/dist/components/statistics/statistics.stories.d.ts +2 -2
  226. package/dist/components/switch/index.d.ts +1 -0
  227. package/dist/components/switch/switch-v2.d.ts +8 -0
  228. package/dist/components/switch/switch.d.ts +1 -1
  229. package/dist/components/switch/switch.stories.d.ts +10 -4
  230. package/dist/components/table/index.d.ts +1 -0
  231. package/dist/components/table/partner-monthly-table.d.ts +17 -0
  232. package/dist/components/table/partner-monthly-table.stories.d.ts +18 -0
  233. package/dist/components/tabs/nav-tabs.d.ts +18 -0
  234. package/dist/components/tabs/tab-text-label.d.ts +1 -1
  235. package/dist/components/tabs/tabs.d.ts +4 -2
  236. package/dist/components/tabs/tabs.stories.d.ts +2 -2
  237. package/dist/components/text/text.d.ts +4 -5
  238. package/dist/components/text/text.stories.d.ts +7 -7
  239. package/dist/components/text-field/index.d.ts +1 -0
  240. package/dist/components/text-field/text-field-helper-text.d.ts +1 -1
  241. package/dist/components/text-field/text-field-search.d.ts +10 -0
  242. package/dist/components/text-field/text-field.d.ts +2 -0
  243. package/dist/components/text-field/text-field.stories.d.ts +8 -2
  244. package/dist/components/this-month-card/index.d.ts +1 -0
  245. package/dist/components/this-month-card/this-month-card.d.ts +15 -0
  246. package/dist/components/this-month-card/this-month-card.stories.d.ts +12 -0
  247. package/dist/components/toast/Icons.d.ts +7 -0
  248. package/dist/components/toast/index.d.ts +1 -0
  249. package/dist/components/toast/toast.d.ts +8 -0
  250. package/dist/components/toast/toast.stories.d.ts +12 -0
  251. package/dist/components/transaction-card/Dot.d.ts +6 -0
  252. package/dist/components/transaction-card/index.d.ts +1 -0
  253. package/dist/components/transaction-card/transaction-card.d.ts +16 -0
  254. package/dist/components/transaction-card/transaction-card.stories.d.ts +20 -0
  255. package/dist/components/uploader/uploader.d.ts +1 -1
  256. package/dist/index.css +2 -0
  257. package/dist/index.css.map +1 -0
  258. package/dist/index.esm.css +2 -0
  259. package/dist/index.esm.css.map +1 -0
  260. package/dist/index.esm.js +33031 -6359
  261. package/dist/index.js +33012 -6292
  262. package/dist/theme/theme.d.ts +9 -5
  263. package/dist/utils/center-decorator.d.ts +1 -1
  264. package/dist/utils/component-matrix.d.ts +1 -1
  265. package/dist/utils/grid-decorator.d.ts +1 -1
  266. package/dist/utils/parse-numbers.d.ts +2 -0
  267. package/package.json +25 -16
  268. package/styles/index.css +5 -6883
  269. package/styles/index.css.map +1 -0
  270. package/styles/reset.css +2 -315
  271. package/styles/reset.css.map +1 -0
  272. package/CHANGELOG.md +0 -385
  273. package/dist/components/comments/comments.d.ts +0 -5
  274. package/dist/components/comments/index.d.ts +0 -1
  275. package/dist/components/icon/toggle-button.d.ts +0 -11
@@ -0,0 +1,12 @@
1
+ import React from "react";
2
+ declare const _default: {
3
+ title: string;
4
+ decorators: ((...args: any) => any)[];
5
+ };
6
+ export default _default;
7
+ export declare const MyAccountStatsDonatedStory: {
8
+ (): React.JSX.Element;
9
+ story: {
10
+ name: string;
11
+ };
12
+ };
@@ -0,0 +1 @@
1
+ export { default as MyAccountStatsRaised } from "./my-account-stats-raised";
@@ -0,0 +1,7 @@
1
+ import React from "react";
2
+ export interface MyAccountStatsRaisedProps {
3
+ amount: number;
4
+ campaigns: number;
5
+ }
6
+ declare const MyAccountStatsRaised: ({ amount, campaigns, }: MyAccountStatsRaisedProps) => React.JSX.Element;
7
+ export default MyAccountStatsRaised;
@@ -0,0 +1,12 @@
1
+ import React from "react";
2
+ declare const _default: {
3
+ title: string;
4
+ decorators: ((...args: any) => any)[];
5
+ };
6
+ export default _default;
7
+ export declare const MyAccountStatsRaisedStory: {
8
+ (): React.JSX.Element;
9
+ story: {
10
+ name: string;
11
+ };
12
+ };
@@ -0,0 +1,5 @@
1
+ import React from "react";
2
+ export interface IconProps {
3
+ stroke?: string;
4
+ }
5
+ export default function IconBigger({ stroke }: IconProps): React.JSX.Element;
@@ -0,0 +1,5 @@
1
+ import React from "react";
2
+ export interface IconProps {
3
+ stroke?: string;
4
+ }
5
+ export default function IconBigger({ stroke }: IconProps): React.JSX.Element;
@@ -0,0 +1,2 @@
1
+ export { default as Nav } from "./nav";
2
+ export { default as NavMyAccount } from "./nav-myaccount";
@@ -0,0 +1,5 @@
1
+ import React from "react";
2
+ declare function NavigationActions({ children }: {
3
+ children: React.ReactNode;
4
+ }): React.JSX.Element;
5
+ export default NavigationActions;
@@ -0,0 +1,7 @@
1
+ import React from "react";
2
+ export type NavigationBarProps = {
3
+ children?: React.ReactNode;
4
+ isCompactHeight?: boolean;
5
+ };
6
+ declare function NavigationBar({ isCompactHeight, children }: NavigationBarProps): React.JSX.Element;
7
+ export default NavigationBar;
@@ -0,0 +1,5 @@
1
+ import React from "react";
2
+ import { ButtonProps } from "../button/button";
3
+ type NavigationCallToActionProps = Omit<ButtonProps, "color">;
4
+ declare function NavigationCallToAction(props: NavigationCallToActionProps): React.JSX.Element;
5
+ export default NavigationCallToAction;
@@ -0,0 +1,14 @@
1
+ import React from "react";
2
+ import { HybridNavigationLink } from "./nav-list";
3
+ export 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
+ loginRaised?: HybridNavigationLink | null;
12
+ };
13
+ declare function NavigationExpandedCharity({ children, onRequestClose, className, banner, action, actionRaised, loginRaised, }: NavigationExpandedCharityProps): React.JSX.Element;
14
+ export default NavigationExpandedCharity;
@@ -0,0 +1,14 @@
1
+ import React from "react";
2
+ import { HybridNavigationLink } from "./nav-list";
3
+ export 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): React.JSX.Element;
14
+ export default NavigationExpanded;
@@ -0,0 +1,29 @@
1
+ import React from "react";
2
+ export type HrefNavigationLink = {
3
+ href: string;
4
+ label: React.ReactNode;
5
+ subLabel: string;
6
+ analyticsId?: string;
7
+ icon?: string;
8
+ };
9
+ export 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 type HybridNavigationLink = HrefNavigationLink | ClickNavigationLink;
19
+ export type NavigationListItem = HybridNavigationLink & {
20
+ children?: React.ReactNode;
21
+ };
22
+ export 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): React.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): React.JSX.Element;
8
+ export default NavigationMenuControl;
@@ -0,0 +1,12 @@
1
+ import React from "react";
2
+ import { HybridNavigationLink } from "./nav-list";
3
+ export 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): React.JSX.Element;
12
+ export default NavigationMenu;
@@ -0,0 +1,22 @@
1
+ import React from "react";
2
+ import { ColorSpecifier } from "../../theme/theme";
3
+ import { ButtonProps } from "../button/button";
4
+ import { UserData } from "./nav-user-menu";
5
+ import { UserMenuItemWithSubmenu } from "./nav-user-menu-items";
6
+ type LoginAction = {
7
+ analyticsId?: string;
8
+ onLogin: () => void;
9
+ color?: ColorSpecifier;
10
+ noIcon?: boolean;
11
+ };
12
+ export type NavigationProps = {
13
+ logo?: React.ReactNode;
14
+ cta?: ButtonProps | null;
15
+ user?: UserData | null;
16
+ login?: LoginAction | null;
17
+ isSticky?: boolean;
18
+ menuReverse?: boolean;
19
+ userMenu?: Array<UserMenuItemWithSubmenu>;
20
+ };
21
+ declare function Navigation({ logo, cta, user, login, isSticky, userMenu, }: NavigationProps): React.JSX.Element;
22
+ export default Navigation;
@@ -0,0 +1,8 @@
1
+ import React from "react";
2
+ interface NavigationSearchControlProps {
3
+ onChangeSearchOpen: (isOpen: boolean) => void;
4
+ analyticsId?: string;
5
+ isDark?: boolean;
6
+ }
7
+ declare function NavigationSearchControl({ onChangeSearchOpen, analyticsId, isDark, }: NavigationSearchControlProps): React.JSX.Element;
8
+ export default NavigationSearchControl;
@@ -0,0 +1,10 @@
1
+ import React from "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): React.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): React.JSX.Element;
12
+ export default NavigationSignInControl;
@@ -0,0 +1,20 @@
1
+ import React from "react";
2
+ import { IconProps } from "../icon/icon";
3
+ export type UserMenuItem = {
4
+ icon: IconProps;
5
+ label: string;
6
+ onClick?: () => void;
7
+ href?: string;
8
+ id?: string;
9
+ };
10
+ export type UserMenuItemWithSubmenu = UserMenuItem & {
11
+ submenu?: Array<Omit<UserMenuItem, "icon">>;
12
+ };
13
+ export type NavigationUserMenuItemProps = UserMenuItemWithSubmenu & {
14
+ isSubmenuOpen?: boolean;
15
+ };
16
+ type NavigationUserMenuItemsProps = {
17
+ items: Array<UserMenuItemWithSubmenu>;
18
+ };
19
+ declare function NavigationUserMenuItems({ items }: NavigationUserMenuItemsProps): React.JSX.Element;
20
+ export default NavigationUserMenuItems;
@@ -0,0 +1,18 @@
1
+ import React from "react";
2
+ import { UserMenuItemWithSubmenu } from "./nav-user-menu-items";
3
+ export type UserData = {
4
+ name: string;
5
+ avatar?: {
6
+ src: string;
7
+ };
8
+ };
9
+ export 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): React.JSX.Element;
18
+ export default NavigationUserMenu;
@@ -0,0 +1,57 @@
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
+ 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
+ loginRaised?: HybridNavigationLink | null;
19
+ onClick?: () => void;
20
+ };
21
+ type SearchAction = {
22
+ analyticsId?: string;
23
+ onSearch: (query: string) => void;
24
+ };
25
+ type LoginAction = {
26
+ analyticsId?: string;
27
+ onLogin: () => void;
28
+ color?: ColorSpecifier;
29
+ noIcon?: boolean;
30
+ };
31
+ type StatsItemProps = {
32
+ id: string;
33
+ label: string;
34
+ value: string;
35
+ logo: string;
36
+ };
37
+ export type NavigationProps = {
38
+ logo?: React.ReactNode;
39
+ menus?: Array<NavigationMenu>;
40
+ links?: Array<HybridNavigationLink>;
41
+ stats?: Array<StatsItemProps>;
42
+ cta?: ButtonProps | null;
43
+ cta2?: (ButtonProps & {
44
+ targetTab?: string;
45
+ }) | null;
46
+ user?: UserData | null;
47
+ login?: LoginAction | null;
48
+ userMenu?: Array<UserMenuItemWithSubmenu>;
49
+ search?: SearchAction | null;
50
+ isSticky?: boolean;
51
+ isCompactHeight?: boolean;
52
+ setSearchToLeft?: boolean;
53
+ menuReverse?: boolean;
54
+ isDark?: boolean;
55
+ };
56
+ declare function Navigation({ logo, menus, links, stats, cta, cta2, user, userMenu, search, login, isSticky, isCompactHeight, setSearchToLeft, menuReverse, isDark, }: NavigationProps): React.JSX.Element;
57
+ export default Navigation;
@@ -0,0 +1,17 @@
1
+ import React from "react";
2
+ declare const _default: {
3
+ title: string;
4
+ };
5
+ export default _default;
6
+ export declare const NavigationDemo2SupportLink: {
7
+ (): React.JSX.Element;
8
+ story: {
9
+ name: string;
10
+ };
11
+ };
12
+ export declare const NavigationMyaccount: {
13
+ (): React.JSX.Element;
14
+ story: {
15
+ name: string;
16
+ };
17
+ };
@@ -1,5 +1,5 @@
1
1
  import React from "react";
2
2
  declare function NavigationActions({ children }: {
3
3
  children: React.ReactNode;
4
- }): JSX.Element;
4
+ }): React.JSX.Element;
5
5
  export default NavigationActions;
@@ -1,7 +1,7 @@
1
1
  import React from "react";
2
- export declare type NavigationBarProps = {
2
+ export type NavigationBarProps = {
3
3
  children?: React.ReactNode;
4
4
  isCompactHeight?: boolean;
5
5
  };
6
- declare function NavigationBar({ isCompactHeight, children }: NavigationBarProps): JSX.Element;
6
+ declare function NavigationBar({ isCompactHeight, children }: NavigationBarProps): React.JSX.Element;
7
7
  export default NavigationBar;
@@ -1,5 +1,5 @@
1
- /// <reference types="react" />
1
+ import React from "react";
2
2
  import { ButtonProps } from "../button/button";
3
- declare type NavigationCallToActionProps = Omit<ButtonProps, "color">;
4
- declare function NavigationCallToAction(props: NavigationCallToActionProps): JSX.Element;
3
+ type NavigationCallToActionProps = Omit<ButtonProps, "color">;
4
+ declare function NavigationCallToAction(props: NavigationCallToActionProps): React.JSX.Element;
5
5
  export default NavigationCallToAction;
@@ -1,11 +1,11 @@
1
1
  import React from "react";
2
2
  import { HybridNavigationLink } from "./navigation-list";
3
- export declare type NavigationExpandedProps = {
3
+ export type NavigationExpandedProps = {
4
4
  links?: Array<HybridNavigationLink>;
5
5
  children?: React.ReactNode;
6
6
  banner?: React.ReactNode;
7
7
  onRequestClose: () => void;
8
8
  className?: string;
9
9
  };
10
- declare function NavigationExpanded({ links, children, onRequestClose, className, banner, }: NavigationExpandedProps): JSX.Element;
10
+ declare function NavigationExpanded({ links, children, onRequestClose, className, banner, }: NavigationExpandedProps): React.JSX.Element;
11
11
  export default NavigationExpanded;
@@ -1,25 +1,27 @@
1
1
  import React from "react";
2
- export declare type HrefNavigationLink = {
2
+ export type HrefNavigationLink = {
3
3
  href: string;
4
4
  label: React.ReactNode;
5
5
  analyticsId?: string;
6
+ icon?: string;
6
7
  };
7
- export declare type ClickNavigationLink = {
8
+ export type ClickNavigationLink = {
8
9
  onClick?: () => void;
9
10
  id: string;
10
11
  label: React.ReactNode;
11
12
  more?: boolean;
12
13
  analyticsId?: string;
14
+ icon?: string;
13
15
  };
14
- export declare type HybridNavigationLink = HrefNavigationLink | ClickNavigationLink;
15
- export declare type NavigationListItem = HybridNavigationLink & {
16
+ export type HybridNavigationLink = HrefNavigationLink | ClickNavigationLink;
17
+ export type NavigationListItem = HybridNavigationLink & {
16
18
  children?: React.ReactNode;
17
19
  };
18
- export declare type NavigationMenuListProps = {
20
+ export 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
- declare function NavigationList({ items, onClickItem, active, size, }: NavigationMenuListProps): JSX.Element;
26
+ declare function NavigationList({ items, onClickItem, active, size, }: NavigationMenuListProps): React.JSX.Element;
25
27
  export default NavigationList;
@@ -3,5 +3,5 @@ interface NavigationMenuControlProps extends React.HTMLProps<HTMLDivElement> {
3
3
  isMenuOpen: boolean;
4
4
  onChangeMenuOpen: (isOpen: boolean) => void;
5
5
  }
6
- declare function NavigationMenuControl({ isMenuOpen, onChangeMenuOpen, className, ...rest }: NavigationMenuControlProps): JSX.Element;
6
+ declare function NavigationMenuControl({ isMenuOpen, onChangeMenuOpen, className, ...rest }: NavigationMenuControlProps): React.JSX.Element;
7
7
  export default NavigationMenuControl;
@@ -1,11 +1,12 @@
1
- /// <reference types="react" />
1
+ import React from "react";
2
2
  import { HybridNavigationLink } from "./navigation-list";
3
- export declare type NavigationMenuProps = {
3
+ export type NavigationMenuProps = {
4
4
  links: Array<HybridNavigationLink>;
5
5
  onClickItem: (id: string) => void;
6
6
  sublinks: Array<HybridNavigationLink> | null;
7
7
  action: HybridNavigationLink | null;
8
+ actionRaised?: HybridNavigationLink | null;
8
9
  active: string | null;
9
10
  };
10
- export declare function NavigationMenu({ links, sublinks, action, active, onClickItem, }: NavigationMenuProps): JSX.Element;
11
+ export declare function NavigationMenu({ links, sublinks, action, actionRaised, active, onClickItem, }: NavigationMenuProps): React.JSX.Element;
11
12
  export default NavigationMenu;
@@ -1,7 +1,7 @@
1
- /// <reference types="react" />
1
+ import React from "react";
2
2
  interface NavigationSearchControlProps {
3
3
  onChangeSearchOpen: (isOpen: boolean) => void;
4
4
  analyticsId?: string;
5
5
  }
6
- declare function NavigationSearchControl({ onChangeSearchOpen, analyticsId, }: NavigationSearchControlProps): JSX.Element;
6
+ declare function NavigationSearchControl({ onChangeSearchOpen, analyticsId, }: NavigationSearchControlProps): React.JSX.Element;
7
7
  export default NavigationSearchControl;
@@ -1,9 +1,9 @@
1
- /// <reference types="react" />
1
+ import React from "react";
2
2
  interface NavigationSearchProps {
3
3
  value: string;
4
4
  onChange: (value: string) => void;
5
5
  onSubmit: () => void;
6
6
  onCancel: () => void;
7
7
  }
8
- declare function NavigationSearch({ value, onChange, onSubmit, onCancel, }: NavigationSearchProps): JSX.Element;
8
+ declare function NavigationSearch({ value, onChange, onSubmit, onCancel, }: NavigationSearchProps): React.JSX.Element;
9
9
  export default NavigationSearch;
@@ -1,8 +1,11 @@
1
1
  import React from "react";
2
- interface NavigationSignInControlProps extends React.HTMLProps<HTMLDivElement> {
2
+ import { ColorSpecifier } from "../../theme/theme";
3
+ interface NavigationSignInControlProps extends Omit<React.HTMLProps<HTMLDivElement>, "color"> {
3
4
  analyticsId?: string;
4
5
  compact?: boolean;
5
- onRequestSignIn: () => void;
6
+ handleonRequestSignIn: () => void;
7
+ color?: ColorSpecifier;
8
+ noIcon?: boolean;
6
9
  }
7
- declare function NavigationSignInControl({ analyticsId, onRequestSignIn, compact, className, ...rest }: NavigationSignInControlProps): JSX.Element;
10
+ declare function NavigationSignInControl({ analyticsId, handleonRequestSignIn, compact, className, color, noIcon, ...rest }: NavigationSignInControlProps): React.JSX.Element;
8
11
  export default NavigationSignInControl;
@@ -1,20 +1,20 @@
1
- /// <reference types="react" />
1
+ import React from "react";
2
2
  import { IconProps } from "../icon/icon";
3
- export declare type UserMenuItem = {
3
+ export type UserMenuItem = {
4
4
  icon: IconProps;
5
5
  label: string;
6
6
  onClick?: () => void;
7
7
  href?: string;
8
8
  id?: string;
9
9
  };
10
- export declare type UserMenuItemWithSubmenu = UserMenuItem & {
10
+ export type UserMenuItemWithSubmenu = UserMenuItem & {
11
11
  submenu?: Array<Omit<UserMenuItem, "icon">>;
12
12
  };
13
- export declare type NavigationUserMenuItemProps = UserMenuItemWithSubmenu & {
13
+ export type NavigationUserMenuItemProps = UserMenuItemWithSubmenu & {
14
14
  isSubmenuOpen?: boolean;
15
15
  };
16
- declare type NavigationUserMenuItemsProps = {
16
+ type NavigationUserMenuItemsProps = {
17
17
  items: Array<UserMenuItemWithSubmenu>;
18
18
  };
19
- declare function NavigationUserMenuItems({ items }: NavigationUserMenuItemsProps): JSX.Element;
19
+ declare function NavigationUserMenuItems({ items }: NavigationUserMenuItemsProps): React.JSX.Element;
20
20
  export default NavigationUserMenuItems;
@@ -1,12 +1,12 @@
1
- /// <reference types="react" />
1
+ import React from "react";
2
2
  import { UserMenuItemWithSubmenu } from "./navigation-user-menu-items";
3
- export declare type UserData = {
3
+ export type UserData = {
4
4
  name: string;
5
5
  avatar?: {
6
6
  src: string;
7
7
  };
8
8
  };
9
- export declare type UserMenuItems = Array<UserMenuItemWithSubmenu>;
9
+ export type UserMenuItems = Array<UserMenuItemWithSubmenu>;
10
10
  interface NavigationUserMenuProps {
11
11
  user: UserData;
12
12
  items?: UserMenuItems;
@@ -14,5 +14,5 @@ interface NavigationUserMenuProps {
14
14
  onChangeOpen: (isOpen: boolean) => void;
15
15
  isCompact?: boolean;
16
16
  }
17
- declare function NavigationUserMenu({ user, items, isOpen, onChangeOpen, }: NavigationUserMenuProps): JSX.Element;
17
+ declare function NavigationUserMenu({ user, items, isOpen, onChangeOpen, }: NavigationUserMenuProps): React.JSX.Element;
18
18
  export default NavigationUserMenu;
@@ -1,44 +1,55 @@
1
1
  import React from "react";
2
+ import { ColorSpecifier } from "../../theme/theme";
2
3
  import { ButtonProps } from "../button/button";
3
4
  import NavigationMenu from "./navigation-menu";
4
5
  import { HybridNavigationLink } from "./navigation-list";
5
6
  import { UserData } from "./navigation-user-menu";
6
7
  import { UserMenuItemWithSubmenu } from "./navigation-user-menu-items";
7
- declare type NavigationMenu = {
8
+ type NavigationMenu = {
8
9
  id: string;
9
10
  label: React.ReactNode;
10
11
  analyticsId?: string;
12
+ hidden?: boolean;
11
13
  items: Array<HybridNavigationLink & {
12
14
  submenu?: Array<HybridNavigationLink>;
13
15
  }>;
14
16
  action?: HybridNavigationLink;
17
+ actionRaised?: HybridNavigationLink;
18
+ onClick?: () => void;
15
19
  };
16
- declare type SearchAction = {
20
+ type SearchAction = {
17
21
  analyticsId?: string;
18
22
  onSearch: (query: string) => void;
19
23
  };
20
- declare type LoginAction = {
24
+ type LoginAction = {
21
25
  analyticsId?: string;
22
26
  onLogin: () => void;
27
+ color?: ColorSpecifier;
28
+ noIcon?: boolean;
23
29
  };
24
- declare type StatsItemProps = {
30
+ type StatsItemProps = {
25
31
  id: string;
26
32
  label: string;
27
33
  value: string;
28
34
  logo: string;
29
35
  };
30
- export declare type NavigationProps = {
36
+ export type NavigationProps = {
31
37
  logo?: React.ReactNode;
32
38
  menus?: Array<NavigationMenu>;
33
39
  links?: Array<HybridNavigationLink>;
34
40
  stats?: Array<StatsItemProps>;
35
41
  cta?: ButtonProps | null;
42
+ cta2?: (ButtonProps & {
43
+ targetTab?: string;
44
+ }) | null;
36
45
  user?: UserData | null;
37
46
  login?: LoginAction | null;
38
47
  userMenu?: Array<UserMenuItemWithSubmenu>;
39
48
  search?: SearchAction | null;
40
49
  isSticky?: boolean;
41
50
  isCompactHeight?: boolean;
51
+ setSearchToLeft?: boolean;
52
+ menuReverse?: boolean;
42
53
  };
43
- declare function Navigation({ logo, menus, links, stats, cta, user, userMenu, search, login, isSticky, isCompactHeight, }: NavigationProps): JSX.Element;
54
+ declare function Navigation({ logo, menus, links, stats, cta, cta2, user, userMenu, search, login, isSticky, isCompactHeight, setSearchToLeft, menuReverse, }: NavigationProps): React.JSX.Element;
44
55
  export default Navigation;
@@ -1,40 +1,22 @@
1
- /// <reference types="react" />
1
+ import React from "react";
2
2
  declare const _default: {
3
3
  title: string;
4
4
  };
5
5
  export default _default;
6
- export declare const full: {
7
- (): JSX.Element;
6
+ export declare const NavigationDemo: {
7
+ (): React.JSX.Element;
8
8
  story: {
9
9
  name: string;
10
10
  };
11
11
  };
12
- export declare const list: {
13
- (): JSX.Element;
12
+ export declare const NavigationDemo2: {
13
+ (): React.JSX.Element;
14
14
  story: {
15
15
  name: string;
16
16
  };
17
17
  };
18
- export declare const listLarge: {
19
- (): JSX.Element;
20
- story: {
21
- name: string;
22
- };
23
- };
24
- export declare const menu: {
25
- (): JSX.Element;
26
- story: {
27
- name: string;
28
- };
29
- };
30
- export declare const expanded: {
31
- (): JSX.Element;
32
- story: {
33
- name: string;
34
- };
35
- };
36
- export declare const search: {
37
- (): JSX.Element;
18
+ export declare const NavigationDemo2SupportLink: {
19
+ (): React.JSX.Element;
38
20
  story: {
39
21
  name: string;
40
22
  };
@@ -0,0 +1 @@
1
+ export { default as PartnerChartStats } from "./partner-chart-stats";