@mycause/ui 0.0.0-c4be5cf7 → 0.0.0-c4d5b14e

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 (462) hide show
  1. package/README.md +29 -2
  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 +2 -1
  9. package/dist/components/avatar/text-avatar.d.ts +2 -1
  10. package/dist/components/button/button.d.ts +2 -2
  11. package/dist/components/button/button.stories.d.ts +10 -10
  12. package/dist/components/button-select/button-select-exhanced.d.ts +23 -0
  13. package/dist/components/button-select/button-select.d.ts +1 -1
  14. package/dist/components/button-select/button-select.stories.d.ts +8 -2
  15. package/dist/components/button-select/index.d.ts +1 -0
  16. package/dist/components/campaign-card/campaign-card.d.ts +2 -2
  17. package/dist/components/campaign-card/campaign-card.stories.d.ts +3 -3
  18. package/dist/components/campaign-of-month/campaign-of-month.d.ts +1 -1
  19. package/dist/components/campaign-of-month/campaign-of-month.stories.d.ts +3 -3
  20. package/dist/components/charity-card/charity-card.d.ts +2 -2
  21. package/dist/components/charity-card/charity-card.stories.d.ts +3 -3
  22. package/dist/components/charity-tags-filter-button/FilterIcon.d.ts +6 -0
  23. package/dist/components/charity-tags-filter-button/charity-tags-filter-button.d.ts +36 -0
  24. package/dist/components/{start-campaign-card/start-campaign-card.stories.d.ts → charity-tags-filter-button/charity-tags-filter-button.stories.d.ts} +3 -4
  25. package/dist/components/charity-tags-filter-button/index.d.ts +1 -0
  26. package/dist/components/checkbox/checkbox.d.ts +1 -1
  27. package/dist/components/checkbox/checkbox.stories.d.ts +4 -4
  28. package/dist/components/chips/chip.d.ts +2 -2
  29. package/dist/components/chips/chips.d.ts +2 -2
  30. package/dist/components/chips/chips.stories.d.ts +4 -4
  31. package/dist/components/chips/input-chips.d.ts +1 -1
  32. package/dist/components/chips/input-chips.stories.d.ts +2 -2
  33. package/dist/components/collapse/collapse.d.ts +21 -0
  34. package/dist/components/collapse/collapse.stories.d.ts +19 -0
  35. package/dist/components/collapse/icons.d.ts +4 -0
  36. package/dist/components/collapse/index.d.ts +1 -0
  37. package/dist/components/combo-field/combo-field-expander.d.ts +1 -1
  38. package/dist/components/combo-field/combo-field.d.ts +1 -1
  39. package/dist/components/combo-field/combo-field.stories.d.ts +3 -3
  40. package/dist/components/comment-section/comment-section-v2/comment-section-v2.d.ts +3 -3
  41. package/dist/components/comment-section/comment-section-v2/sub-comments-v2.d.ts +4 -4
  42. package/dist/components/comment-section/comment-section.d.ts +2 -11
  43. package/dist/components/comment-section/comment-section.stories.d.ts +3 -3
  44. package/dist/components/comment-section/comment-type.d.ts +10 -0
  45. package/dist/components/comment-section/index.d.ts +1 -1
  46. package/dist/components/comment-section/sub-comments.d.ts +4 -4
  47. package/dist/components/cropper/cropper.d.ts +1 -1
  48. package/dist/components/cropper/cropper.stories.d.ts +4 -3
  49. package/dist/components/date-picker/date-picker.d.ts +1 -1
  50. package/dist/components/date-picker/date-picker.stories.d.ts +6 -6
  51. package/dist/components/date-picker/index.d.ts +1 -1
  52. package/dist/components/date-picker/single-date-picker-custom-header.d.ts +3 -3
  53. package/dist/components/date-picker/single-date-picker.d.ts +4 -3
  54. package/dist/components/donate-card/donate-card.d.ts +2 -2
  55. package/dist/components/donate-card/donate-card.stories.d.ts +3 -3
  56. package/dist/components/donation-form/donation-details.d.ts +1 -1
  57. package/dist/components/donation-form/donation-form-v2/donation-form-v2.d.ts +2 -2
  58. package/dist/components/donation-form/donation-form.d.ts +2 -2
  59. package/dist/components/donation-form/donation-form.stories.d.ts +35 -9
  60. package/dist/components/donation-form/donation-payment.d.ts +2 -2
  61. package/dist/components/donation-form/donation-select.d.ts +2 -2
  62. package/dist/components/donation.d.ts +18 -0
  63. package/dist/components/elevation/elevation.d.ts +1 -1
  64. package/dist/components/elevation/elevation.stories.d.ts +2 -2
  65. package/dist/components/favorite-charity-item/favorite-charity-item.stories.d.ts +3 -3
  66. package/dist/components/featured-campaign-card/featured-campaign-card.d.ts +4 -4
  67. package/dist/components/featured-campaign-card/featured-campaign-card.stories.d.ts +3 -3
  68. package/dist/components/field-helpers/field-helper-text.d.ts +2 -2
  69. package/dist/components/field-helpers/field-label.d.ts +1 -1
  70. package/dist/components/footerV2/footerV2.d.ts +2 -2
  71. package/dist/components/footerV2/footerV2.stories.d.ts +2 -2
  72. package/dist/components/fundraising-section/fundraising-section.d.ts +2 -2
  73. package/dist/components/fundraising-section/fundraising-section.stories.d.ts +3 -3
  74. package/dist/components/hero-banner/hero-banner.d.ts +2 -2
  75. package/dist/components/hero-banner/hero-banner.stories.d.ts +3 -3
  76. package/dist/components/horizontalbar/horizontalbar.d.ts +2 -2
  77. package/dist/components/horizontalbar/horizontalbar.stories.d.ts +5 -5
  78. package/dist/components/icon/btn_google_light_normal_ios.svg.d.ts +1 -1
  79. package/dist/components/icon/facebook_6.svg.d.ts +1 -1
  80. package/dist/components/icon/heart-toggle.d.ts +1 -1
  81. package/dist/components/icon/heart-toggle.stories.d.ts +2 -2
  82. package/dist/components/icon/icon-button-group.d.ts +1 -1
  83. package/dist/components/icon/icon-button-group.stories.d.ts +2 -2
  84. package/dist/components/icon/icon-button.d.ts +1 -1
  85. package/dist/components/icon/icon-button.stories.d.ts +3 -3
  86. package/dist/components/icon/icon.d.ts +1 -1
  87. package/dist/components/icon/icon.stories.d.ts +4 -4
  88. package/dist/components/icon/material-icon.d.ts +2 -7
  89. package/dist/components/index.d.ts +2 -1
  90. package/dist/components/info-represent-campaign/info-represent-campaign.d.ts +2 -2
  91. package/dist/components/info-represent-campaign/info-represent-campaign.stories.d.ts +4 -3
  92. package/dist/components/input/InputDefault.d.ts +1 -1
  93. package/dist/components/input/input.stories.d.ts +6 -5
  94. package/dist/components/input-social/Icons.d.ts +5 -2
  95. package/dist/components/input-social/InputSocial.d.ts +1 -1
  96. package/dist/components/input-social/input-social.stories.d.ts +4 -3
  97. package/dist/components/layout/box.d.ts +231 -224
  98. package/dist/components/layout/flex.d.ts +4 -13
  99. package/dist/components/layout/flex.stories.d.ts +36 -8
  100. package/dist/components/layout/grid.d.ts +2 -2
  101. package/dist/components/layout/grid.stories.d.ts +2 -2
  102. package/dist/components/layout/stack.d.ts +3 -10
  103. package/dist/components/layout/stack.stories.d.ts +4 -4
  104. package/dist/components/list/list.d.ts +3 -3
  105. package/dist/components/list/list.stories.d.ts +7 -7
  106. package/dist/components/login/login.d.ts +6 -3
  107. package/dist/components/login/login.stories.d.ts +3 -3
  108. package/dist/components/logo/logo-type.d.ts +3 -3
  109. package/dist/components/menu/menu-list-item.d.ts +2 -2
  110. package/dist/components/menu/menu-list.d.ts +2 -2
  111. package/dist/components/menu/menu.stories.d.ts +2 -2
  112. package/dist/components/modal/modal-image.d.ts +2 -2
  113. package/dist/components/modal/modal.d.ts +1 -1
  114. package/dist/components/modal/modal.stories.d.ts +7 -7
  115. package/dist/components/my-account-choose-charity-card/index.d.ts +1 -1
  116. package/dist/components/my-account-choose-charity-card/my-account-choose-charity-card.d.ts +2 -2
  117. package/dist/components/my-account-choose-charity-card/my-account-choose-charity-card.stories.d.ts +3 -3
  118. package/dist/components/my-account-frp-closed/Icon.d.ts +2 -2
  119. package/dist/components/my-account-frp-closed/frp-closed-img.d.ts +2 -3
  120. package/dist/components/my-account-frp-closed/frp-information.d.ts +4 -1
  121. package/dist/components/my-account-frp-closed/my-account-frp-closed.d.ts +4 -1
  122. package/dist/components/my-account-frp-closed/my-account-frp-closed.stories.d.ts +6 -5
  123. package/dist/components/my-account-frp-preview/Icon.d.ts +2 -2
  124. package/dist/components/my-account-frp-preview/frp-information.d.ts +2 -2
  125. package/dist/components/my-account-frp-preview/frp-preview-img.d.ts +2 -2
  126. package/dist/components/my-account-frp-preview/my-account-frp-preview.d.ts +2 -2
  127. package/dist/components/my-account-frp-preview/my-account-frp-preview.stories.d.ts +6 -5
  128. package/dist/components/my-account-sidebar/Icon.d.ts +12 -12
  129. package/dist/components/my-account-sidebar/my-account-sidebar.d.ts +4 -4
  130. package/dist/components/my-account-sidebar/my-account-sidebar.stories.d.ts +3 -3
  131. package/dist/components/my-account-start-fundraise-card/index.d.ts +1 -1
  132. package/dist/components/my-account-start-fundraise-card/my-account-start-fundraise-card.d.ts +2 -2
  133. package/dist/components/my-account-start-fundraise-card/my-account-start-fundraise-card.stories.d.ts +4 -4
  134. package/dist/components/my-account-stats-donated/my-account-stats-donated.d.ts +2 -2
  135. package/dist/components/my-account-stats-donated/my-account-stats-donated.stories.d.ts +4 -3
  136. package/dist/components/my-account-stats-raised/my-account-stats-raised.d.ts +2 -2
  137. package/dist/components/my-account-stats-raised/my-account-stats-raised.stories.d.ts +4 -3
  138. package/dist/components/nav/icons/IconBigger.d.ts +2 -2
  139. package/dist/components/nav/icons/IconSmaller.d.ts +2 -2
  140. package/dist/components/nav/nav-actions.d.ts +1 -1
  141. package/dist/components/nav/nav-bar.d.ts +2 -2
  142. package/dist/components/nav/nav-call-to-action.d.ts +3 -3
  143. package/dist/components/nav/nav-charity.d.ts +7 -0
  144. package/dist/components/nav/nav-expanded-charity-v2.d.ts +12 -0
  145. package/dist/components/nav/nav-expanded-charity.d.ts +2 -2
  146. package/dist/components/nav/nav-expanded.d.ts +2 -2
  147. package/dist/components/nav/nav-list.d.ts +6 -6
  148. package/dist/components/nav/nav-menu-control.d.ts +1 -1
  149. package/dist/components/nav/nav-menu.d.ts +3 -3
  150. package/dist/components/nav/nav-myaccount.d.ts +4 -3
  151. package/dist/components/nav/nav-search-control.d.ts +2 -2
  152. package/dist/components/nav/nav-search.d.ts +2 -2
  153. package/dist/components/nav/nav-sign-in-control.d.ts +1 -1
  154. package/dist/components/nav/nav-user-menu-items.d.ts +6 -6
  155. package/dist/components/nav/nav-user-menu.d.ts +4 -4
  156. package/dist/components/nav/nav.d.ts +15 -10
  157. package/dist/components/nav/nav.stories.d.ts +3 -3
  158. package/dist/components/navigation/navigation-actions.d.ts +1 -1
  159. package/dist/components/navigation/navigation-bar.d.ts +2 -2
  160. package/dist/components/navigation/navigation-call-to-action.d.ts +3 -3
  161. package/dist/components/navigation/navigation-expanded.d.ts +2 -2
  162. package/dist/components/navigation/navigation-list.d.ts +6 -6
  163. package/dist/components/navigation/navigation-menu-control.d.ts +1 -1
  164. package/dist/components/navigation/navigation-menu.d.ts +3 -3
  165. package/dist/components/navigation/navigation-search-control.d.ts +2 -2
  166. package/dist/components/navigation/navigation-search.d.ts +2 -2
  167. package/dist/components/navigation/navigation-sign-in-control.d.ts +1 -1
  168. package/dist/components/navigation/navigation-user-menu-items.d.ts +6 -6
  169. package/dist/components/navigation/navigation-user-menu.d.ts +5 -4
  170. package/dist/components/navigation/navigation.d.ts +8 -8
  171. package/dist/components/navigation/navigation.stories.d.ts +4 -4
  172. package/dist/components/partner-chart-stats/partner-chart-stats.d.ts +2 -2
  173. package/dist/components/partner-chart-stats/partner-chart-stats.stories.d.ts +5 -4
  174. package/dist/components/partner-monthly-donations/index.d.ts +1 -1
  175. package/dist/components/partner-monthly-donations/partner-monthly-donations.d.ts +2 -2
  176. package/dist/components/partner-monthly-donations/partner-monthly-donations.stories.d.ts +4 -3
  177. package/dist/components/partner-monthly-stats/partner-monthly-stats.d.ts +2 -2
  178. package/dist/components/partner-monthly-stats/partner-monthly-stats.stories.d.ts +4 -3
  179. package/dist/components/partner-toggle-button/index.d.ts +1 -1
  180. package/dist/components/partner-toggle-button/partner-toggle-button-block.d.ts +2 -2
  181. package/dist/components/partner-toggle-button/partner-toggle-button-block.stories.d.ts +4 -3
  182. package/dist/components/partner-toggle-button/partner-toggle-button.d.ts +2 -2
  183. package/dist/components/phone-number-input/phone-number-input-v1.d.ts +5 -3
  184. package/dist/components/phone-number-input/phone-number-input-v2.d.ts +2 -2
  185. package/dist/components/phone-number-input/phone-number-input.d.ts +2 -2
  186. package/dist/components/phone-number-input/phone-number-input.stories.d.ts +25 -21
  187. package/dist/components/popup/popup.d.ts +2 -2
  188. package/dist/components/popup/popup.stories.d.ts +3 -3
  189. package/dist/components/progressbar/progress-bar-circle.d.ts +2 -2
  190. package/dist/components/progressbar/progressbar.d.ts +2 -2
  191. package/dist/components/progressbar/progressbar.stories.d.ts +4 -4
  192. package/dist/components/radio/radio-group.d.ts +1 -1
  193. package/dist/components/radio/radio-group.stories.d.ts +2 -2
  194. package/dist/components/radio/radio.d.ts +1 -1
  195. package/dist/components/radio/radio.stories.d.ts +4 -4
  196. package/dist/components/select/select-enhanced.d.ts +3 -2
  197. package/dist/components/select/select-helper-text.d.ts +1 -1
  198. package/dist/components/select/select-v2.d.ts +3 -2
  199. package/dist/components/select/select.d.ts +2 -2
  200. package/dist/components/select/select.stories.d.ts +95 -15
  201. package/dist/components/spinner/spinner.d.ts +4 -3
  202. package/dist/components/spinner/spinner.stories.d.ts +8 -2
  203. package/dist/components/statistics/statistics.d.ts +1 -1
  204. package/dist/components/statistics/statistics.stories.d.ts +2 -2
  205. package/dist/components/switch/index.d.ts +1 -0
  206. package/dist/components/switch/switch-v2.d.ts +8 -0
  207. package/dist/components/switch/switch.d.ts +4 -1
  208. package/dist/components/switch/switch.stories.d.ts +10 -4
  209. package/dist/components/table/partner-monthly-table.d.ts +5 -3
  210. package/dist/components/table/partner-monthly-table.stories.d.ts +5 -4
  211. package/dist/components/tabs/nav-tabs.d.ts +1 -1
  212. package/dist/components/tabs/tab-text-label.d.ts +1 -1
  213. package/dist/components/tabs/tabs.d.ts +1 -1
  214. package/dist/components/tabs/tabs.stories.d.ts +2 -2
  215. package/dist/components/text/text.d.ts +4 -5
  216. package/dist/components/text/text.stories.d.ts +61 -14
  217. package/dist/components/text-field/text-field-helper-text.d.ts +1 -1
  218. package/dist/components/text-field/text-field-search.d.ts +3 -2
  219. package/dist/components/text-field/text-field.d.ts +1 -0
  220. package/dist/components/text-field/text-field.stories.d.ts +6 -14
  221. package/dist/components/this-month-card/this-month-card.d.ts +2 -2
  222. package/dist/components/this-month-card/this-month-card.stories.d.ts +4 -3
  223. package/dist/components/toast/Icons.d.ts +4 -4
  224. package/dist/components/toast/toast.d.ts +2 -2
  225. package/dist/components/toast/toast.stories.d.ts +4 -3
  226. package/dist/components/transaction-card/Dot.d.ts +2 -2
  227. package/dist/components/transaction-card/transaction-card.d.ts +10 -8
  228. package/dist/components/transaction-card/transaction-card.stories.d.ts +9 -3
  229. package/dist/components/uploader/uploader.d.ts +1 -1
  230. package/dist/donation/anchor.d.ts +2 -0
  231. package/dist/donation/button.d.ts +2 -0
  232. package/dist/donation/checkbox.d.ts +1 -0
  233. package/dist/donation/combo-field.d.ts +1 -0
  234. package/dist/donation/elevation.d.ts +1 -0
  235. package/dist/donation/field-label.d.ts +1 -0
  236. package/dist/donation/flex.d.ts +2 -0
  237. package/dist/donation/grid.d.ts +1 -0
  238. package/dist/donation/icon.d.ts +2 -0
  239. package/dist/donation/modal.d.ts +1 -0
  240. package/dist/donation/navigation.d.ts +1 -0
  241. package/dist/donation/phone-number-input.d.ts +1 -0
  242. package/dist/donation/radio.d.ts +1 -0
  243. package/dist/donation/select.d.ts +1 -0
  244. package/dist/donation/single-date-picker.d.ts +1 -0
  245. package/dist/donation/stack.d.ts +1 -0
  246. package/dist/donation/text-field.d.ts +24 -0
  247. package/dist/donation/text.d.ts +1 -0
  248. package/dist/donation.css +2 -0
  249. package/dist/donation.css.map +1 -0
  250. package/dist/donation.d.ts +3 -0
  251. package/dist/donation.esm.css +2 -0
  252. package/dist/donation.esm.css.map +1 -0
  253. package/dist/donation.esm.js +4423 -0
  254. package/dist/donation.js +4496 -0
  255. package/dist/index.css +2 -0
  256. package/dist/index.css.map +1 -0
  257. package/dist/index.esm.css +2 -0
  258. package/dist/index.esm.css.map +1 -0
  259. package/dist/index.esm.js +7455 -34149
  260. package/dist/index.js +8023 -34660
  261. package/dist/theme/theme.d.ts +5 -5
  262. package/dist/utils/center-decorator.d.ts +1 -1
  263. package/dist/utils/component-matrix.d.ts +1 -1
  264. package/dist/utils/grid-decorator.d.ts +1 -1
  265. package/donation/anchor/package.json +5 -0
  266. package/donation/button/package.json +5 -0
  267. package/donation/checkbox/package.json +5 -0
  268. package/donation/cjs/_virtual/_rollupPluginBabelHelpers.js +84 -0
  269. package/donation/cjs/components/anchor/anchor.js +50 -0
  270. package/donation/cjs/components/anchor/bold-anchor.js +61 -0
  271. package/donation/cjs/components/avatar/avatar.js +22 -0
  272. package/donation/cjs/components/avatar/image-avatar.js +51 -0
  273. package/donation/cjs/components/avatar/text-avatar.js +70 -0
  274. package/donation/cjs/components/button/button.js +143 -0
  275. package/donation/cjs/components/checkbox/checkbox.js +75 -0
  276. package/donation/cjs/components/combo-field/combo-field-expander.js +44 -0
  277. package/donation/cjs/components/combo-field/combo-field.js +103 -0
  278. package/donation/cjs/components/date-picker/single-date-picker.js +83 -0
  279. package/donation/cjs/components/elevation/elevation.js +61 -0
  280. package/donation/cjs/components/field-helpers/field-helper-text.js +45 -0
  281. package/donation/cjs/components/field-helpers/field-label.js +51 -0
  282. package/donation/cjs/components/icon/heart-toggle.js +49 -0
  283. package/donation/cjs/components/icon/icon-button-group.js +49 -0
  284. package/donation/cjs/components/icon/icon-button.js +64 -0
  285. package/donation/cjs/components/icon/icon.js +67 -0
  286. package/donation/cjs/components/icon/material-icon.js +44 -0
  287. package/donation/cjs/components/layout/box.js +115 -0
  288. package/donation/cjs/components/layout/flex.js +81 -0
  289. package/donation/cjs/components/layout/grid.js +46 -0
  290. package/donation/cjs/components/layout/stack.js +48 -0
  291. package/donation/cjs/components/list/list.js +163 -0
  292. package/donation/cjs/components/menu/menu-list-item-graphic.js +7 -0
  293. package/donation/cjs/components/menu/menu-list-item-meta.js +7 -0
  294. package/donation/cjs/components/menu/menu-list-item-text.js +7 -0
  295. package/donation/cjs/components/menu/menu-list-item.js +27 -0
  296. package/donation/cjs/components/menu/menu-list.js +38 -0
  297. package/donation/cjs/components/menu/menu-surface.js +20 -0
  298. package/donation/cjs/components/modal/modal.js +152 -0
  299. package/donation/cjs/components/navigation/navigation-actions.js +21 -0
  300. package/donation/cjs/components/navigation/navigation-bar.js +34 -0
  301. package/donation/cjs/components/navigation/navigation-call-to-action.js +18 -0
  302. package/donation/cjs/components/navigation/navigation-expanded.js +67 -0
  303. package/donation/cjs/components/navigation/navigation-list.js +78 -0
  304. package/donation/cjs/components/navigation/navigation-menu-control.js +50 -0
  305. package/donation/cjs/components/navigation/navigation-menu.js +104 -0
  306. package/donation/cjs/components/navigation/navigation-search-control.js +30 -0
  307. package/donation/cjs/components/navigation/navigation-search.js +90 -0
  308. package/donation/cjs/components/navigation/navigation-sign-in-control.js +57 -0
  309. package/donation/cjs/components/navigation/navigation-user-menu-items.js +83 -0
  310. package/donation/cjs/components/navigation/navigation-user-menu.js +96 -0
  311. package/donation/cjs/components/navigation/navigation.js +191 -0
  312. package/donation/cjs/components/phone-number-input/phone-number-input-v1.js +183 -0
  313. package/donation/cjs/components/radio/radio.js +84 -0
  314. package/donation/cjs/components/select/select-helper-text.js +19 -0
  315. package/donation/cjs/components/select/select.js +177 -0
  316. package/donation/cjs/components/statistics/statistics.js +79 -0
  317. package/donation/cjs/components/tabs/tab-bar.js +43 -0
  318. package/donation/cjs/components/tabs/tab-text-label.js +23 -0
  319. package/donation/cjs/components/tabs/tab.js +72 -0
  320. package/donation/cjs/components/tabs/tabs.js +102 -0
  321. package/donation/cjs/components/text/text.js +197 -0
  322. package/donation/cjs/components/text-field/text-field-helper-text.js +31 -0
  323. package/donation/cjs/components/text-field/text-field.js +169 -0
  324. package/donation/cjs/donation/anchor.js +9 -0
  325. package/donation/cjs/donation/button.js +9 -0
  326. package/donation/cjs/donation/checkbox.js +9 -0
  327. package/donation/cjs/donation/combo-field.js +9 -0
  328. package/donation/cjs/donation/elevation.js +9 -0
  329. package/donation/cjs/donation/field-label.js +9 -0
  330. package/donation/cjs/donation/flex.js +9 -0
  331. package/donation/cjs/donation/grid.js +9 -0
  332. package/donation/cjs/donation/icon.js +9 -0
  333. package/donation/cjs/donation/modal.js +9 -0
  334. package/donation/cjs/donation/navigation.js +9 -0
  335. package/donation/cjs/donation/phone-number-input.js +9 -0
  336. package/donation/cjs/donation/radio.js +9 -0
  337. package/donation/cjs/donation/select.js +9 -0
  338. package/donation/cjs/donation/single-date-picker.js +9 -0
  339. package/donation/cjs/donation/stack.js +9 -0
  340. package/donation/cjs/donation/text-field.js +9 -0
  341. package/donation/cjs/donation/text.js +9 -0
  342. package/donation/cjs/theme/colors.js +15 -0
  343. package/donation/cjs/theme/mycause-theme.js +42 -0
  344. package/donation/cjs/theme/theme.js +69 -0
  345. package/donation/cjs/utils/browser.js +15 -0
  346. package/donation/cjs/utils/flags.js +24 -0
  347. package/donation/cjs/utils/get-element-display-name.js +12 -0
  348. package/donation/cjs/utils/set-ref.js +30 -0
  349. package/donation/cjs/utils/tap-event.js +17 -0
  350. package/donation/cjs/utils/tap-ref.js +17 -0
  351. package/donation/cjs/utils/wrap.js +19 -0
  352. package/donation/combo-field/package.json +5 -0
  353. package/donation/elevation/package.json +5 -0
  354. package/donation/esm/_virtual/_rollupPluginBabelHelpers.js +74 -0
  355. package/donation/esm/components/anchor/anchor.js +42 -0
  356. package/donation/esm/components/anchor/bold-anchor.js +53 -0
  357. package/donation/esm/components/avatar/avatar.js +16 -0
  358. package/donation/esm/components/avatar/image-avatar.js +42 -0
  359. package/donation/esm/components/avatar/text-avatar.js +61 -0
  360. package/donation/esm/components/button/button.js +132 -0
  361. package/donation/esm/components/checkbox/checkbox.js +65 -0
  362. package/donation/esm/components/combo-field/combo-field-expander.js +35 -0
  363. package/donation/esm/components/combo-field/combo-field.js +94 -0
  364. package/donation/esm/components/date-picker/single-date-picker.js +75 -0
  365. package/donation/esm/components/elevation/elevation.js +52 -0
  366. package/donation/esm/components/field-helpers/field-helper-text.js +36 -0
  367. package/donation/esm/components/field-helpers/field-label.js +42 -0
  368. package/donation/esm/components/icon/heart-toggle.js +41 -0
  369. package/donation/esm/components/icon/icon-button-group.js +40 -0
  370. package/donation/esm/components/icon/icon-button.js +54 -0
  371. package/donation/esm/components/icon/icon.js +58 -0
  372. package/donation/esm/components/icon/material-icon.js +35 -0
  373. package/donation/esm/components/layout/box.js +106 -0
  374. package/donation/esm/components/layout/flex.js +72 -0
  375. package/donation/esm/components/layout/grid.js +37 -0
  376. package/donation/esm/components/layout/stack.js +39 -0
  377. package/donation/esm/components/list/list.js +152 -0
  378. package/donation/esm/components/menu/menu-list-item-graphic.js +2 -0
  379. package/donation/esm/components/menu/menu-list-item-meta.js +2 -0
  380. package/donation/esm/components/menu/menu-list-item-text.js +2 -0
  381. package/donation/esm/components/menu/menu-list-item.js +20 -0
  382. package/donation/esm/components/menu/menu-list.js +30 -0
  383. package/donation/esm/components/menu/menu-surface.js +2 -0
  384. package/donation/esm/components/modal/modal.js +142 -0
  385. package/donation/esm/components/navigation/navigation-actions.js +15 -0
  386. package/donation/esm/components/navigation/navigation-bar.js +26 -0
  387. package/donation/esm/components/navigation/navigation-call-to-action.js +12 -0
  388. package/donation/esm/components/navigation/navigation-expanded.js +58 -0
  389. package/donation/esm/components/navigation/navigation-list.js +70 -0
  390. package/donation/esm/components/navigation/navigation-menu-control.js +41 -0
  391. package/donation/esm/components/navigation/navigation-menu.js +93 -0
  392. package/donation/esm/components/navigation/navigation-search-control.js +23 -0
  393. package/donation/esm/components/navigation/navigation-search.js +81 -0
  394. package/donation/esm/components/navigation/navigation-sign-in-control.js +49 -0
  395. package/donation/esm/components/navigation/navigation-user-menu-items.js +76 -0
  396. package/donation/esm/components/navigation/navigation-user-menu.js +86 -0
  397. package/donation/esm/components/navigation/navigation.js +182 -0
  398. package/donation/esm/components/phone-number-input/phone-number-input-v1.js +171 -0
  399. package/donation/esm/components/radio/radio.js +73 -0
  400. package/donation/esm/components/select/select-helper-text.js +12 -0
  401. package/donation/esm/components/select/select.js +168 -0
  402. package/donation/esm/components/statistics/statistics.js +70 -0
  403. package/donation/esm/components/tabs/tab-bar.js +34 -0
  404. package/donation/esm/components/tabs/tab-text-label.js +16 -0
  405. package/donation/esm/components/tabs/tab.js +63 -0
  406. package/donation/esm/components/tabs/tabs.js +93 -0
  407. package/donation/esm/components/text/text.js +189 -0
  408. package/donation/esm/components/text-field/text-field-helper-text.js +24 -0
  409. package/donation/esm/components/text-field/text-field.js +159 -0
  410. package/donation/esm/donation/anchor.js +1 -0
  411. package/donation/esm/donation/button.js +1 -0
  412. package/donation/esm/donation/checkbox.js +1 -0
  413. package/donation/esm/donation/combo-field.js +1 -0
  414. package/donation/esm/donation/elevation.js +1 -0
  415. package/donation/esm/donation/field-label.js +1 -0
  416. package/donation/esm/donation/flex.js +1 -0
  417. package/donation/esm/donation/grid.js +1 -0
  418. package/donation/esm/donation/icon.js +1 -0
  419. package/donation/esm/donation/modal.js +1 -0
  420. package/donation/esm/donation/navigation.js +1 -0
  421. package/donation/esm/donation/phone-number-input.js +1 -0
  422. package/donation/esm/donation/radio.js +1 -0
  423. package/donation/esm/donation/select.js +1 -0
  424. package/donation/esm/donation/single-date-picker.js +1 -0
  425. package/donation/esm/donation/stack.js +1 -0
  426. package/donation/esm/donation/text-field.js +5 -0
  427. package/donation/esm/donation/text.js +1 -0
  428. package/donation/esm/theme/colors.js +7 -0
  429. package/donation/esm/theme/mycause-theme.js +40 -0
  430. package/donation/esm/theme/theme.js +59 -0
  431. package/donation/esm/utils/browser.js +11 -0
  432. package/donation/esm/utils/flags.js +20 -0
  433. package/donation/esm/utils/get-element-display-name.js +8 -0
  434. package/donation/esm/utils/set-ref.js +26 -0
  435. package/donation/esm/utils/tap-event.js +13 -0
  436. package/donation/esm/utils/tap-ref.js +13 -0
  437. package/donation/esm/utils/wrap.js +11 -0
  438. package/donation/field-label/package.json +5 -0
  439. package/donation/flex/package.json +5 -0
  440. package/donation/grid/package.json +5 -0
  441. package/donation/icon/package.json +5 -0
  442. package/donation/modal/package.json +5 -0
  443. package/donation/navigation/package.json +5 -0
  444. package/donation/phone-number-input/package.json +5 -0
  445. package/donation/radio/package.json +5 -0
  446. package/donation/select/package.json +5 -0
  447. package/donation/single-date-picker/package.json +5 -0
  448. package/donation/stack/package.json +5 -0
  449. package/donation/text/package.json +5 -0
  450. package/donation/text-field/package.json +5 -0
  451. package/donation.css +2 -0
  452. package/package.json +175 -41
  453. package/styles/index.css +5 -6887
  454. package/styles/index.css.map +1 -0
  455. package/styles/reset.css +2 -315
  456. package/styles/reset.css.map +1 -0
  457. package/CHANGELOG.md +0 -668
  458. package/dist/components/select/SelectV2.d.ts +0 -24
  459. package/dist/components/start-campaign-card/index.d.ts +0 -1
  460. package/dist/components/start-campaign-card/start-campaign-card.d.ts +0 -8
  461. /package/{dist → styles}/_index.css.js +0 -0
  462. /package/{dist → styles}/_reset.css.js +0 -0
@@ -0,0 +1,61 @@
1
+ import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
2
+ import _pt from 'prop-types';
3
+ import _JSXStyle from 'styled-jsx/style';
4
+ import React from 'react';
5
+ import classnames from 'classnames';
6
+ import { useTheme, getColorToken } from '../../theme/theme.js';
7
+
8
+ const _excluded = ["name", "initials", "color", "invert", "size", "adminId"];
9
+ /* An avatar that shows initials, usually for when there is no photo available */
10
+ function TextAvatar(_ref) {
11
+ let {
12
+ name,
13
+ initials,
14
+ color = "primary",
15
+ invert,
16
+ size = "2.5rem",
17
+ adminId
18
+ } = _ref,
19
+ rest = _objectWithoutProperties(_ref, _excluded);
20
+ const theme = useTheme();
21
+ if (typeof name !== "string" || !name) {
22
+ name = adminId ? "Admin" : "";
23
+ }
24
+ if (!initials) {
25
+ initials = name.split(/\s+/).filter(str => str.length).map(str => str[0].toUpperCase()).join("");
26
+ }
27
+ const foreground = getColorToken(theme, "foreground", color, {
28
+ invert
29
+ });
30
+ const background = getColorToken(theme, "background", color, {
31
+ invert
32
+ });
33
+ const scope = {
34
+ styles: /*#__PURE__*/React.createElement(_JSXStyle, {
35
+ id: "635606464",
36
+ dynamic: [size, size, foreground, background]
37
+ }, `.text-avatar.__jsx-style-dynamic-selector{width:${size};height:${size};background-color:${foreground};color:${background};}
38
+ /*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInRleHQtYXZhdGFyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEwQzJCLEFBRzBDLG1DQUNDLG9DQUNVLDhDQUNYLG1DQUNyQyIsImZpbGUiOiJ0ZXh0LWF2YXRhci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgY3NzIGZyb20gXCJzdHlsZWQtanN4L2Nzc1wiO1xuaW1wb3J0IGNuIGZyb20gXCJjbGFzc25hbWVzXCI7XG5pbXBvcnQgeyB1c2VUaGVtZSwgZ2V0Q29sb3JUb2tlbiwgQ29sb3JTcGVjaWZpZXIgfSBmcm9tIFwiLi4vLi4vdGhlbWUvdGhlbWVcIjtcblxuZXhwb3J0IGludGVyZmFjZSBUZXh0QXZhdGFyUHJvcHNcbiAgZXh0ZW5kcyBPbWl0PFJlYWN0LkhUTUxQcm9wczxIVE1MU3BhbkVsZW1lbnQ+LCBcImNvbG9yXCIgfCBcInNpemVcIj4ge1xuICBuYW1lOiBzdHJpbmc7XG4gIGluaXRpYWxzPzogc3RyaW5nO1xuICBjb2xvcj86IENvbG9yU3BlY2lmaWVyO1xuICBpbnZlcnQ/OiBib29sZWFuO1xuICBzaXplPzogc3RyaW5nO1xuICBhZG1pbklkPzogc3RyaW5nO1xufVxuXG4vKiBBbiBhdmF0YXIgdGhhdCBzaG93cyBpbml0aWFscywgdXN1YWxseSBmb3Igd2hlbiB0aGVyZSBpcyBubyBwaG90byBhdmFpbGFibGUgKi9cbmZ1bmN0aW9uIFRleHRBdmF0YXIoe1xuICBuYW1lLFxuICBpbml0aWFscyxcbiAgY29sb3IgPSBcInByaW1hcnlcIixcbiAgaW52ZXJ0LFxuICBzaXplID0gXCIyLjVyZW1cIixcbiAgYWRtaW5JZCxcbiAgLi4ucmVzdFxufTogVGV4dEF2YXRhclByb3BzKSB7XG4gIGNvbnN0IHRoZW1lID0gdXNlVGhlbWUoKTtcblxuICBpZiAodHlwZW9mIG5hbWUgIT09IFwic3RyaW5nXCIgfHwgIW5hbWUpIHtcbiAgICBuYW1lID0gYWRtaW5JZCA/IFwiQWRtaW5cIiA6IFwiXCI7XG4gIH1cblxuICBpZiAoIWluaXRpYWxzKSB7XG4gICAgaW5pdGlhbHMgPSBuYW1lXG4gICAgICAuc3BsaXQoL1xccysvKVxuICAgICAgLmZpbHRlcihzdHIgPT4gc3RyLmxlbmd0aClcbiAgICAgIC5tYXAoc3RyID0+IHN0clswXS50b1VwcGVyQ2FzZSgpKVxuICAgICAgLmpvaW4oXCJcIik7XG4gIH1cblxuICBjb25zdCBmb3JlZ3JvdW5kID0gZ2V0Q29sb3JUb2tlbih0aGVtZSwgXCJmb3JlZ3JvdW5kXCIsIGNvbG9yLCB7IGludmVydCB9KTtcbiAgY29uc3QgYmFja2dyb3VuZCA9IGdldENvbG9yVG9rZW4odGhlbWUsIFwiYmFja2dyb3VuZFwiLCBjb2xvciwgeyBpbnZlcnQgfSk7XG5cbiAgY29uc3Qgc2NvcGUgPSBjc3MucmVzb2x2ZWBcbiAgICAudGV4dC1hdmF0YXIge1xuICAgICAgd2lkdGg6ICR7c2l6ZX07XG4gICAgICBoZWlnaHQ6ICR7c2l6ZX07XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2ZvcmVncm91bmR9O1xuICAgICAgY29sb3I6ICR7YmFja2dyb3VuZH07XG4gICAgfVxuICBgO1xuXG4gIHJldHVybiAoXG4gICAgPHNwYW4gY2xhc3NOYW1lPXtjbihcInRleHQtYXZhdGFyXCIsIHNjb3BlLmNsYXNzTmFtZSl9IHRpdGxlPXtuYW1lfSB7Li4ucmVzdH0+XG4gICAgICA8c3BhbiBjbGFzc05hbWU9XCJuYW1lXCI+e2luaXRpYWxzfTwvc3Bhbj5cbiAgICAgIDxzdHlsZSBqc3g+e2BcbiAgICAgICAgLnRleHQtYXZhdGFyIHtcbiAgICAgICAgICBib3JkZXItcmFkaXVzOiAxMDAlO1xuICAgICAgICAgIGRpc3BsYXk6IGlubGluZS1mbGV4O1xuICAgICAgICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgICAgICAgbGluZS1oZWlnaHQ6IDA7XG4gICAgICAgICAgdmVydGljYWwtYWxpZ246IHRvcDtcblxuICAgICAgICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICAgIH1cblxuICAgICAgICAubmFtZSB7XG4gICAgICAgICAgZm9udC1zaXplOiAxcmVtO1xuICAgICAgICAgIHVzZXItc2VsZWN0OiBub25lO1xuICAgICAgICB9XG4gICAgICBgfTwvc3R5bGU+XG4gICAgICB7c2NvcGUuc3R5bGVzfVxuICAgIDwvc3Bhbj5cbiAgKTtcbn1cblxuZXhwb3J0IGRlZmF1bHQgVGV4dEF2YXRhcjtcbiJdfQ== */
39
+ /*@ sourceURL=text-avatar.tsx */`),
40
+ className: _JSXStyle.dynamic([["635606464", [size, size, foreground, background]]])
41
+ };
42
+ return /*#__PURE__*/React.createElement("span", _extends({
43
+ title: name
44
+ }, rest, {
45
+ className: "jsx-912509309" + " " + (rest && rest.className != null && rest.className || classnames("text-avatar", scope.className) || "")
46
+ }), /*#__PURE__*/React.createElement("span", {
47
+ className: "jsx-912509309" + " " + "name"
48
+ }, initials), /*#__PURE__*/React.createElement(_JSXStyle, {
49
+ id: "912509309"
50
+ }, ".text-avatar.jsx-912509309{border-radius:100%;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;overflow:hidden;line-height:0;vertical-align:top;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.name.jsx-912509309{font-size:1rem;-webkit-user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInRleHQtYXZhdGFyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFzRGtCLEFBRzhCLEFBV0osZUFDVSxJQVhMLHFCQVlLLGlGQVhULElBWWxCLFlBWGdCLGNBQ0ssbUJBRUksbUdBQ0osNkZBQ3JCIiwiZmlsZSI6InRleHQtYXZhdGFyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBjc3MgZnJvbSBcInN0eWxlZC1qc3gvY3NzXCI7XG5pbXBvcnQgY24gZnJvbSBcImNsYXNzbmFtZXNcIjtcbmltcG9ydCB7IHVzZVRoZW1lLCBnZXRDb2xvclRva2VuLCBDb2xvclNwZWNpZmllciB9IGZyb20gXCIuLi8uLi90aGVtZS90aGVtZVwiO1xuXG5leHBvcnQgaW50ZXJmYWNlIFRleHRBdmF0YXJQcm9wc1xuICBleHRlbmRzIE9taXQ8UmVhY3QuSFRNTFByb3BzPEhUTUxTcGFuRWxlbWVudD4sIFwiY29sb3JcIiB8IFwic2l6ZVwiPiB7XG4gIG5hbWU6IHN0cmluZztcbiAgaW5pdGlhbHM/OiBzdHJpbmc7XG4gIGNvbG9yPzogQ29sb3JTcGVjaWZpZXI7XG4gIGludmVydD86IGJvb2xlYW47XG4gIHNpemU/OiBzdHJpbmc7XG4gIGFkbWluSWQ/OiBzdHJpbmc7XG59XG5cbi8qIEFuIGF2YXRhciB0aGF0IHNob3dzIGluaXRpYWxzLCB1c3VhbGx5IGZvciB3aGVuIHRoZXJlIGlzIG5vIHBob3RvIGF2YWlsYWJsZSAqL1xuZnVuY3Rpb24gVGV4dEF2YXRhcih7XG4gIG5hbWUsXG4gIGluaXRpYWxzLFxuICBjb2xvciA9IFwicHJpbWFyeVwiLFxuICBpbnZlcnQsXG4gIHNpemUgPSBcIjIuNXJlbVwiLFxuICBhZG1pbklkLFxuICAuLi5yZXN0XG59OiBUZXh0QXZhdGFyUHJvcHMpIHtcbiAgY29uc3QgdGhlbWUgPSB1c2VUaGVtZSgpO1xuXG4gIGlmICh0eXBlb2YgbmFtZSAhPT0gXCJzdHJpbmdcIiB8fCAhbmFtZSkge1xuICAgIG5hbWUgPSBhZG1pbklkID8gXCJBZG1pblwiIDogXCJcIjtcbiAgfVxuXG4gIGlmICghaW5pdGlhbHMpIHtcbiAgICBpbml0aWFscyA9IG5hbWVcbiAgICAgIC5zcGxpdCgvXFxzKy8pXG4gICAgICAuZmlsdGVyKHN0ciA9PiBzdHIubGVuZ3RoKVxuICAgICAgLm1hcChzdHIgPT4gc3RyWzBdLnRvVXBwZXJDYXNlKCkpXG4gICAgICAuam9pbihcIlwiKTtcbiAgfVxuXG4gIGNvbnN0IGZvcmVncm91bmQgPSBnZXRDb2xvclRva2VuKHRoZW1lLCBcImZvcmVncm91bmRcIiwgY29sb3IsIHsgaW52ZXJ0IH0pO1xuICBjb25zdCBiYWNrZ3JvdW5kID0gZ2V0Q29sb3JUb2tlbih0aGVtZSwgXCJiYWNrZ3JvdW5kXCIsIGNvbG9yLCB7IGludmVydCB9KTtcblxuICBjb25zdCBzY29wZSA9IGNzcy5yZXNvbHZlYFxuICAgIC50ZXh0LWF2YXRhciB7XG4gICAgICB3aWR0aDogJHtzaXplfTtcbiAgICAgIGhlaWdodDogJHtzaXplfTtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7Zm9yZWdyb3VuZH07XG4gICAgICBjb2xvcjogJHtiYWNrZ3JvdW5kfTtcbiAgICB9XG4gIGA7XG5cbiAgcmV0dXJuIChcbiAgICA8c3BhbiBjbGFzc05hbWU9e2NuKFwidGV4dC1hdmF0YXJcIiwgc2NvcGUuY2xhc3NOYW1lKX0gdGl0bGU9e25hbWV9IHsuLi5yZXN0fT5cbiAgICAgIDxzcGFuIGNsYXNzTmFtZT1cIm5hbWVcIj57aW5pdGlhbHN9PC9zcGFuPlxuICAgICAgPHN0eWxlIGpzeD57YFxuICAgICAgICAudGV4dC1hdmF0YXIge1xuICAgICAgICAgIGJvcmRlci1yYWRpdXM6IDEwMCU7XG4gICAgICAgICAgZGlzcGxheTogaW5saW5lLWZsZXg7XG4gICAgICAgICAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgICAgICAgICBsaW5lLWhlaWdodDogMDtcbiAgICAgICAgICB2ZXJ0aWNhbC1hbGlnbjogdG9wO1xuXG4gICAgICAgICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgICAgfVxuXG4gICAgICAgIC5uYW1lIHtcbiAgICAgICAgICBmb250LXNpemU6IDFyZW07XG4gICAgICAgICAgdXNlci1zZWxlY3Q6IG5vbmU7XG4gICAgICAgIH1cbiAgICAgIGB9PC9zdHlsZT5cbiAgICAgIHtzY29wZS5zdHlsZXN9XG4gICAgPC9zcGFuPlxuICApO1xufVxuXG5leHBvcnQgZGVmYXVsdCBUZXh0QXZhdGFyO1xuIl19 */\n/*@ sourceURL=text-avatar.tsx */"), scope.styles);
51
+ }
52
+ TextAvatar.propTypes = {
53
+ name: _pt.string.isRequired,
54
+ initials: _pt.string,
55
+ color: _pt.any,
56
+ invert: _pt.bool,
57
+ size: _pt.string,
58
+ adminId: _pt.string
59
+ };
60
+
61
+ export { TextAvatar as default };
@@ -0,0 +1,132 @@
1
+ import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../../_virtual/_rollupPluginBabelHelpers.js';
2
+ import _pt from 'prop-types';
3
+ import _JSXStyle from 'styled-jsx/style';
4
+ import React, { useState } from 'react';
5
+ import classnames from 'classnames';
6
+ import MDCButton from '@material/react-button';
7
+ import { useTheme, getColorToken } from '../../theme/theme.js';
8
+ import { tapEvent } from '../../utils/tap-event.js';
9
+ import omit from 'lodash/omit';
10
+
11
+ const _excluded = ["control", "display", "large", "color", "invert", "raised", "unelevated", "outlined", "className", "icon", "trailingIcon", "onMouseOver", "onMouseOut", "analyticsId", "id"];
12
+ /**
13
+ * Button
14
+ *
15
+ * Customised version of @material/react-button
16
+ * see: https://github.com/material-components/material-components-web-react/tree/master/packages/button
17
+ *
18
+ * When using this button you must also include the accompanying `button.scss`.
19
+ */
20
+ function Button(_ref) {
21
+ let {
22
+ control,
23
+ display,
24
+ large,
25
+ color = "primary",
26
+ invert,
27
+ raised,
28
+ unelevated,
29
+ outlined,
30
+ className,
31
+ icon,
32
+ trailingIcon,
33
+ onMouseOver,
34
+ onMouseOut,
35
+ analyticsId,
36
+ id
37
+ } = _ref,
38
+ rest = _objectWithoutProperties(_ref, _excluded);
39
+ const theme = useTheme();
40
+ if (process.env.NODE_ENV !== "production") {
41
+ if (id && analyticsId) {
42
+ console.warn("[Button] only one of the `id` and `analyticsId` props can be passed. Please remove one as `analyticsId` will override the id.");
43
+ }
44
+ }
45
+ const [hovered, setHovered] = useState(null);
46
+ const handleMouseOver = tapEvent(() => setHovered(true), onMouseOver);
47
+ const handleMouseOut = tapEvent(() => setHovered(false), onMouseOut);
48
+
49
+ // Handle icon colors
50
+ const foreground = getColorToken(theme, "foreground", color, {
51
+ invert
52
+ });
53
+ const background = getColorToken(theme, "background", color, {
54
+ invert
55
+ });
56
+ icon = setIconColor(icon, {
57
+ color,
58
+ invert,
59
+ unelevated,
60
+ raised,
61
+ outlined,
62
+ hovered
63
+ });
64
+ trailingIcon = setIconColor(trailingIcon, {
65
+ color,
66
+ invert,
67
+ unelevated,
68
+ raised,
69
+ outlined,
70
+ hovered
71
+ });
72
+ const scope = {
73
+ styles: /*#__PURE__*/React.createElement(_JSXStyle, {
74
+ id: "3982986575",
75
+ dynamic: [foreground, background]
76
+ }, `.button.__jsx-style-dynamic-selector{--mdc-theme-primary:${foreground};--mdc-theme-on-primary:${background};}
77
+ /*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImJ1dHRvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNEcyQixBQUd3RCxpREFDRyxvREFDdEQiLCJmaWxlIjoiYnV0dG9uLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyB1c2VTdGF0ZSB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IGNsYXNzbmFtZXMgZnJvbSBcImNsYXNzbmFtZXNcIjtcbmltcG9ydCBjc3MgZnJvbSBcInN0eWxlZC1qc3gvY3NzXCI7XG5pbXBvcnQgTURDQnV0dG9uLCB7XG4gIEJ1dHRvblByb3BzIGFzIE1EQ0J1dHRvblByb3BzLFxufSBmcm9tIFwiQG1hdGVyaWFsL3JlYWN0LWJ1dHRvblwiO1xuaW1wb3J0IHsgSWNvblByb3BzIH0gZnJvbSBcIi4uL2ljb24vaWNvblwiO1xuaW1wb3J0IHsgdXNlVGhlbWUsIGdldENvbG9yVG9rZW4sIENvbG9yU3BlY2lmaWVyIH0gZnJvbSBcIi4uLy4uL3RoZW1lL3RoZW1lXCI7XG5pbXBvcnQgeyB0YXBFdmVudCB9IGZyb20gXCIuLi8uLi91dGlscy90YXAtZXZlbnRcIjtcbmltcG9ydCBvbWl0IGZyb20gXCJsb2Rhc2gvb21pdFwiO1xuXG50eXBlIEJ1dHRvblR5cGVzID0gSFRNTEFuY2hvckVsZW1lbnQgfCBIVE1MQnV0dG9uRWxlbWVudDtcblxuZXhwb3J0IGludGVyZmFjZSBCdXR0b25Qcm9wc1xuICBleHRlbmRzIE9taXQ8XG4gICAgTURDQnV0dG9uUHJvcHM8QnV0dG9uVHlwZXM+LFxuICAgIHwgXCJjb2xvclwiXG4gICAgfCBcImljb25cIlxuICAgIHwgXCJ0cmFpbGluZ0ljb25cIlxuICAgIHwgXCJwcmltYXJ5XCJcbiAgICB8IFwic2Vjb25kYXJ5XCJcbiAgICB8IFwiYWNjZW50XCJcbiAgICB8IFwiZGFuZ2VyXCJcbiAgPiB7XG4gIGNvbnRyb2w/OiBib29sZWFuO1xuICBkaXNwbGF5PzogYm9vbGVhbjtcbiAgbGFyZ2U/OiBib29sZWFuO1xuICBjb2xvcj86IENvbG9yU3BlY2lmaWVyO1xuICBpbnZlcnQ/OiBib29sZWFuO1xuICBpY29uPzogUmVhY3QuUmVhY3RFbGVtZW50PEljb25Qcm9wcz47XG4gIHRyYWlsaW5nSWNvbj86IFJlYWN0LlJlYWN0RWxlbWVudDxJY29uUHJvcHM+O1xuICBhbmFseXRpY3NJZD86IHN0cmluZztcbn1cblxuLyoqXG4gKiBCdXR0b25cbiAqXG4gKiBDdXN0b21pc2VkIHZlcnNpb24gb2YgQG1hdGVyaWFsL3JlYWN0LWJ1dHRvblxuICogc2VlOiBodHRwczovL2dpdGh1Yi5jb20vbWF0ZXJpYWwtY29tcG9uZW50cy9tYXRlcmlhbC1jb21wb25lbnRzLXdlYi1yZWFjdC90cmVlL21hc3Rlci9wYWNrYWdlcy9idXR0b25cbiAqXG4gKiBXaGVuIHVzaW5nIHRoaXMgYnV0dG9uIHlvdSBtdXN0IGFsc28gaW5jbHVkZSB0aGUgYWNjb21wYW55aW5nIGBidXR0b24uc2Nzc2AuXG4gKi9cbmZ1bmN0aW9uIEJ1dHRvbih7XG4gIGNvbnRyb2wsXG4gIGRpc3BsYXksXG4gIGxhcmdlLFxuICBjb2xvciA9IFwicHJpbWFyeVwiLFxuICBpbnZlcnQsXG4gIHJhaXNlZCxcbiAgdW5lbGV2YXRlZCxcbiAgb3V0bGluZWQsXG4gIGNsYXNzTmFtZSxcbiAgaWNvbixcbiAgdHJhaWxpbmdJY29uLFxuICBvbk1vdXNlT3ZlcixcbiAgb25Nb3VzZU91dCxcbiAgYW5hbHl0aWNzSWQsXG4gIGlkLFxuICAuLi5yZXN0XG59OiBCdXR0b25Qcm9wcykge1xuICBjb25zdCB0aGVtZSA9IHVzZVRoZW1lKCk7XG5cbiAgaWYgKHByb2Nlc3MuZW52Lk5PREVfRU5WICE9PSBcInByb2R1Y3Rpb25cIikge1xuICAgIGlmIChpZCAmJiBhbmFseXRpY3NJZCkge1xuICAgICAgY29uc29sZS53YXJuKFxuICAgICAgICBcIltCdXR0b25dIG9ubHkgb25lIG9mIHRoZSBgaWRgIGFuZCBgYW5hbHl0aWNzSWRgIHByb3BzIGNhbiBiZSBwYXNzZWQuIFBsZWFzZSByZW1vdmUgb25lIGFzIGBhbmFseXRpY3NJZGAgd2lsbCBvdmVycmlkZSB0aGUgaWQuXCJcbiAgICAgICk7XG4gICAgfVxuICB9XG5cbiAgY29uc3QgW2hvdmVyZWQsIHNldEhvdmVyZWRdID0gdXNlU3RhdGU8Ym9vbGVhbiB8IG51bGw+KG51bGwpO1xuXG4gIGNvbnN0IGhhbmRsZU1vdXNlT3ZlciA9IHRhcEV2ZW50PFJlYWN0Lk1vdXNlRXZlbnQ8QnV0dG9uVHlwZXM+PihcbiAgICAoKSA9PiBzZXRIb3ZlcmVkKHRydWUpLFxuICAgIG9uTW91c2VPdmVyXG4gICk7XG5cbiAgY29uc3QgaGFuZGxlTW91c2VPdXQgPSB0YXBFdmVudDxSZWFjdC5Nb3VzZUV2ZW50PEJ1dHRvblR5cGVzPj4oXG4gICAgKCkgPT4gc2V0SG92ZXJlZChmYWxzZSksXG4gICAgb25Nb3VzZU91dFxuICApO1xuXG4gIC8vIEhhbmRsZSBpY29uIGNvbG9yc1xuICBjb25zdCBmb3JlZ3JvdW5kID0gZ2V0Q29sb3JUb2tlbih0aGVtZSwgXCJmb3JlZ3JvdW5kXCIsIGNvbG9yLCB7XG4gICAgaW52ZXJ0LFxuICB9KTtcbiAgY29uc3QgYmFja2dyb3VuZCA9IGdldENvbG9yVG9rZW4odGhlbWUsIFwiYmFja2dyb3VuZFwiLCBjb2xvciwge1xuICAgIGludmVydCxcbiAgfSk7XG5cbiAgaWNvbiA9IHNldEljb25Db2xvcihpY29uLCB7XG4gICAgY29sb3IsXG4gICAgaW52ZXJ0LFxuICAgIHVuZWxldmF0ZWQsXG4gICAgcmFpc2VkLFxuICAgIG91dGxpbmVkLFxuICAgIGhvdmVyZWQsXG4gIH0pO1xuXG4gIHRyYWlsaW5nSWNvbiA9IHNldEljb25Db2xvcih0cmFpbGluZ0ljb24sIHtcbiAgICBjb2xvcixcbiAgICBpbnZlcnQsXG4gICAgdW5lbGV2YXRlZCxcbiAgICByYWlzZWQsXG4gICAgb3V0bGluZWQsXG4gICAgaG92ZXJlZCxcbiAgfSk7XG5cbiAgY29uc3Qgc2NvcGUgPSBjc3MucmVzb2x2ZWBcbiAgICAuYnV0dG9uIHtcbiAgICAgIC0tbWRjLXRoZW1lLXByaW1hcnk6ICR7Zm9yZWdyb3VuZH07XG4gICAgICAtLW1kYy10aGVtZS1vbi1wcmltYXJ5OiAke2JhY2tncm91bmR9O1xuICAgIH1cbiAgYDtcblxuICBjb25zdCBmaWx0ZXJlZFByb3BzID0gb21pdChcbiAgICB7XG4gICAgICBjbGFzc05hbWU6IGNsYXNzbmFtZXMoXG4gICAgICAgIFwiYnV0dG9uXCIsXG4gICAgICAgIHtcbiAgICAgICAgICBcIm1kYy1idXR0b24tLWRpc3BsYXlcIjogZGlzcGxheSxcbiAgICAgICAgICBcIm1kYy1idXR0b24tLWxhcmdlXCI6IGxhcmdlLFxuICAgICAgICAgIFwibWRjLWJ1dHRvbi0tY29udHJvbFwiOiBjb250cm9sLFxuICAgICAgICB9LFxuICAgICAgICBjbGFzc05hbWUsXG4gICAgICAgIHNjb3BlLmNsYXNzTmFtZVxuICAgICAgKSxcbiAgICAgIGlkOiBhbmFseXRpY3NJZCB8fCBpZCxcbiAgICAgIHJhaXNlZCxcbiAgICAgIHVuZWxldmF0ZWQsXG4gICAgICBvdXRsaW5lZDogb3V0bGluZWQsXG4gICAgICBpY29uOiBpY29uIGFzIFJlYWN0LlJlYWN0RWxlbWVudDxSZWFjdC5IVE1MUHJvcHM8SFRNTE9yU1ZHRWxlbWVudD4+LFxuICAgICAgdHJhaWxpbmdJY29uOiB0cmFpbGluZ0ljb24gYXMgUmVhY3QuUmVhY3RFbGVtZW50PFxuICAgICAgICBSZWFjdC5IVE1MUHJvcHM8SFRNTE9yU1ZHRWxlbWVudD5cbiAgICAgID4sXG4gICAgICBvbk1vdXNlT3ZlcjogaGFuZGxlTW91c2VPdmVyLFxuICAgICAgb25Nb3VzZU91dDogaGFuZGxlTW91c2VPdXQsXG4gICAgICAuLi5yZXN0LFxuICAgIH0sXG4gICAgW1wib25Qb2ludGVyRW50ZXJDYXB0dXJlXCIsIFwib25Qb2ludGVyTGVhdmVDYXB0dXJlXCJdIC8vIFJlbW92ZSBpbnZhbGlkIHByb3BzXG4gICk7XG5cbiAgcmV0dXJuIChcbiAgICA8PlxuICAgICAgPE1EQ0J1dHRvblxuICAgICAgICB7Li4uKChmaWx0ZXJlZFByb3BzIGFzIHVua25vd24pIGFzIFJlYWN0LkNvbXBvbmVudFByb3BzPFxuICAgICAgICAgIHR5cGVvZiBNRENCdXR0b25cbiAgICAgICAgPil9XG4gICAgICAvPlxuICAgICAge3Njb3BlLnN0eWxlc31cbiAgICA8Lz5cbiAgKTtcbn1cblxuZXhwb3J0IGRlZmF1bHQgQnV0dG9uO1xuXG5mdW5jdGlvbiBzZXRJY29uQ29sb3IoXG4gIGljb246IFJlYWN0LlJlYWN0RWxlbWVudDxJY29uUHJvcHM+IHwgdW5kZWZpbmVkLFxuICB7XG4gICAgY29sb3IsXG4gICAgaW52ZXJ0LFxuICAgIHVuZWxldmF0ZWQsXG4gICAgcmFpc2VkLFxuICAgIG91dGxpbmVkLFxuICAgIGhvdmVyZWQsXG4gIH06IHtcbiAgICBjb2xvcj86IENvbG9yU3BlY2lmaWVyO1xuICAgIGludmVydD86IGJvb2xlYW47XG4gICAgdW5lbGV2YXRlZD86IGJvb2xlYW47XG4gICAgcmFpc2VkPzogYm9vbGVhbjtcbiAgICBvdXRsaW5lZD86IGJvb2xlYW47XG4gICAgaG92ZXJlZD86IGJvb2xlYW4gfCBudWxsO1xuICB9XG4pIHtcbiAgaWYgKCFpY29uKSB7XG4gICAgcmV0dXJuIGljb247XG4gIH1cblxuICBpY29uID0gUmVhY3QuY2xvbmVFbGVtZW50KGljb24sIHsgY29sb3I6IGljb24ucHJvcHMuY29sb3IgfHwgY29sb3IgfSk7XG5cbiAgaWYgKHVuZWxldmF0ZWQgfHwgcmFpc2VkIHx8IChob3ZlcmVkICYmIG91dGxpbmVkKSkge1xuICAgIGljb24gPSBSZWFjdC5jbG9uZUVsZW1lbnQoaWNvbiwgeyBpbnZlcnQ6ICFpbnZlcnQgfSk7XG4gIH1cblxuICByZXR1cm4gaWNvbjtcbn1cbiJdfQ== */
78
+ /*@ sourceURL=button.tsx */`),
79
+ className: _JSXStyle.dynamic([["3982986575", [foreground, background]]])
80
+ };
81
+ const filteredProps = omit(_objectSpread2({
82
+ className: classnames("button", {
83
+ "mdc-button--display": display,
84
+ "mdc-button--large": large,
85
+ "mdc-button--control": control
86
+ }, className, scope.className),
87
+ id: analyticsId || id,
88
+ raised,
89
+ unelevated,
90
+ outlined: outlined,
91
+ icon: icon,
92
+ trailingIcon: trailingIcon,
93
+ onMouseOver: handleMouseOver,
94
+ onMouseOut: handleMouseOut
95
+ }, rest), ["onPointerEnterCapture", "onPointerLeaveCapture"] // Remove invalid props
96
+ );
97
+ return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(MDCButton, filteredProps), scope.styles);
98
+ }
99
+ Button.propTypes = {
100
+ control: _pt.bool,
101
+ display: _pt.bool,
102
+ large: _pt.bool,
103
+ color: _pt.any,
104
+ invert: _pt.bool,
105
+ icon: _pt.element,
106
+ trailingIcon: _pt.element,
107
+ analyticsId: _pt.string
108
+ };
109
+ function setIconColor(icon, _ref2) {
110
+ let {
111
+ color,
112
+ invert,
113
+ unelevated,
114
+ raised,
115
+ outlined,
116
+ hovered
117
+ } = _ref2;
118
+ if (!icon) {
119
+ return icon;
120
+ }
121
+ icon = /*#__PURE__*/React.cloneElement(icon, {
122
+ color: icon.props.color || color
123
+ });
124
+ if (unelevated || raised || hovered && outlined) {
125
+ icon = /*#__PURE__*/React.cloneElement(icon, {
126
+ invert: !invert
127
+ });
128
+ }
129
+ return icon;
130
+ }
131
+
132
+ export { Button as default };
@@ -0,0 +1,65 @@
1
+ import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
2
+ import _pt from 'prop-types';
3
+ import _JSXStyle from 'styled-jsx/style';
4
+ import React, { useState, useEffect } from 'react';
5
+ import classnames from 'classnames';
6
+ import { nanoid } from 'nanoid';
7
+ import { useTheme, getColorToken } from '../../theme/theme.js';
8
+ import MDCCheckbox from '@material/react-checkbox';
9
+ import Flex from '../layout/flex.js';
10
+ import Text from '../text/text.js';
11
+
12
+ const _excluded = ["id", "label", "color", "checked", "className"];
13
+ const Checkbox = _ref => {
14
+ let {
15
+ id,
16
+ label,
17
+ color = "primary",
18
+ checked,
19
+ className
20
+ } = _ref,
21
+ rest = _objectWithoutProperties(_ref, _excluded);
22
+ const theme = useTheme();
23
+ const [mainId, setmainId] = useState("");
24
+ const setColor = getColorToken(theme, "foreground", color);
25
+ useEffect(() => {
26
+ setmainId(id ? id : nanoid());
27
+ }, [id, setmainId]);
28
+ const scope = {
29
+ styles: /*#__PURE__*/React.createElement(_JSXStyle, {
30
+ id: "4134032295",
31
+ dynamic: [setColor, setColor]
32
+ }, `.checkbox.__jsx-style-dynamic-selector{--mdc-theme-primary:${setColor};--mdc-theme-secondary:${setColor};}.checkbox-label.__jsx-style-dynamic-selector{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1;margin-left:0.25rem;cursor:pointer;}
33
+ /*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNoZWNrYm94LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEyQzJCLEFBR3dELEFBS3JDLGlEQUp1QyxzQkFLckMsNkJBSmhCLDJCQUtzQixvQkFDTCxlQUNqQiIsImZpbGUiOiJjaGVja2JveC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgdXNlRWZmZWN0LCB1c2VTdGF0ZSB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IGNsYXNzbmFtZXMgZnJvbSBcImNsYXNzbmFtZXNcIjtcbmltcG9ydCBjc3MgZnJvbSBcInN0eWxlZC1qc3gvY3NzXCI7XG5pbXBvcnQgeyBuYW5vaWQgfSBmcm9tIFwibmFub2lkXCI7XG5pbXBvcnQgeyB1c2VUaGVtZSwgZ2V0Q29sb3JUb2tlbiwgQ29sb3JTcGVjaWZpZXIgfSBmcm9tIFwiLi4vLi4vdGhlbWUvdGhlbWVcIjtcblxuaW1wb3J0IHsgRmxleCB9IGZyb20gXCIuLi9sYXlvdXRcIjtcbmltcG9ydCB7IFRleHQgfSBmcm9tIFwiLi4vdGV4dFwiO1xuXG5pbXBvcnQgTURDQ2hlY2tib3gsIHtcbiAgQ2hlY2tib3hQcm9wcyBhcyBNRENDaGVja2JveFByb3BzLFxufSBmcm9tIFwiQG1hdGVyaWFsL3JlYWN0LWNoZWNrYm94XCI7XG5cbmV4cG9ydCBpbnRlcmZhY2UgQ2hlY2tib3hQcm9wc1xuICBleHRlbmRzIE9taXQ8TURDQ2hlY2tib3hQcm9wcywgXCJpbml0UmlwcGxlXCIgfCBcInVuYm91bmRlZFwiPiB7XG4gIGlkPzogc3RyaW5nO1xuICBuYW1lPzogc3RyaW5nO1xuICBsYWJlbD86IFJlYWN0LlJlYWN0Tm9kZTtcbiAgY29sb3I/OiBDb2xvclNwZWNpZmllcjtcbiAgY2hlY2tlZD86IGJvb2xlYW47XG4gIGRpc2FibGVkPzogYm9vbGVhbjtcbiAgb25DaGFuZ2U/OiAoZTogUmVhY3QuRm9ybUV2ZW50PEhUTUxJbnB1dEVsZW1lbnQ+KSA9PiB2b2lkO1xuICBpbmRldGVybWluYXRlPzogYm9vbGVhbjtcbiAgY2xhc3NOYW1lPzogc3RyaW5nO1xufVxuXG5jb25zdCBDaGVja2JveCA9ICh7XG4gIGlkLFxuICBsYWJlbCxcbiAgY29sb3IgPSBcInByaW1hcnlcIixcbiAgY2hlY2tlZCxcbiAgY2xhc3NOYW1lLFxuICAuLi5yZXN0XG59OiBDaGVja2JveFByb3BzKSA9PiB7XG4gIGNvbnN0IHRoZW1lID0gdXNlVGhlbWUoKTtcbiAgY29uc3QgW21haW5JZCwgc2V0bWFpbklkXSA9IHVzZVN0YXRlPHN0cmluZz4oXCJcIik7XG5cbiAgY29uc3Qgc2V0Q29sb3IgPSBnZXRDb2xvclRva2VuKHRoZW1lLCBcImZvcmVncm91bmRcIiwgY29sb3IpO1xuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgc2V0bWFpbklkKGlkID8gaWQgOiBuYW5vaWQoKSk7XG4gIH0sIFtpZCwgc2V0bWFpbklkXSk7XG5cbiAgY29uc3Qgc2NvcGUgPSBjc3MucmVzb2x2ZWBcbiAgICAuY2hlY2tib3gge1xuICAgICAgLS1tZGMtdGhlbWUtcHJpbWFyeTogJHtzZXRDb2xvcn07XG4gICAgICAtLW1kYy10aGVtZS1zZWNvbmRhcnk6ICR7c2V0Q29sb3J9O1xuICAgIH1cblxuICAgIC5jaGVja2JveC1sYWJlbCB7XG4gICAgICBmbGV4LWdyb3c6IDE7XG4gICAgICBmbGV4LXNocmluazogMTtcbiAgICAgIG1hcmdpbi1sZWZ0OiAwLjI1cmVtO1xuICAgICAgY3Vyc29yOiBwb2ludGVyO1xuICAgIH1cbiAgYDtcblxuICByZXR1cm4gKFxuICAgIDxGbGV4IGFsaWduPVwiY2VudGVyXCI+XG4gICAgICA8TURDQ2hlY2tib3hcbiAgICAgICAgY2xhc3NOYW1lPXtjbGFzc25hbWVzKGNsYXNzTmFtZSwgXCJjaGVja2JveFwiLCBzY29wZS5jbGFzc05hbWUpfVxuICAgICAgICBjaGVja2VkPXtjaGVja2VkfVxuICAgICAgICBuYXRpdmVDb250cm9sSWQ9e21haW5JZH1cbiAgICAgICAgey4uLnJlc3R9XG4gICAgICAvPlxuICAgICAge2xhYmVsICYmIChcbiAgICAgICAgPGxhYmVsXG4gICAgICAgICAgY2xhc3NOYW1lPXtjbGFzc25hbWVzKHNjb3BlLmNsYXNzTmFtZSwgXCJjaGVja2JveC1sYWJlbFwiKX1cbiAgICAgICAgICBodG1sRm9yPXttYWluSWR9XG4gICAgICAgID5cbiAgICAgICAgICA8VGV4dCBmb250PVwiYnJhbmRcIiBraW5kPVwic3ViXCIgc3Bhbj5cbiAgICAgICAgICAgIHtsYWJlbH1cbiAgICAgICAgICA8L1RleHQ+XG4gICAgICAgIDwvbGFiZWw+XG4gICAgICApfVxuICAgICAge3Njb3BlLnN0eWxlc31cbiAgICA8L0ZsZXg+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBDaGVja2JveDtcbiJdfQ== */
34
+ /*@ sourceURL=checkbox.tsx */`),
35
+ className: _JSXStyle.dynamic([["4134032295", [setColor, setColor]]])
36
+ };
37
+ return /*#__PURE__*/React.createElement(Flex, {
38
+ align: "center"
39
+ }, /*#__PURE__*/React.createElement(MDCCheckbox, _extends({
40
+ className: classnames(className, "checkbox", scope.className),
41
+ checked: checked,
42
+ nativeControlId: mainId
43
+ }, rest)), label && /*#__PURE__*/React.createElement("label", {
44
+ className: classnames(scope.className, "checkbox-label"),
45
+ htmlFor: mainId
46
+ }, /*#__PURE__*/React.createElement(Text, {
47
+ font: "brand",
48
+ kind: "sub",
49
+ span: true
50
+ }, label)), scope.styles);
51
+ };
52
+ Checkbox.propTypes = {
53
+ id: _pt.string,
54
+ name: _pt.string,
55
+ label: _pt.node,
56
+ color: _pt.any,
57
+ checked: _pt.bool,
58
+ disabled: _pt.bool,
59
+ onChange: _pt.func,
60
+ indeterminate: _pt.bool,
61
+ className: _pt.string
62
+ };
63
+ var Checkbox$1 = Checkbox;
64
+
65
+ export { Checkbox$1 as default };
@@ -0,0 +1,35 @@
1
+ import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../../_virtual/_rollupPluginBabelHelpers.js';
2
+ import _pt from 'prop-types';
3
+ import _JSXStyle from 'styled-jsx/style';
4
+ import React from 'react';
5
+ import classnames from 'classnames';
6
+
7
+ const _excluded = ["children", "className"];
8
+ const scope = {
9
+ styles: /*#__PURE__*/React.createElement(_JSXStyle, {
10
+ id: "891840907"
11
+ }, ".combo-field-expand.jsx-891840907{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbWJvLWZpZWxkLWV4cGFuZGVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFTeUIsQUFHaUIsdUVBQ2QiLCJmaWxlIjoiY29tYm8tZmllbGQtZXhwYW5kZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IGNsYXNzbmFtZXMgZnJvbSBcImNsYXNzbmFtZXNcIjtcbmltcG9ydCBjc3MgZnJvbSBcInN0eWxlZC1qc3gvY3NzXCI7XG5cbmludGVyZmFjZSBDb21ib0ZpZWxkRXhwYW5kZXIge1xuICBjaGlsZHJlbjogUmVhY3QuUmVhY3RFbGVtZW50O1xuICBjbGFzc05hbWU/OiBzdHJpbmc7XG59XG5cbmNvbnN0IHNjb3BlID0gY3NzLnJlc29sdmVgXG4gIC5jb21iby1maWVsZC1leHBhbmQge1xuICAgIGZsZXgtZ3JvdzogMTtcbiAgfVxuYDtcblxuLyoqXG4gKiBNYWtlcyBhIGZpZWxkIGluIGEgY29tYm8tZmllbGQgZXhwYW5kIHRvIGZpbGwgYXNcbiAqIG11Y2ggc2l6ZSBhcyBpdCBjYW4uXG4gKi9cbmZ1bmN0aW9uIENvbWJvRmllbGRFeHBhbmRlcih7XG4gIGNoaWxkcmVuLFxuICBjbGFzc05hbWUsXG4gIC4uLnByb3BzXG59OiBDb21ib0ZpZWxkRXhwYW5kZXIpIHtcbiAgY29uc3QgY2hpbGQgPSBSZWFjdC5DaGlsZHJlbi5vbmx5KGNoaWxkcmVuKTtcblxuICByZXR1cm4gKFxuICAgIDw+XG4gICAgICB7UmVhY3QuY2xvbmVFbGVtZW50KGNoaWxkLCB7XG4gICAgICAgIGNsYXNzTmFtZTogY2xhc3NuYW1lcyhcbiAgICAgICAgICBjaGlsZC5wcm9wcy5jbGFzc05hbWUsXG4gICAgICAgICAgc2NvcGUuY2xhc3NOYW1lLFxuICAgICAgICAgIGNsYXNzTmFtZSxcbiAgICAgICAgICBcImNvbWJvLWZpZWxkLWV4cGFuZFwiXG4gICAgICAgICksXG4gICAgICAgIC4uLnByb3BzLFxuICAgICAgfSl9XG4gICAgICB7c2NvcGUuc3R5bGVzfVxuICAgIDwvPlxuICApO1xufVxuXG5leHBvcnQgZGVmYXVsdCBDb21ib0ZpZWxkRXhwYW5kZXI7XG4iXX0= */\n/*@ sourceURL=combo-field-expander.tsx */"),
12
+ className: "jsx-891840907"
13
+ };
14
+
15
+ /**
16
+ * Makes a field in a combo-field expand to fill as
17
+ * much size as it can.
18
+ */
19
+ function ComboFieldExpander(_ref) {
20
+ let {
21
+ children,
22
+ className
23
+ } = _ref,
24
+ props = _objectWithoutProperties(_ref, _excluded);
25
+ const child = React.Children.only(children);
26
+ return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.cloneElement(child, _objectSpread2({
27
+ className: classnames(child.props.className, scope.className, className, "combo-field-expand")
28
+ }, props)), scope.styles);
29
+ }
30
+ ComboFieldExpander.propTypes = {
31
+ children: _pt.element.isRequired,
32
+ className: _pt.string
33
+ };
34
+
35
+ export { ComboFieldExpander as default };
@@ -0,0 +1,94 @@
1
+ import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
2
+ import _pt from 'prop-types';
3
+ import _JSXStyle from 'styled-jsx/style';
4
+ import React from 'react';
5
+ import classnames from 'classnames';
6
+ import { getElementDisplayName } from '../../utils/get-element-display-name.js';
7
+ import ComboFieldExpander from './combo-field-expander.js';
8
+ import IconButtonGroup from '../icon/icon-button-group.js';
9
+ import Button from '../button/button.js';
10
+ import Select from '../select/select.js';
11
+ import TextFieldComponent from '../text-field/text-field.js';
12
+
13
+ const _excluded = ["children", "className", "large", "buttonBorder", "buttonFullWidth", "align"];
14
+ /**
15
+ * Combines several input controls to into one visually continuous
16
+ * control
17
+ *
18
+ * Supports the following components:
19
+ * - TextField
20
+ * - Select
21
+ * - Button
22
+ * - IconButtonGroup
23
+ */
24
+ function ComboField(_ref) {
25
+ let {
26
+ children,
27
+ className,
28
+ large = false,
29
+ buttonBorder,
30
+ buttonFullWidth,
31
+ align
32
+ } = _ref,
33
+ rest = _objectWithoutProperties(_ref, _excluded);
34
+ children = React.Children.map(children, child => augment(child, {
35
+ large
36
+ }));
37
+ return /*#__PURE__*/React.createElement("div", _extends({}, rest, {
38
+ className: _JSXStyle.dynamic([["174956361", [align ? align : "flex-end", buttonFullWidth ? "100%" : "", buttonBorder ? "" : "transparent"]]]) + " " + (rest && rest.className != null && rest.className || classnames("combo-field", className) || "")
39
+ }), children, /*#__PURE__*/React.createElement(_JSXStyle, {
40
+ id: "174956361",
41
+ dynamic: [align ? align : "flex-end", buttonFullWidth ? "100%" : "", buttonBorder ? "" : "transparent"]
42
+ }, `.combo-field.__jsx-style-dynamic-selector{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:${align ? align : "flex-end"};-webkit-box-align:${align ? align : "flex-end"};-ms-flex-align:${align ? align : "flex-end"};align-items:${align ? align : "flex-end"};margin-bottom:1px;}.combo-field > button{width:${buttonFullWidth ? "100%" : ""};}.combo-field.__jsx-style-dynamic-selector>*:not(:last-child) .mdc-text-field:not(.mdc-text-field--focused) .mdc-notched-outline__trailing,.combo-field.__jsx-style-dynamic-selector>*:not(:last-child) .mdc-select:not(.mdc-select--focused) .mdc-notched-outline__trailing,.combo-field.__jsx-style-dynamic-selector .mdc-button--control:not(:last-child):not(:focus),.combo-field.__jsx-style-dynamic-selector .icon-button-group:not(:last-child)::after{border-right-color:${buttonBorder ? "" : "transparent"};border-top-right-radius:0;border-bottom-right-radius:0;margin-right:-1px;}.combo-field.__jsx-style-dynamic-selector>*:not(:first-child) .mdc-text-field:not(.mdc-text-field--focused) .mdc-notched-outline__leading,.combo-field.__jsx-style-dynamic-selector>*:not(:first-child) .mdc-select:not(.mdc-select--focused) .mdc-notched-outline__leading,.combo-field.__jsx-style-dynamic-selector .mdc-button--control:not(:first-child):not(:focus),.combo-field.__jsx-style-dynamic-selector .icon-button-group:not(:first-child)::after{border-left-color:transparent;border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px;}
43
+ /*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbWJvLWZpZWxkLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEwQ2tCLEFBR3dCLEFBTXNCLEFBYWEsQUFpQmxCLDhCQUNMLEtBOUIzQixhQWE0QixPQWtCRSxtQkFyQ2EsQUFvQlosU0FrQlosaUJBQ25CLEdBbEJvQixrQkFDcEIsc0lBckJvQixrQkFDcEIiLCJmaWxlIjoiY29tYm8tZmllbGQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IGNsYXNzbmFtZXMgZnJvbSBcImNsYXNzbmFtZXNcIjtcbmltcG9ydCB7IGdldEVsZW1lbnREaXNwbGF5TmFtZSB9IGZyb20gXCIuLi8uLi91dGlscy9nZXQtZWxlbWVudC1kaXNwbGF5LW5hbWVcIjtcbmltcG9ydCB7IFRleHRGaWVsZCB9IGZyb20gXCIuLi90ZXh0LWZpZWxkXCI7XG5pbXBvcnQgeyBTZWxlY3QgfSBmcm9tIFwiLi4vc2VsZWN0XCI7XG5pbXBvcnQgeyBCdXR0b24gfSBmcm9tIFwiLi4vYnV0dG9uXCI7XG5pbXBvcnQgeyBJY29uQnV0dG9uR3JvdXAgfSBmcm9tIFwiLi4vaWNvblwiO1xuaW1wb3J0IENvbWJvRmllbGRFeHBhbmRlciBmcm9tIFwiLi9jb21iby1maWVsZC1leHBhbmRlclwiO1xuXG5pbnRlcmZhY2UgQ29tYm9GaWVsZFByb3BzIHtcbiAgY2hpbGRyZW46IEFycmF5PFJlYWN0LlJlYWN0RWxlbWVudD47XG4gIGNsYXNzTmFtZT86IHN0cmluZztcbiAgbGFyZ2U/OiBib29sZWFuO1xuICBidXR0b25Cb3JkZXI/OiBib29sZWFuO1xuICBidXR0b25GdWxsV2lkdGg/OiBib29sZWFuO1xuICBhbGlnbj86IHN0cmluZztcbn1cblxuLyoqXG4gKiBDb21iaW5lcyBzZXZlcmFsIGlucHV0IGNvbnRyb2xzIHRvIGludG8gb25lIHZpc3VhbGx5IGNvbnRpbnVvdXNcbiAqIGNvbnRyb2xcbiAqXG4gKiBTdXBwb3J0cyB0aGUgZm9sbG93aW5nIGNvbXBvbmVudHM6XG4gKiAtIFRleHRGaWVsZFxuICogLSBTZWxlY3RcbiAqIC0gQnV0dG9uXG4gKiAtIEljb25CdXR0b25Hcm91cFxuICovXG5mdW5jdGlvbiBDb21ib0ZpZWxkKHtcbiAgY2hpbGRyZW4sXG4gIGNsYXNzTmFtZSxcbiAgbGFyZ2UgPSBmYWxzZSxcbiAgYnV0dG9uQm9yZGVyLFxuICBidXR0b25GdWxsV2lkdGgsXG4gIGFsaWduLFxuICAuLi5yZXN0XG59OiBDb21ib0ZpZWxkUHJvcHMpIHtcbiAgY2hpbGRyZW4gPSBSZWFjdC5DaGlsZHJlbi5tYXAoY2hpbGRyZW4sIGNoaWxkID0+IGF1Z21lbnQoY2hpbGQsIHsgbGFyZ2UgfSkpO1xuXG4gIHJldHVybiAoXG4gICAgPGRpdiBjbGFzc05hbWU9e2NsYXNzbmFtZXMoXCJjb21iby1maWVsZFwiLCBjbGFzc05hbWUpfSB7Li4ucmVzdH0+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgICA8c3R5bGUganN4PntgXG4gICAgICAgIC5jb21iby1maWVsZCB7XG4gICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICBhbGlnbi1pdGVtczogJHthbGlnbiA/IGFsaWduIDogXCJmbGV4LWVuZFwifTtcbiAgICAgICAgICBtYXJnaW4tYm90dG9tOiAxcHg7XG4gICAgICAgIH1cblxuICAgICAgICA6Z2xvYmFsKC5jb21iby1maWVsZCA+IGJ1dHRvbikge1xuICAgICAgICAgIHdpZHRoOiAke2J1dHRvbkZ1bGxXaWR0aCA/IFwiMTAwJVwiIDogXCJcIn07XG4gICAgICAgIH1cblxuICAgICAgICAuY29tYm8tZmllbGRcbiAgICAgICAgICA+IDpnbG9iYWwoKjpub3QoOmxhc3QtY2hpbGQpKVxuICAgICAgICAgIDpnbG9iYWwoLm1kYy10ZXh0LWZpZWxkOm5vdCgubWRjLXRleHQtZmllbGQtLWZvY3VzZWQpKVxuICAgICAgICAgIDpnbG9iYWwoLm1kYy1ub3RjaGVkLW91dGxpbmVfX3RyYWlsaW5nKSxcbiAgICAgICAgLmNvbWJvLWZpZWxkXG4gICAgICAgICAgPiA6Z2xvYmFsKCo6bm90KDpsYXN0LWNoaWxkKSlcbiAgICAgICAgICA6Z2xvYmFsKC5tZGMtc2VsZWN0Om5vdCgubWRjLXNlbGVjdC0tZm9jdXNlZCkpXG4gICAgICAgICAgOmdsb2JhbCgubWRjLW5vdGNoZWQtb3V0bGluZV9fdHJhaWxpbmcpLFxuICAgICAgICAuY29tYm8tZmllbGQgOmdsb2JhbCgubWRjLWJ1dHRvbi0tY29udHJvbDpub3QoOmxhc3QtY2hpbGQpOm5vdCg6Zm9jdXMpKSxcbiAgICAgICAgLmNvbWJvLWZpZWxkIDpnbG9iYWwoLmljb24tYnV0dG9uLWdyb3VwOm5vdCg6bGFzdC1jaGlsZCk6OmFmdGVyKSB7XG4gICAgICAgICAgYm9yZGVyLXJpZ2h0LWNvbG9yOiAke2J1dHRvbkJvcmRlciA/IFwiXCIgOiBcInRyYW5zcGFyZW50XCJ9O1xuICAgICAgICAgIGJvcmRlci10b3AtcmlnaHQtcmFkaXVzOiAwO1xuICAgICAgICAgIGJvcmRlci1ib3R0b20tcmlnaHQtcmFkaXVzOiAwO1xuICAgICAgICAgIG1hcmdpbi1yaWdodDogLTFweDtcbiAgICAgICAgfVxuXG4gICAgICAgIC5jb21iby1maWVsZFxuICAgICAgICAgID4gOmdsb2JhbCgqOm5vdCg6Zmlyc3QtY2hpbGQpKVxuICAgICAgICAgIDpnbG9iYWwoLm1kYy10ZXh0LWZpZWxkOm5vdCgubWRjLXRleHQtZmllbGQtLWZvY3VzZWQpKVxuICAgICAgICAgIDpnbG9iYWwoLm1kYy1ub3RjaGVkLW91dGxpbmVfX2xlYWRpbmcpLFxuICAgICAgICAuY29tYm8tZmllbGRcbiAgICAgICAgICA+IDpnbG9iYWwoKjpub3QoOmZpcnN0LWNoaWxkKSlcbiAgICAgICAgICA6Z2xvYmFsKC5tZGMtc2VsZWN0Om5vdCgubWRjLXNlbGVjdC0tZm9jdXNlZCkpXG4gICAgICAgICAgOmdsb2JhbCgubWRjLW5vdGNoZWQtb3V0bGluZV9fbGVhZGluZyksXG4gICAgICAgIC5jb21iby1maWVsZFxuICAgICAgICAgIDpnbG9iYWwoLm1kYy1idXR0b24tLWNvbnRyb2w6bm90KDpmaXJzdC1jaGlsZCk6bm90KDpmb2N1cykpLFxuICAgICAgICAuY29tYm8tZmllbGQgOmdsb2JhbCguaWNvbi1idXR0b24tZ3JvdXA6bm90KDpmaXJzdC1jaGlsZCk6OmFmdGVyKSB7XG4gICAgICAgICAgYm9yZGVyLWxlZnQtY29sb3I6IHRyYW5zcGFyZW50O1xuICAgICAgICAgIGJvcmRlci10b3AtbGVmdC1yYWRpdXM6IDA7XG4gICAgICAgICAgYm9yZGVyLWJvdHRvbS1sZWZ0LXJhZGl1czogMDtcbiAgICAgICAgICBtYXJnaW4tbGVmdDogLTFweDtcbiAgICAgICAgfVxuICAgICAgYH08L3N0eWxlPlxuICAgIDwvZGl2PlxuICApO1xufVxuXG5leHBvcnQgZGVmYXVsdCBDb21ib0ZpZWxkO1xuXG4vKiBBdWdtZW50IHRoZSBwYXNzZWQgZWxlbWVudHMgKi9cbmZ1bmN0aW9uIGF1Z21lbnQoXG4gIGVsZW1lbnQ6IFJlYWN0LlJlYWN0RWxlbWVudCxcbiAgeyBsYXJnZSB9OiB7IGxhcmdlOiBib29sZWFuIH1cbik6IFJlYWN0LlJlYWN0RWxlbWVudCB7XG4gIHN3aXRjaCAoZWxlbWVudC50eXBlKSB7XG4gICAgY2FzZSBDb21ib0ZpZWxkRXhwYW5kZXI6XG4gICAgICByZXR1cm4gUmVhY3QuY2xvbmVFbGVtZW50KFxuICAgICAgICBlbGVtZW50LFxuICAgICAgICB7fSxcbiAgICAgICAgYXVnbWVudChSZWFjdC5DaGlsZHJlbi5vbmx5KGVsZW1lbnQucHJvcHMuY2hpbGRyZW4pLCB7IGxhcmdlIH0pXG4gICAgICApO1xuICAgIGNhc2UgVGV4dEZpZWxkOlxuICAgIGNhc2UgU2VsZWN0OlxuICAgICAgLy8gRm9yY2UgdGV4dC1maWVsZCBvciBzZWxlY3QgdG8gYmUgbGFyZ2UgaWYgbmVlZGVkXG4gICAgICBlbGVtZW50ID0gUmVhY3QuY2xvbmVFbGVtZW50KGVsZW1lbnQsIHsgbGFyZ2UgfSk7XG4gICAgICBicmVhaztcbiAgICBjYXNlIEJ1dHRvbjpcbiAgICAgIC8vIEZvcmNlIHRoZSBidXR0b24gdG8gYmUgdGhlIGNvbnRyb2wgc3R5bGVcbiAgICAgIGVsZW1lbnQgPSBSZWFjdC5jbG9uZUVsZW1lbnQoZWxlbWVudCwgeyBjb250cm9sOiB0cnVlLCBkZW5zZTogIWxhcmdlIH0pO1xuICAgICAgYnJlYWs7XG4gICAgY2FzZSBJY29uQnV0dG9uR3JvdXA6XG4gICAgICAvLyBFbnN1cmUgdGhlIHNpemUgb2YgdGhlIGJ1dHRvbiBtYXRjaGVzIHRoZSBoZWlnaHRcbiAgICAgIGVsZW1lbnQgPSBSZWFjdC5jbG9uZUVsZW1lbnQoZWxlbWVudCwge1xuICAgICAgICBzaXplOiBsYXJnZSA/IFwiMy41cmVtXCIgOiB1bmRlZmluZWQsXG4gICAgICAgIGlzT3V0bGluZWRPbkZvY3VzOiB0cnVlLFxuICAgICAgfSk7XG4gICAgICBicmVhaztcbiAgICBkZWZhdWx0OlxuICAgICAgaWYgKHByb2Nlc3MuZW52Lk5PREVfRU5WICE9PSBcInByb2R1Y3Rpb25cIikge1xuICAgICAgICBjb25zb2xlLndhcm4oXG4gICAgICAgICAgXCJbQ29tYm9GaWVsZF0gdW5zdXBwb3J0ZWQgZWxlbWVudCB0eXBlXCIsXG4gICAgICAgICAgZ2V0RWxlbWVudERpc3BsYXlOYW1lKGVsZW1lbnQpXG4gICAgICAgICk7XG4gICAgICB9XG4gIH1cblxuICByZXR1cm4gZWxlbWVudDtcbn1cbiJdfQ== */
44
+ /*@ sourceURL=combo-field.tsx */`));
45
+ }
46
+ ComboField.propTypes = {
47
+ children: _pt.any.isRequired,
48
+ className: _pt.string,
49
+ large: _pt.bool,
50
+ buttonBorder: _pt.bool,
51
+ buttonFullWidth: _pt.bool,
52
+ align: _pt.string
53
+ };
54
+
55
+ /* Augment the passed elements */
56
+ function augment(element, _ref2) {
57
+ let {
58
+ large
59
+ } = _ref2;
60
+ switch (element.type) {
61
+ case ComboFieldExpander:
62
+ return /*#__PURE__*/React.cloneElement(element, {}, augment(React.Children.only(element.props.children), {
63
+ large
64
+ }));
65
+ case TextFieldComponent:
66
+ case Select:
67
+ // Force text-field or select to be large if needed
68
+ element = /*#__PURE__*/React.cloneElement(element, {
69
+ large
70
+ });
71
+ break;
72
+ case Button:
73
+ // Force the button to be the control style
74
+ element = /*#__PURE__*/React.cloneElement(element, {
75
+ control: true,
76
+ dense: !large
77
+ });
78
+ break;
79
+ case IconButtonGroup:
80
+ // Ensure the size of the button matches the height
81
+ element = /*#__PURE__*/React.cloneElement(element, {
82
+ size: large ? "3.5rem" : undefined,
83
+ isOutlinedOnFocus: true
84
+ });
85
+ break;
86
+ default:
87
+ if (process.env.NODE_ENV !== "production") {
88
+ console.warn("[ComboField] unsupported element type", getElementDisplayName(element));
89
+ }
90
+ }
91
+ return element;
92
+ }
93
+
94
+ export { ComboField as default };
@@ -0,0 +1,75 @@
1
+ import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
2
+ import _pt from 'prop-types';
3
+ import _JSXStyle from 'styled-jsx/style';
4
+ import React from 'react';
5
+ import { SingleDatePicker } from 'react-dates';
6
+ import { useTheme, getColorToken } from '../../theme/theme.js';
7
+ import Stack from '../layout/stack.js';
8
+ import FieldLabel from '../field-helpers/field-label.js';
9
+
10
+ const _excluded = ["width", "color", "onDateChange", "onFocusChange", "numberOfMonths", "error", "label", "focused", "required", "id"];
11
+ const CustomSingleDatePicker = _ref => {
12
+ let {
13
+ width,
14
+ color = "primary",
15
+ onDateChange,
16
+ onFocusChange,
17
+ numberOfMonths = 1,
18
+ error,
19
+ label,
20
+ focused = false,
21
+ required = true,
22
+ id
23
+ } = _ref,
24
+ rest = _objectWithoutProperties(_ref, _excluded);
25
+ const theme = useTheme();
26
+ const setColor = getColorToken(theme, "foreground", color);
27
+ return /*#__PURE__*/React.createElement("div", {
28
+ className: _JSXStyle.dynamic([["1528212715", [width, theme.typography.fontFamily.brand, id, error ? "#b00020" : "#dbdbdb", setColor, setColor, setColor, setColor, setColor, setColor, setColor]]]) + " " + "calendar-container"
29
+ }, /*#__PURE__*/React.createElement(Stack, {
30
+ direction: "column",
31
+ gap: "0.5rem 0"
32
+ }, /*#__PURE__*/React.createElement("div", {
33
+ className: _JSXStyle.dynamic([["1528212715", [width, theme.typography.fontFamily.brand, id, error ? "#b00020" : "#dbdbdb", setColor, setColor, setColor, setColor, setColor, setColor, setColor]]])
34
+ }, label && /*#__PURE__*/React.createElement(FieldLabel, {
35
+ required: required
36
+ }, label)), /*#__PURE__*/React.createElement("div", {
37
+ className: _JSXStyle.dynamic([["1528212715", [width, theme.typography.fontFamily.brand, id, error ? "#b00020" : "#dbdbdb", setColor, setColor, setColor, setColor, setColor, setColor, setColor]]]) + " " + `date_picker_${id}`
38
+ }, /*#__PURE__*/React.createElement(SingleDatePicker, _extends({
39
+ id: id,
40
+ numberOfMonths: numberOfMonths,
41
+ onDateChange: onDateChange,
42
+ onFocusChange: e => onFocusChange(e.focused),
43
+ focused: focused
44
+ }, rest)))), /*#__PURE__*/React.createElement(_JSXStyle, {
45
+ id: "1528212715",
46
+ dynamic: [width, theme.typography.fontFamily.brand, id, error ? "#b00020" : "#dbdbdb", setColor, setColor, setColor, setColor, setColor, setColor, setColor]
47
+ }, `.SingleDatePicker{width:${width};}.SingleDatePickerInput{width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}.DateInput{width:100%;}.calendar-container.__jsx-style-dynamic-selector{font-family:${theme.typography.fontFamily.brand};}.date_picker_${id} .SingleDatePickerInput__withBorder{border-width:2px !important;border-radius:4px !important;border-color:${error ? "#b00020" : "#dbdbdb"};}.SingleDatePickerInput__withBorder:hover{border-width:1px !important;border-color:#000000 !important;}.SingleDatePickerInput__withBorder:focus-within{border-width:2px !important;border-color:${setColor} !important;}.DateInput_input{font-weight:500 !important;font-size:15px;}.DayPickerKeyboardShortcuts_show__bottomRight::before{border-right:33px solid ${setColor} !important;}.DateInput_input__focused{border:none;}.CalendarDay__selected_span{background:${setColor};color:white;opacity:0.7;border:1px solid white;}.CalendarDay__selected{background:${setColor};color:white;border:1px double white;}.CalendarDay__selected:hover{background:${setColor};color:white;border:1px double white;}.CalendarDay__selected_span:active,.CalendarDay__selected_span:hover{background:${setColor};opacity:0.5;}.CalendarDay__hovered_span:hover,.CalendarDay__hovered_span{background:${setColor};color:white;}
48
+ /*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNpbmdsZS1kYXRlLXBpY2tlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBbUVrQixBQUc4QyxBQUd4QixBQUlBLEFBRzhCLEFBR2IsQUFLQSxBQUlBLEFBSUQsQUFJcUMsQUFHcEQsQUFHNEIsQUFPQSxBQU1BLEFBTUEsQUFLQyxXQXhENUIsQUFJZixDQTBCQSxlQVBpQixDQWJjLEFBS0csQUFJcUIsT0F0QnZELEtBb0NjLEFBT0EsQUFNQSxBQU1BLENBN0NkLEFBa0RjLENBakNkLFVBVWMsQUFPWSxBQU1BLEFBTTFCLENBS0EsSUEvQzRDLEdBSzVDLElBV0EsQUFReUIsWUFPekIsQUFNQSxLQTVCQSxJQW5CQSxFQW1DQSxZQXhCQSIsImZpbGUiOiJzaW5nbGUtZGF0ZS1waWNrZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHsgU2luZ2xlRGF0ZVBpY2tlciB9IGZyb20gXCJyZWFjdC1kYXRlc1wiO1xuXG5pbXBvcnQgeyB1c2VUaGVtZSwgZ2V0Q29sb3JUb2tlbiB9IGZyb20gXCIuLi8uLi90aGVtZS90aGVtZVwiO1xuXG5pbXBvcnQgeyBGaWVsZExhYmVsIH0gZnJvbSBcIi4uL2ZpZWxkLWhlbHBlcnNcIjtcbmltcG9ydCB7IFN0YWNrIH0gZnJvbSBcIi4uL2xheW91dFwiO1xuaW1wb3J0IG1vbWVudCwgeyBNb21lbnQgfSBmcm9tIFwibW9tZW50XCI7XG5cbmV4cG9ydCBpbnRlcmZhY2UgRGF0ZVBpY2tlclByb3BzIHtcbiAgaWQ6IHN0cmluZztcbiAgZGF0ZTogbW9tZW50Lk1vbWVudCB8IG51bGw7XG4gIG9uRGF0ZUNoYW5nZTogKGRhdGU6IG1vbWVudC5Nb21lbnQgfCBudWxsKSA9PiB2b2lkO1xuICBvbkZvY3VzQ2hhbmdlOiAoYXJnOiBib29sZWFuIHwgbnVsbCkgPT4gdm9pZDtcbiAgZm9jdXNlZDogYm9vbGVhbiB8IG51bGw7XG4gIHBsYWNlaG9sZGVyPzogc3RyaW5nO1xuICBkaXNhYmxlZD86IGJvb2xlYW47XG4gIGNvbG9yPzogc3RyaW5nO1xuICByZXF1aXJlZD86IGJvb2xlYW47XG4gIG51bWJlck9mTW9udGhzPzogbnVtYmVyO1xuICBpbnB1dEljb25Qb3NpdGlvbj86IFwiYmVmb3JlXCIgfCBcImFmdGVyXCI7XG4gIG9yaWVudGF0aW9uPzogXCJob3Jpem9udGFsXCIgfCBcInZlcnRpY2FsXCI7XG4gIGN1c3RvbUlucHV0SWNvbj86IFJlYWN0LlJlYWN0RWxlbWVudDxSZWFjdC5IVE1MUHJvcHM8SFRNTE9yU1ZHRWxlbWVudD4+O1xuICBjdXN0b21DbG9zZUljb24/OiBSZWFjdC5SZWFjdEVsZW1lbnQ8UmVhY3QuSFRNTFByb3BzPEhUTUxPclNWR0VsZW1lbnQ+PjtcbiAgZGlzcGxheUZvcm1hdD86IHN0cmluZztcbiAgZXJyb3I/OiBib29sZWFuO1xuICBsYWJlbD86IHN0cmluZztcbiAgd2lkdGg/OiBzdHJpbmc7XG4gIGlzT3V0c2lkZVJhbmdlPzogKGRheTogTW9tZW50KSA9PiBib29sZWFuO1xuICBzaG93RGVmYXVsdElucHV0SWNvbj86IGJvb2xlYW47XG59XG5cbmNvbnN0IEN1c3RvbVNpbmdsZURhdGVQaWNrZXIgPSAoe1xuICB3aWR0aCxcbiAgY29sb3IgPSBcInByaW1hcnlcIixcbiAgb25EYXRlQ2hhbmdlLFxuICBvbkZvY3VzQ2hhbmdlLFxuICBudW1iZXJPZk1vbnRocyA9IDEsXG4gIGVycm9yLFxuICBsYWJlbCxcbiAgZm9jdXNlZCA9IGZhbHNlLFxuICByZXF1aXJlZCA9IHRydWUsXG4gIGlkLFxuICAuLi5yZXN0XG59OiBEYXRlUGlja2VyUHJvcHMpID0+IHtcbiAgY29uc3QgdGhlbWUgPSB1c2VUaGVtZSgpO1xuICBjb25zdCBzZXRDb2xvciA9IGdldENvbG9yVG9rZW4odGhlbWUsIFwiZm9yZWdyb3VuZFwiLCBjb2xvcik7XG5cbiAgcmV0dXJuIChcbiAgICA8ZGl2IGNsYXNzTmFtZT1cImNhbGVuZGFyLWNvbnRhaW5lclwiPlxuICAgICAgPFN0YWNrIGRpcmVjdGlvbj1cImNvbHVtblwiIGdhcD1cIjAuNXJlbSAwXCI+XG4gICAgICAgIDxkaXY+XG4gICAgICAgICAge2xhYmVsICYmIDxGaWVsZExhYmVsIHJlcXVpcmVkPXtyZXF1aXJlZH0+e2xhYmVsfTwvRmllbGRMYWJlbD59XG4gICAgICAgIDwvZGl2PlxuICAgICAgICA8ZGl2IGNsYXNzTmFtZT17YGRhdGVfcGlja2VyXyR7aWR9YH0+XG4gICAgICAgICAgPFNpbmdsZURhdGVQaWNrZXJcbiAgICAgICAgICAgIGlkPXtpZH1cbiAgICAgICAgICAgIG51bWJlck9mTW9udGhzPXtudW1iZXJPZk1vbnRoc31cbiAgICAgICAgICAgIG9uRGF0ZUNoYW5nZT17b25EYXRlQ2hhbmdlfVxuICAgICAgICAgICAgb25Gb2N1c0NoYW5nZT17KGU6IHsgZm9jdXNlZDogYm9vbGVhbiB8IG51bGwgfSkgPT5cbiAgICAgICAgICAgICAgb25Gb2N1c0NoYW5nZShlLmZvY3VzZWQpXG4gICAgICAgICAgICB9XG4gICAgICAgICAgICBmb2N1c2VkPXtmb2N1c2VkIGFzIGJvb2xlYW59XG4gICAgICAgICAgICB7Li4ucmVzdH1cbiAgICAgICAgICAvPlxuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvU3RhY2s+XG4gICAgICA8c3R5bGUganN4PntgXG4gICAgICAgIDpnbG9iYWwoLlNpbmdsZURhdGVQaWNrZXIpIHtcbiAgICAgICAgICB3aWR0aDogJHt3aWR0aH07XG4gICAgICAgIH1cbiAgICAgICAgOmdsb2JhbCguU2luZ2xlRGF0ZVBpY2tlcklucHV0KSB7XG4gICAgICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgfVxuICAgICAgICA6Z2xvYmFsKC5EYXRlSW5wdXQpIHtcbiAgICAgICAgICB3aWR0aDogMTAwJTtcbiAgICAgICAgfVxuICAgICAgICAuY2FsZW5kYXItY29udGFpbmVyIHtcbiAgICAgICAgICBmb250LWZhbWlseTogJHt0aGVtZS50eXBvZ3JhcGh5LmZvbnRGYW1pbHkuYnJhbmR9O1xuICAgICAgICB9XG4gICAgICAgIDpnbG9iYWwoLmRhdGVfcGlja2VyXyR7aWR9IC5TaW5nbGVEYXRlUGlja2VySW5wdXRfX3dpdGhCb3JkZXIpIHtcbiAgICAgICAgICBib3JkZXItd2lkdGg6IDJweCAhaW1wb3J0YW50O1xuICAgICAgICAgIGJvcmRlci1yYWRpdXM6IDRweCAhaW1wb3J0YW50O1xuICAgICAgICAgIGJvcmRlci1jb2xvcjogJHtlcnJvciA/IFwiI2IwMDAyMFwiIDogXCIjZGJkYmRiXCJ9O1xuICAgICAgICB9XG4gICAgICAgIDpnbG9iYWwoLlNpbmdsZURhdGVQaWNrZXJJbnB1dF9fd2l0aEJvcmRlcjpob3Zlcikge1xuICAgICAgICAgIGJvcmRlci13aWR0aDogMXB4ICFpbXBvcnRhbnQ7XG4gICAgICAgICAgYm9yZGVyLWNvbG9yOiAjMDAwMDAwICFpbXBvcnRhbnQ7XG4gICAgICAgIH1cbiAgICAgICAgOmdsb2JhbCguU2luZ2xlRGF0ZVBpY2tlcklucHV0X193aXRoQm9yZGVyOmZvY3VzLXdpdGhpbikge1xuICAgICAgICAgIGJvcmRlci13aWR0aDogMnB4ICFpbXBvcnRhbnQ7XG4gICAgICAgICAgYm9yZGVyLWNvbG9yOiAke3NldENvbG9yfSAhaW1wb3J0YW50O1xuICAgICAgICB9XG4gICAgICAgIDpnbG9iYWwoLkRhdGVJbnB1dF9pbnB1dCkge1xuICAgICAgICAgIGZvbnQtd2VpZ2h0OiA1MDAgIWltcG9ydGFudDtcbiAgICAgICAgICBmb250LXNpemU6IDE1cHg7XG4gICAgICAgIH1cbiAgICAgICAgOmdsb2JhbCguRGF5UGlja2VyS2V5Ym9hcmRTaG9ydGN1dHNfc2hvd19fYm90dG9tUmlnaHQ6OmJlZm9yZSkge1xuICAgICAgICAgIGJvcmRlci1yaWdodDogMzNweCBzb2xpZCAke3NldENvbG9yfSAhaW1wb3J0YW50O1xuICAgICAgICB9XG4gICAgICAgIDpnbG9iYWwoLkRhdGVJbnB1dF9pbnB1dF9fZm9jdXNlZCkge1xuICAgICAgICAgIGJvcmRlcjogbm9uZTtcbiAgICAgICAgfVxuICAgICAgICA6Z2xvYmFsKC5DYWxlbmRhckRheV9fc2VsZWN0ZWRfc3Bhbikge1xuICAgICAgICAgIGJhY2tncm91bmQ6ICR7c2V0Q29sb3J9O1xuICAgICAgICAgIGNvbG9yOiB3aGl0ZTtcbiAgICAgICAgICBvcGFjaXR5OiAwLjc7XG4gICAgICAgICAgYm9yZGVyOiAxcHggc29saWQgd2hpdGU7XG4gICAgICAgIH1cblxuICAgICAgICA6Z2xvYmFsKC5DYWxlbmRhckRheV9fc2VsZWN0ZWQpIHtcbiAgICAgICAgICBiYWNrZ3JvdW5kOiAke3NldENvbG9yfTtcbiAgICAgICAgICBjb2xvcjogd2hpdGU7XG4gICAgICAgICAgYm9yZGVyOiAxcHggZG91YmxlIHdoaXRlO1xuICAgICAgICB9XG5cbiAgICAgICAgOmdsb2JhbCguQ2FsZW5kYXJEYXlfX3NlbGVjdGVkOmhvdmVyKSB7XG4gICAgICAgICAgYmFja2dyb3VuZDogJHtzZXRDb2xvcn07XG4gICAgICAgICAgY29sb3I6IHdoaXRlO1xuICAgICAgICAgIGJvcmRlcjogMXB4IGRvdWJsZSB3aGl0ZTtcbiAgICAgICAgfVxuXG4gICAgICAgIDpnbG9iYWwoLkNhbGVuZGFyRGF5X19zZWxlY3RlZF9zcGFuOmFjdGl2ZSwgLkNhbGVuZGFyRGF5X19zZWxlY3RlZF9zcGFuOmhvdmVyKSB7XG4gICAgICAgICAgYmFja2dyb3VuZDogJHtzZXRDb2xvcn07XG4gICAgICAgICAgb3BhY2l0eTogMC41O1xuICAgICAgICB9XG5cbiAgICAgICAgOmdsb2JhbCguQ2FsZW5kYXJEYXlfX2hvdmVyZWRfc3Bhbjpob3ZlciwgLkNhbGVuZGFyRGF5X19ob3ZlcmVkX3NwYW4pIHtcbiAgICAgICAgICBiYWNrZ3JvdW5kOiAke3NldENvbG9yfTtcbiAgICAgICAgICBjb2xvcjogd2hpdGU7XG4gICAgICAgIH1cbiAgICAgIGB9PC9zdHlsZT5cbiAgICA8L2Rpdj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IEN1c3RvbVNpbmdsZURhdGVQaWNrZXI7XG4iXX0= */
49
+ /*@ sourceURL=single-date-picker.tsx */`));
50
+ };
51
+ CustomSingleDatePicker.propTypes = {
52
+ id: _pt.string.isRequired,
53
+ date: _pt.oneOfType([_pt.any, _pt.oneOf([null])]),
54
+ onDateChange: _pt.func.isRequired,
55
+ onFocusChange: _pt.func.isRequired,
56
+ focused: _pt.oneOfType([_pt.bool, _pt.oneOf([null])]),
57
+ placeholder: _pt.string,
58
+ disabled: _pt.bool,
59
+ color: _pt.string,
60
+ required: _pt.bool,
61
+ numberOfMonths: _pt.number,
62
+ inputIconPosition: _pt.oneOf(["before", "after"]),
63
+ orientation: _pt.oneOf(["horizontal", "vertical"]),
64
+ customInputIcon: _pt.element,
65
+ customCloseIcon: _pt.element,
66
+ displayFormat: _pt.string,
67
+ error: _pt.bool,
68
+ label: _pt.string,
69
+ width: _pt.string,
70
+ isOutsideRange: _pt.func,
71
+ showDefaultInputIcon: _pt.bool
72
+ };
73
+ var CustomSingleDatePicker$1 = CustomSingleDatePicker;
74
+
75
+ export { CustomSingleDatePicker$1 as default };
@@ -0,0 +1,52 @@
1
+ import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
2
+ import _pt from 'prop-types';
3
+ import _JSXStyle from 'styled-jsx/style';
4
+ import React, { useState, useEffect } from 'react';
5
+ import classnames from 'classnames';
6
+ import Box from '../layout/box.js';
7
+ import { nanoid } from 'nanoid';
8
+
9
+ const _excluded = ["dp", "id", "radius", "children", "className", "transition"];
10
+ const Elevation = _ref => {
11
+ let {
12
+ dp,
13
+ id,
14
+ radius = "4px",
15
+ children,
16
+ className,
17
+ transition
18
+ } = _ref,
19
+ res = _objectWithoutProperties(_ref, _excluded);
20
+ const [mainId, setmainId] = useState("");
21
+ useEffect(() => {
22
+ setmainId(id ? id : nanoid());
23
+ }, [id, setmainId]);
24
+ const scope = {
25
+ styles: /*#__PURE__*/React.createElement(_JSXStyle, {
26
+ id: "1502748446",
27
+ dynamic: [radius]
28
+ }, `.elevation.__jsx-style-dynamic-selector{border-radius:${radius};overflow:hidden;}
29
+ /*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImVsZXZhdGlvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBK0IyQixBQUdrRCwyQ0FDM0IsZ0JBQ2xCIiwiZmlsZSI6ImVsZXZhdGlvbi50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgdXNlRWZmZWN0LCB1c2VTdGF0ZSB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IGNsYXNzbmFtZXMgZnJvbSBcImNsYXNzbmFtZXNcIjtcbmltcG9ydCBjc3MgZnJvbSBcInN0eWxlZC1qc3gvY3NzXCI7XG5pbXBvcnQgQm94LCB7IEJveFByb3BzIH0gZnJvbSBcIi4uL2xheW91dC9ib3hcIjtcbmltcG9ydCB7IG5hbm9pZCB9IGZyb20gXCJuYW5vaWRcIjtcblxuZXhwb3J0IGludGVyZmFjZSBFbGV2YXRpb25Qcm9wcyBleHRlbmRzIEJveFByb3BzIHtcbiAgZHA/OiBudW1iZXI7XG4gIGlkPzogc3RyaW5nO1xuICBzdHlsZT86IG9iamVjdDtcbiAgcmFkaXVzPzogc3RyaW5nO1xuICBjbGFzc05hbWU/OiBzdHJpbmc7XG4gIHRyYW5zaXRpb24/OiBib29sZWFuO1xuICBjaGlsZHJlbjogUmVhY3QuUmVhY3ROb2RlO1xufVxuXG5jb25zdCBFbGV2YXRpb24gPSAoe1xuICBkcCxcbiAgaWQsXG4gIHJhZGl1cyA9IFwiNHB4XCIsXG4gIGNoaWxkcmVuLFxuICBjbGFzc05hbWUsXG4gIHRyYW5zaXRpb24sXG4gIC4uLnJlc1xufTogRWxldmF0aW9uUHJvcHMpID0+IHtcbiAgY29uc3QgW21haW5JZCwgc2V0bWFpbklkXSA9IHVzZVN0YXRlPHN0cmluZz4oXCJcIik7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBzZXRtYWluSWQoaWQgPyBpZCA6IG5hbm9pZCgpKTtcbiAgfSwgW2lkLCBzZXRtYWluSWRdKTtcblxuICBjb25zdCBzY29wZSA9IGNzcy5yZXNvbHZlYFxuICAgIC5lbGV2YXRpb24ge1xuICAgICAgYm9yZGVyLXJhZGl1czogJHtyYWRpdXN9O1xuICAgICAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgICB9XG4gIGA7XG5cbiAgcmV0dXJuIChcbiAgICA8Qm94XG4gICAgICBpZD17bWFpbklkfVxuICAgICAga2V5PXttYWluSWR9XG4gICAgICBjbGFzc05hbWU9e2NsYXNzbmFtZXMoXG4gICAgICAgIFwiZWxldmF0aW9uXCIsXG4gICAgICAgIHtcbiAgICAgICAgICBcIm1kYy1lbGV2YXRpb24tdHJhbnNpdGlvblwiOiB0cmFuc2l0aW9uLFxuICAgICAgICB9LFxuICAgICAgICBgbWRjLWVsZXZhdGlvbi0teiR7ZHAgPyBkcCA6IDB9YCxcbiAgICAgICAgc2NvcGUuY2xhc3NOYW1lLFxuICAgICAgICBjbGFzc05hbWVcbiAgICAgICl9XG4gICAgICB7Li4ucmVzfVxuICAgID5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICAgIHtzY29wZS5zdHlsZXN9XG4gICAgPC9Cb3g+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBFbGV2YXRpb247XG4iXX0= */
30
+ /*@ sourceURL=elevation.tsx */`),
31
+ className: _JSXStyle.dynamic([["1502748446", [radius]]])
32
+ };
33
+ return /*#__PURE__*/React.createElement(Box, _extends({
34
+ id: mainId,
35
+ key: mainId,
36
+ className: classnames("elevation", {
37
+ "mdc-elevation-transition": transition
38
+ }, `mdc-elevation--z${dp ? dp : 0}`, scope.className, className)
39
+ }, res), children, scope.styles);
40
+ };
41
+ Elevation.propTypes = {
42
+ dp: _pt.number,
43
+ id: _pt.string,
44
+ style: _pt.object,
45
+ radius: _pt.string,
46
+ className: _pt.string,
47
+ transition: _pt.bool,
48
+ children: _pt.node.isRequired
49
+ };
50
+ var Elevation$1 = Elevation;
51
+
52
+ export { Elevation$1 as default };
@@ -0,0 +1,36 @@
1
+ import _pt from 'prop-types';
2
+ import _JSXStyle from 'styled-jsx/style';
3
+ import React from 'react';
4
+ import classnames from 'classnames';
5
+ import { useTheme } from '../../theme/theme.js';
6
+
7
+ function FieldHelperText(_ref) {
8
+ let {
9
+ hidden,
10
+ children,
11
+ error
12
+ } = _ref;
13
+ const theme = useTheme();
14
+ return /*#__PURE__*/React.createElement("div", {
15
+ className: "jsx-1147620172 " + _JSXStyle.dynamic([["2504099284", [theme.typography.fontFamily.brand]]]) + " " + (classnames("field-helper-text") || "")
16
+ }, /*#__PURE__*/React.createElement("p", {
17
+ className: "jsx-1147620172 " + _JSXStyle.dynamic([["2504099284", [theme.typography.fontFamily.brand]]]) + " " + (classnames({
18
+ hidden,
19
+ error
20
+ }) || "")
21
+ }, error ? error : children), /*#__PURE__*/React.createElement(_JSXStyle, {
22
+ id: "1147620172"
23
+ }, ".field-helper-text.jsx-1147620172{margin-bottom:4px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;}p.jsx-1147620172{color:rgba(0,0,0,0.6);font-size:0.75rem;-webkit-letter-spacing:0;-moz-letter-spacing:0;-ms-letter-spacing:0;letter-spacing:0;margin:0;line-height:19px;-webkit-transition:opacity 150ms ease;transition:opacity 150ms ease;}.hidden.jsx-1147620172{opacity:0;}.error.jsx-1147620172{color:#b00020;}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImZpZWxkLWhlbHBlci10ZXh0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFrQmtCLEFBRzZCLEFBTU8sQUFTZixBQUlJLFVBSGhCLElBSUEsSUFuQmUsSUFNSyxrQkFDRCxvREFOYSxpQ0FPckIsU0FDUSxpQkFDYSx3REFSaEMsWUFTQSIsImZpbGUiOiJmaWVsZC1oZWxwZXItdGV4dC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgY2xhc3NuYW1lcyBmcm9tIFwiY2xhc3NuYW1lc1wiO1xuaW1wb3J0IHsgdXNlVGhlbWUgfSBmcm9tIFwiLi4vLi4vdGhlbWVcIjtcblxudHlwZSBGaWVsZEhlbHBlclRleHRQcm9wcyA9IHtcbiAgaGlkZGVuPzogYm9vbGVhbjtcbiAgZXJyb3I/OiBSZWFjdC5SZWFjdE5vZGU7XG4gIGNoaWxkcmVuPzogUmVhY3QuUmVhY3ROb2RlO1xufTtcblxuZnVuY3Rpb24gRmllbGRIZWxwZXJUZXh0KHsgaGlkZGVuLCBjaGlsZHJlbiwgZXJyb3IgfTogRmllbGRIZWxwZXJUZXh0UHJvcHMpIHtcbiAgY29uc3QgdGhlbWUgPSB1c2VUaGVtZSgpO1xuXG4gIHJldHVybiAoXG4gICAgPGRpdiBjbGFzc05hbWU9e2NsYXNzbmFtZXMoXCJmaWVsZC1oZWxwZXItdGV4dFwiKX0+XG4gICAgICA8cCBjbGFzc05hbWU9e2NsYXNzbmFtZXMoeyBoaWRkZW4sIGVycm9yIH0pfT5cbiAgICAgICAge2Vycm9yID8gZXJyb3IgOiBjaGlsZHJlbn1cbiAgICAgIDwvcD5cbiAgICAgIDxzdHlsZSBqc3g+e2BcbiAgICAgICAgLmZpZWxkLWhlbHBlci10ZXh0IHtcbiAgICAgICAgICBtYXJnaW4tYm90dG9tOiA0cHg7XG4gICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gICAgICAgIH1cblxuICAgICAgICBwIHtcbiAgICAgICAgICBjb2xvcjogcmdiYSgwLCAwLCAwLCAwLjYpO1xuICAgICAgICAgIGZvbnQtc2l6ZTogMC43NXJlbTtcbiAgICAgICAgICBsZXR0ZXItc3BhY2luZzogMDtcbiAgICAgICAgICBtYXJnaW46IDA7XG4gICAgICAgICAgbGluZS1oZWlnaHQ6IDE5cHg7XG4gICAgICAgICAgdHJhbnNpdGlvbjogb3BhY2l0eSAxNTBtcyBlYXNlO1xuICAgICAgICB9XG5cbiAgICAgICAgLmhpZGRlbiB7XG4gICAgICAgICAgb3BhY2l0eTogMDtcbiAgICAgICAgfVxuXG4gICAgICAgIC5lcnJvciB7XG4gICAgICAgICAgY29sb3I6ICNiMDAwMjA7XG4gICAgICAgIH1cbiAgICAgIGB9PC9zdHlsZT5cbiAgICAgIDxzdHlsZSBqc3g+e2BcbiAgICAgICAgcCB7XG4gICAgICAgICAgZm9udC13ZWlnaHQ6IDUwMDtcbiAgICAgICAgICBmb250LWZhbWlseTogJHt0aGVtZS50eXBvZ3JhcGh5LmZvbnRGYW1pbHkuYnJhbmR9O1xuICAgICAgICB9XG4gICAgICBgfTwvc3R5bGU+XG4gICAgPC9kaXY+XG4gICk7XG59XG5cbmV4cG9ydCBkZWZhdWx0IEZpZWxkSGVscGVyVGV4dDtcbiJdfQ== */\n/*@ sourceURL=field-helper-text.tsx */"), /*#__PURE__*/React.createElement(_JSXStyle, {
24
+ id: "2504099284",
25
+ dynamic: [theme.typography.fontFamily.brand]
26
+ }, `p.__jsx-style-dynamic-selector{font-weight:500;font-family:${theme.typography.fontFamily.brand};}
27
+ /*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImZpZWxkLWhlbHBlci10ZXh0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEwQ2tCLEFBRzJCLGdCQUN5Qix5Q0FDM0MiLCJmaWxlIjoiZmllbGQtaGVscGVyLXRleHQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IGNsYXNzbmFtZXMgZnJvbSBcImNsYXNzbmFtZXNcIjtcbmltcG9ydCB7IHVzZVRoZW1lIH0gZnJvbSBcIi4uLy4uL3RoZW1lXCI7XG5cbnR5cGUgRmllbGRIZWxwZXJUZXh0UHJvcHMgPSB7XG4gIGhpZGRlbj86IGJvb2xlYW47XG4gIGVycm9yPzogUmVhY3QuUmVhY3ROb2RlO1xuICBjaGlsZHJlbj86IFJlYWN0LlJlYWN0Tm9kZTtcbn07XG5cbmZ1bmN0aW9uIEZpZWxkSGVscGVyVGV4dCh7IGhpZGRlbiwgY2hpbGRyZW4sIGVycm9yIH06IEZpZWxkSGVscGVyVGV4dFByb3BzKSB7XG4gIGNvbnN0IHRoZW1lID0gdXNlVGhlbWUoKTtcblxuICByZXR1cm4gKFxuICAgIDxkaXYgY2xhc3NOYW1lPXtjbGFzc25hbWVzKFwiZmllbGQtaGVscGVyLXRleHRcIil9PlxuICAgICAgPHAgY2xhc3NOYW1lPXtjbGFzc25hbWVzKHsgaGlkZGVuLCBlcnJvciB9KX0+XG4gICAgICAgIHtlcnJvciA/IGVycm9yIDogY2hpbGRyZW59XG4gICAgICA8L3A+XG4gICAgICA8c3R5bGUganN4PntgXG4gICAgICAgIC5maWVsZC1oZWxwZXItdGV4dCB7XG4gICAgICAgICAgbWFyZ2luLWJvdHRvbTogNHB4O1xuICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgICAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICAgICAgICB9XG5cbiAgICAgICAgcCB7XG4gICAgICAgICAgY29sb3I6IHJnYmEoMCwgMCwgMCwgMC42KTtcbiAgICAgICAgICBmb250LXNpemU6IDAuNzVyZW07XG4gICAgICAgICAgbGV0dGVyLXNwYWNpbmc6IDA7XG4gICAgICAgICAgbWFyZ2luOiAwO1xuICAgICAgICAgIGxpbmUtaGVpZ2h0OiAxOXB4O1xuICAgICAgICAgIHRyYW5zaXRpb246IG9wYWNpdHkgMTUwbXMgZWFzZTtcbiAgICAgICAgfVxuXG4gICAgICAgIC5oaWRkZW4ge1xuICAgICAgICAgIG9wYWNpdHk6IDA7XG4gICAgICAgIH1cblxuICAgICAgICAuZXJyb3Ige1xuICAgICAgICAgIGNvbG9yOiAjYjAwMDIwO1xuICAgICAgICB9XG4gICAgICBgfTwvc3R5bGU+XG4gICAgICA8c3R5bGUganN4PntgXG4gICAgICAgIHAge1xuICAgICAgICAgIGZvbnQtd2VpZ2h0OiA1MDA7XG4gICAgICAgICAgZm9udC1mYW1pbHk6ICR7dGhlbWUudHlwb2dyYXBoeS5mb250RmFtaWx5LmJyYW5kfTtcbiAgICAgICAgfVxuICAgICAgYH08L3N0eWxlPlxuICAgIDwvZGl2PlxuICApO1xufVxuXG5leHBvcnQgZGVmYXVsdCBGaWVsZEhlbHBlclRleHQ7XG4iXX0= */
28
+ /*@ sourceURL=field-helper-text.tsx */`));
29
+ }
30
+ FieldHelperText.propTypes = {
31
+ hidden: _pt.bool,
32
+ error: _pt.node,
33
+ children: _pt.node
34
+ };
35
+
36
+ export { FieldHelperText as default };