@cruk/cruk-react-components 0.1.5 → 1.0.1

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 (269) hide show
  1. package/CHANGELOG.md +45 -1
  2. package/README.md +8 -1
  3. package/lib/cjs/node_modules/react-focus-lock/dist/es2015/Lock.js +1 -1
  4. package/lib/cjs/node_modules/react-focus-lock/dist/es2015/Lock.js.map +1 -1
  5. package/lib/cjs/node_modules/react-focus-lock/dist/es2015/Trap.js +1 -1
  6. package/lib/cjs/node_modules/react-focus-lock/dist/es2015/Trap.js.map +1 -1
  7. package/lib/cjs/src/components/AddressLookup/index.js +1 -1
  8. package/lib/cjs/src/components/Avatar/README.md.js +1 -1
  9. package/lib/cjs/src/components/Avatar/README.md.js.map +1 -1
  10. package/lib/cjs/src/components/Avatar/index.js +1 -1
  11. package/lib/cjs/src/components/Avatar/styles.js +1 -1
  12. package/lib/cjs/src/components/Badge/styles.js +1 -1
  13. package/lib/cjs/src/components/Box/styles.js +1 -1
  14. package/lib/cjs/src/components/Button/README.md.js +1 -1
  15. package/lib/cjs/src/components/Button/README.md.js.map +1 -1
  16. package/lib/cjs/src/components/Button/index.js +1 -1
  17. package/lib/cjs/src/components/Button/styles.js +1 -1
  18. package/lib/cjs/src/components/Checkbox/README.md.js +1 -1
  19. package/lib/cjs/src/components/Checkbox/README.md.js.map +1 -1
  20. package/lib/cjs/src/components/Checkbox/index.js +1 -1
  21. package/lib/cjs/src/components/Checkbox/styles.js +1 -1
  22. package/lib/cjs/src/components/Collapse/index.js +1 -1
  23. package/lib/cjs/src/components/Collapse/styles.js +1 -1
  24. package/lib/cjs/src/components/Divider.js +1 -1
  25. package/lib/cjs/src/components/ErrorText/index.js +1 -1
  26. package/lib/cjs/src/components/ErrorText/styles.js +1 -1
  27. package/lib/cjs/src/components/Flex.js +1 -1
  28. package/lib/cjs/src/components/Footer/index.js +1 -1
  29. package/lib/cjs/src/components/GlobalStyle.js +1 -1
  30. package/lib/cjs/src/components/Header/index.js +1 -1
  31. package/lib/cjs/src/components/Header/styles.js +1 -1
  32. package/lib/cjs/src/components/Heading/styles.js +1 -1
  33. package/lib/cjs/src/components/Icon/index.js +1 -1
  34. package/lib/cjs/src/components/Icon/styles.js +1 -1
  35. package/lib/cjs/src/components/Link/styles.js +1 -1
  36. package/lib/cjs/src/components/Modal/index.js +1 -1
  37. package/lib/cjs/src/components/Modal/styles.js +1 -1
  38. package/lib/cjs/src/components/Pagination/index.js +1 -1
  39. package/lib/cjs/src/components/Pagination/styles.js +1 -1
  40. package/lib/cjs/src/components/PopOver/README.md.js +1 -1
  41. package/lib/cjs/src/components/PopOver/README.md.js.map +1 -1
  42. package/lib/cjs/src/components/PopOver/index.js +1 -1
  43. package/lib/cjs/src/components/PopOver/styles.js +1 -1
  44. package/lib/cjs/src/components/ProgressBar/index.js +1 -1
  45. package/lib/cjs/src/components/ProgressBar/styles.js +1 -1
  46. package/lib/cjs/src/components/Radio/README.md.js +1 -1
  47. package/lib/cjs/src/components/Radio/README.md.js.map +1 -1
  48. package/lib/cjs/src/components/Radio/index.js +1 -1
  49. package/lib/cjs/src/components/Radio/styles.js +1 -1
  50. package/lib/cjs/src/components/RadioConsent/README.md.js +2 -0
  51. package/lib/cjs/src/components/RadioConsent/README.md.js.map +1 -0
  52. package/lib/cjs/src/components/{RadioGroup → RadioConsent}/index.js +0 -0
  53. package/lib/cjs/src/components/{RadioGroup → RadioConsent}/index.js.map +0 -0
  54. package/lib/cjs/src/components/RadioConsent/styles.js +2 -0
  55. package/lib/cjs/src/components/{RadioGroup → RadioConsent}/styles.js.map +0 -0
  56. package/lib/cjs/src/components/Select/index.js +1 -1
  57. package/lib/cjs/src/components/Select/styles.js +1 -1
  58. package/lib/cjs/src/components/Spacing/index.js +1 -1
  59. package/lib/cjs/src/components/Step/index.js +1 -1
  60. package/lib/cjs/src/components/Step/styles.js +1 -1
  61. package/lib/cjs/src/components/Text/styles.js +1 -1
  62. package/lib/cjs/src/components/TextAreaField/README.md.js +1 -1
  63. package/lib/cjs/src/components/TextAreaField/README.md.js.map +1 -1
  64. package/lib/cjs/src/components/TextAreaField/index.js +1 -1
  65. package/lib/cjs/src/components/TextAreaField/styles.js +1 -1
  66. package/lib/cjs/src/components/TextField/README.md.js +1 -1
  67. package/lib/cjs/src/components/TextField/README.md.js.map +1 -1
  68. package/lib/cjs/src/components/TextField/index.js +1 -1
  69. package/lib/cjs/src/components/TextField/styles.js +1 -1
  70. package/lib/cjs/src/components/Totaliser/README.md.js +1 -1
  71. package/lib/cjs/src/components/Totaliser/README.md.js.map +1 -1
  72. package/lib/cjs/src/components/Totaliser/index.js +1 -1
  73. package/lib/cjs/src/components/Totaliser/styles.js +1 -1
  74. package/lib/cjs/src/components/UserBlock/index.js +1 -1
  75. package/lib/cjs/src/components/index.js +1 -1
  76. package/lib/cjs/src/hooks/useLayoutEffectBrowser.js +1 -1
  77. package/lib/cjs/src/hooks/useScrollPosition.js +1 -1
  78. package/lib/cjs/src/themes/cruk.js +1 -1
  79. package/lib/cjs/src/themes/su2c.js +1 -1
  80. package/lib/cjs/src/utils/Helper.js +1 -1
  81. package/lib/components/AddressLookup/AddressLookup.stories.d.ts +2 -2
  82. package/lib/components/AddressLookup/index.d.ts +3 -3
  83. package/lib/components/AddressLookup/styles.d.ts +2 -2
  84. package/lib/components/Avatar/Avatar.stories.d.ts +2 -2
  85. package/lib/components/Avatar/index.d.ts +3 -3
  86. package/lib/components/Avatar/styles.d.ts +3 -1
  87. package/lib/components/Badge/Badge.stories.d.ts +2 -2
  88. package/lib/components/Badge/index.d.ts +2 -2
  89. package/lib/components/Badge/styles.d.ts +2 -2
  90. package/lib/components/Box/Box.stories.d.ts +2 -2
  91. package/lib/components/Box/index.d.ts +3 -3
  92. package/lib/components/Box/styles.d.ts +8 -7
  93. package/lib/components/Button/Button.stories.d.ts +2 -2
  94. package/lib/components/Button/index.d.ts +5 -3
  95. package/lib/components/Button/styles.d.ts +3 -3
  96. package/lib/components/Checkbox/Checkbox.stories.d.ts +2 -2
  97. package/lib/components/Checkbox/index.d.ts +1 -1
  98. package/lib/components/Checkbox/styles.d.ts +2 -0
  99. package/lib/components/Collapse/Collapse.stories.d.ts +2 -2
  100. package/lib/components/Collapse/index.d.ts +2 -2
  101. package/lib/components/Collapse/styles.d.ts +2 -1
  102. package/lib/components/DateField/DateField.stories.d.ts +2 -2
  103. package/lib/components/DateField/index.d.ts +2 -2
  104. package/lib/components/Divider.d.ts +1 -1
  105. package/lib/components/ErrorText/ErrorText.stories.d.ts +2 -2
  106. package/lib/components/ErrorText/index.d.ts +4 -4
  107. package/lib/components/ErrorText/styles.d.ts +1 -0
  108. package/lib/components/Flex.d.ts +2 -5
  109. package/lib/components/Footer/Footer.stories.d.ts +2 -2
  110. package/lib/components/Footer/index.d.ts +1 -1
  111. package/lib/components/GlobalStyle.d.ts +4 -4
  112. package/lib/components/Header/Header.stories.d.ts +2 -2
  113. package/lib/components/Header/index.d.ts +2 -2
  114. package/lib/components/Heading/Heading.stories.d.ts +2 -2
  115. package/lib/components/Heading/index.d.ts +4 -4
  116. package/lib/components/Heading/styles.d.ts +43 -15
  117. package/lib/components/Icon/Icon.stories.d.ts +2 -2
  118. package/lib/components/Icon/index.d.ts +2 -2
  119. package/lib/components/Icon/styles.d.ts +1 -0
  120. package/lib/components/LabelWrapper/index.d.ts +1 -1
  121. package/lib/components/LabelWrapper/styles.d.ts +1 -1
  122. package/lib/components/LegendWrapper/LegendWrapper.stories.d.ts +2 -2
  123. package/lib/components/LegendWrapper/index.d.ts +1 -1
  124. package/lib/components/LegendWrapper/styles.d.ts +3 -3
  125. package/lib/components/Link/Link.stories.d.ts +2 -2
  126. package/lib/components/Link/index.d.ts +4 -4
  127. package/lib/components/Link/styles.d.ts +15 -9
  128. package/lib/components/Loader/Loader.stories.d.ts +1 -1
  129. package/lib/components/Loader/index.d.ts +2 -2
  130. package/lib/components/Modal/Modal.stories.d.ts +2 -2
  131. package/lib/components/Modal/index.d.ts +3 -3
  132. package/lib/components/Pagination/Pagination.stories.d.ts +2 -2
  133. package/lib/components/Pagination/index.d.ts +4 -4
  134. package/lib/components/PopOver/Popover.stories.d.ts +2 -2
  135. package/lib/components/PopOver/index.d.ts +2 -2
  136. package/lib/components/PopOver/styles.d.ts +1 -1
  137. package/lib/components/ProgressBar/ProgressBar.stories.d.ts +2 -2
  138. package/lib/components/ProgressBar/index.d.ts +1 -1
  139. package/lib/components/ProgressBar/styles.d.ts +2 -2
  140. package/lib/components/Radio/Radio.stories.d.ts +2 -2
  141. package/lib/components/Radio/index.d.ts +1 -1
  142. package/lib/components/Radio/styles.d.ts +10 -3
  143. package/lib/components/RadioConsent/Radio.stories.d.ts +6 -0
  144. package/lib/components/RadioConsent/index.d.ts +24 -0
  145. package/lib/components/{RadioGroup → RadioConsent}/styles.d.ts +6 -3
  146. package/lib/components/{RadioGroup → RadioConsent}/test.cypress.d.ts +0 -0
  147. package/lib/components/Select/Selelct.stories.d.ts +2 -2
  148. package/lib/components/Select/index.d.ts +4 -1
  149. package/lib/components/Select/styles.d.ts +4 -3
  150. package/lib/components/Spacing/index.d.ts +1 -1
  151. package/lib/components/Step/Step.stories.d.ts +2 -2
  152. package/lib/components/Step/index.d.ts +1 -1
  153. package/lib/components/TestWrapper.d.ts +2 -2
  154. package/lib/components/Text/Text.stories.d.ts +2 -2
  155. package/lib/components/Text/index.d.ts +4 -4
  156. package/lib/components/Text/styles.d.ts +13 -5
  157. package/lib/components/TextAreaField/TextAreaField.stories.d.ts +2 -2
  158. package/lib/components/TextAreaField/index.d.ts +3 -3
  159. package/lib/components/TextAreaField/styles.d.ts +5 -4
  160. package/lib/components/TextField/TextField.stories.d.ts +2 -2
  161. package/lib/components/TextField/index.d.ts +1 -1
  162. package/lib/components/TextField/styles.d.ts +1 -1
  163. package/lib/components/ThemeCheatSheet.d.ts +4 -6
  164. package/lib/components/Totaliser/Totaliser.stories.d.ts +2 -2
  165. package/lib/components/Totaliser/index.d.ts +1 -1
  166. package/lib/components/Totaliser/styles.d.ts +6 -8
  167. package/lib/components/UserBlock/UserBlock.stories.d.ts +2 -2
  168. package/lib/components/UserBlock/index.d.ts +2 -2
  169. package/lib/components/index.d.ts +65 -65
  170. package/lib/es/node_modules/react-focus-lock/dist/es2015/Lock.js +1 -1
  171. package/lib/es/node_modules/react-focus-lock/dist/es2015/Lock.js.map +1 -1
  172. package/lib/es/node_modules/react-focus-lock/dist/es2015/Trap.js +1 -1
  173. package/lib/es/node_modules/react-focus-lock/dist/es2015/Trap.js.map +1 -1
  174. package/lib/es/src/components/AddressLookup/index.js +1 -1
  175. package/lib/es/src/components/Avatar/README.md.js +1 -1
  176. package/lib/es/src/components/Avatar/README.md.js.map +1 -1
  177. package/lib/es/src/components/Avatar/index.js +1 -1
  178. package/lib/es/src/components/Avatar/styles.js +1 -1
  179. package/lib/es/src/components/Badge/styles.js +1 -1
  180. package/lib/es/src/components/Box/styles.js +1 -1
  181. package/lib/es/src/components/Button/README.md.js +1 -1
  182. package/lib/es/src/components/Button/README.md.js.map +1 -1
  183. package/lib/es/src/components/Button/index.js +1 -1
  184. package/lib/es/src/components/Button/styles.js +1 -1
  185. package/lib/es/src/components/Checkbox/README.md.js +1 -1
  186. package/lib/es/src/components/Checkbox/README.md.js.map +1 -1
  187. package/lib/es/src/components/Checkbox/index.js +1 -1
  188. package/lib/es/src/components/Checkbox/styles.js +1 -1
  189. package/lib/es/src/components/Collapse/index.js +1 -1
  190. package/lib/es/src/components/Collapse/styles.js +1 -1
  191. package/lib/es/src/components/Divider.js +1 -1
  192. package/lib/es/src/components/ErrorText/index.js +1 -1
  193. package/lib/es/src/components/ErrorText/styles.js +1 -1
  194. package/lib/es/src/components/Flex.js +1 -1
  195. package/lib/es/src/components/Footer/index.js +1 -1
  196. package/lib/es/src/components/GlobalStyle.js +1 -1
  197. package/lib/es/src/components/Header/index.js +1 -1
  198. package/lib/es/src/components/Header/styles.js +1 -1
  199. package/lib/es/src/components/Heading/styles.js +1 -1
  200. package/lib/es/src/components/Icon/index.js +1 -1
  201. package/lib/es/src/components/Icon/styles.js +1 -1
  202. package/lib/es/src/components/Link/styles.js +1 -1
  203. package/lib/es/src/components/Modal/index.js +1 -1
  204. package/lib/es/src/components/Modal/styles.js +1 -1
  205. package/lib/es/src/components/Pagination/index.js +1 -1
  206. package/lib/es/src/components/Pagination/styles.js +1 -1
  207. package/lib/es/src/components/PopOver/README.md.js +1 -1
  208. package/lib/es/src/components/PopOver/README.md.js.map +1 -1
  209. package/lib/es/src/components/PopOver/index.js +1 -1
  210. package/lib/es/src/components/PopOver/styles.js +1 -1
  211. package/lib/es/src/components/ProgressBar/index.js +1 -1
  212. package/lib/es/src/components/ProgressBar/styles.js +1 -1
  213. package/lib/es/src/components/Radio/README.md.js +1 -1
  214. package/lib/es/src/components/Radio/README.md.js.map +1 -1
  215. package/lib/es/src/components/Radio/index.js +1 -1
  216. package/lib/es/src/components/Radio/styles.js +1 -1
  217. package/lib/es/src/components/RadioConsent/README.md.js +2 -0
  218. package/lib/es/src/components/RadioConsent/README.md.js.map +1 -0
  219. package/lib/es/src/components/{RadioGroup → RadioConsent}/index.js +0 -0
  220. package/lib/es/src/components/{RadioGroup → RadioConsent}/index.js.map +0 -0
  221. package/lib/es/src/components/RadioConsent/styles.js +2 -0
  222. package/lib/es/src/components/{RadioGroup → RadioConsent}/styles.js.map +0 -0
  223. package/lib/es/src/components/Select/index.js +1 -1
  224. package/lib/es/src/components/Select/styles.js +1 -1
  225. package/lib/es/src/components/Spacing/index.js +1 -1
  226. package/lib/es/src/components/Step/index.js +1 -1
  227. package/lib/es/src/components/Step/styles.js +1 -1
  228. package/lib/es/src/components/Text/styles.js +1 -1
  229. package/lib/es/src/components/TextAreaField/README.md.js +1 -1
  230. package/lib/es/src/components/TextAreaField/README.md.js.map +1 -1
  231. package/lib/es/src/components/TextAreaField/index.js +1 -1
  232. package/lib/es/src/components/TextAreaField/styles.js +1 -1
  233. package/lib/es/src/components/TextField/README.md.js +1 -1
  234. package/lib/es/src/components/TextField/README.md.js.map +1 -1
  235. package/lib/es/src/components/TextField/index.js +1 -1
  236. package/lib/es/src/components/TextField/styles.js +1 -1
  237. package/lib/es/src/components/Totaliser/README.md.js +1 -1
  238. package/lib/es/src/components/Totaliser/README.md.js.map +1 -1
  239. package/lib/es/src/components/Totaliser/index.js +1 -1
  240. package/lib/es/src/components/Totaliser/styles.js +1 -1
  241. package/lib/es/src/components/UserBlock/index.js +1 -1
  242. package/lib/es/src/components/index.js +1 -1
  243. package/lib/es/src/hooks/useLayoutEffectBrowser.js +1 -1
  244. package/lib/es/src/hooks/useScrollPosition.js +1 -1
  245. package/lib/es/src/themes/cruk.js +1 -1
  246. package/lib/es/src/themes/su2c.js +1 -1
  247. package/lib/es/src/utils/Helper.js +1 -1
  248. package/lib/hocs/MdxProvider.d.ts +1 -1
  249. package/lib/hooks/useEffectBrowser.d.ts +1 -1
  250. package/lib/hooks/useKey.d.ts +2 -2
  251. package/lib/hooks/useLayoutEffectBrowser.d.ts +3 -2
  252. package/lib/hooks/useScrollPosition.d.ts +13 -2
  253. package/lib/themes/cruk.d.ts +1 -1
  254. package/lib/themes/su2c.d.ts +1 -1
  255. package/lib/types.d.ts +14 -14
  256. package/package.json +56 -37
  257. package/lib/cjs/src/components/RadioGroup/README.md.js +0 -2
  258. package/lib/cjs/src/components/RadioGroup/README.md.js.map +0 -1
  259. package/lib/cjs/src/components/RadioGroup/styles.js +0 -2
  260. package/lib/components/RadioGroup/Radio.stories.d.ts +0 -6
  261. package/lib/components/RadioGroup/index.d.ts +0 -24
  262. package/lib/es/src/components/RadioGroup/README.md.js +0 -2
  263. package/lib/es/src/components/RadioGroup/README.md.js.map +0 -1
  264. package/lib/es/src/components/RadioGroup/styles.js +0 -2
  265. package/lib/stories/Button.d.ts +0 -28
  266. package/lib/stories/Header.d.ts +0 -9
  267. package/lib/stories/Header.stories.d.ts +0 -6
  268. package/lib/stories/Page.d.ts +0 -9
  269. package/lib/stories/Page.stories.d.ts +0 -6
@@ -1,2 +1,2 @@
1
- var e={contentMaxWidth:"1020px",useDefaultFocusRect:!0,useDefaultFromControls:!1,useBackgroundStyleLinks:!1,inputBorderWidth:"1px"},r={cdnPath:"https://ccp-s3.int.cruk.org/",assetPath:"https://fundraise.cancerresearchuk.org/profiles/cruk_fundraising/themes/cruk_of_bootstrap/",logoUrl:"/",logoAlt:"Cancer Research UK Giving Page",logoSrc:"https://fundraise.cancerresearchuk.org/profiles/cruk_fundraising/themes/cruk_of_bootstrap/logo.png",footerCopyText:"Cancer Research UK is a registered charity in England and Wales (1089464), Scotland (SC041666), the Isle of Man (1103) and Jersey (247). A company limited by guarantee. Registered company in England and Wales(4325234) and the Isle of Man (5713F)."},t={s:"35px",m:"50px",l:"60px",xl:"90px",path:r.assetPath+"images/icon-avatars/"},a={borderRadius:"4px",borderRadiusLarge:"4px",buttonBorderThickness:"2px",textDecoration:"none",textTransform:"none"},o={mobile:"576px",tablet:"768px",desktop:"992px",desktopLarge:"1200px"},n={darkBlue_100:"#edeaf5",darkBlue_200:"#dad2ea",darkBlue_300:"#a896cf",darkBlue_500:"#2e008b",magenta_100:"#fdeaf5",magenta_500:"#e40074",magenta_800:"#BB0071",magenta_900:"#710044",cyan_500:"#00b6ed",cyan_900:"#005870",grey_100:"#f5f5f5",grey_200:"#ededed",grey_300:"#c6c6c6",grey_500:"#9A9A9A",grey_800:"#575757",grey_900:"#2e2d2c",white:"#fff",black:"#000",red:"#D51311",yellow:"#fdc02f",green:"#3d854d"},i={primary:n.darkBlue_500,secondary:n.magenta_500,tertiary:n.cyan_500,textOnPrimary:n.white,textOnSecondary:n.white,textOnTertiary:n.white,disabled:n.grey_300,danger:n.red,warning:n.yellow,success:n.green,info:n.cyan_500,textError:n.red,linkColor:n.darkBlue_500,linkColorHover:n.magenta_800,textDark:n.grey_900,textLight:n.white,progressBar:n.magenta_500,progressBarBackground:n.grey_200,circularProgress:n.cyan_500,circularProgressBackground:n.grey_300,buttonPrimaryBackground:n.magenta_500,buttonPrimaryText:n.white,buttonPrimaryBorder:n.magenta_500,buttonPrimaryBackgroundHover:n.magenta_800,buttonPrimaryTextHover:n.white,buttonPrimaryBorderHover:n.magenta_800,buttonPrimaryDisabledBackground:n.grey_100,buttonPrimaryDisabledText:n.grey_500,buttonPrimaryDisabledBorder:n.grey_100,buttonSecondaryBackground:n.white,buttonSecondaryText:n.magenta_500,buttonSecondaryBorder:n.magenta_500,buttonSecondaryBackgroundHover:n.magenta_100,buttonSecondaryTextHover:n.magenta_500,buttonSecondaryBorderHover:n.magenta_500,buttonSecondaryDisabledBackground:n.grey_100,buttonSecondaryDisabledText:n.grey_500,buttonSecondaryDisabledBorder:n.grey_100,buttonTertiaryBackground:n.white,buttonTertiaryText:n.magenta_500,buttonTertiaryBorder:n.grey_500,buttonTertiaryBackgroundHover:n.magenta_100,buttonTertiaryTextHover:n.magenta_500,buttonTertiaryBorderHover:n.grey_500,buttonTertiaryDisabledBackground:n.grey_100,buttonTertiaryDisabledText:n.grey_500,buttonTertiaryDisabledBorder:n.grey_100,selectionBorder:n.grey_500,textInputBorder:n.grey_900,inputBorder:n.grey_900,headerBackground:n.white,backgroundLight:n.white,backgroundLightColor:n.darkBlue_200,backgroundMid:n.grey_100,loaderColor1:n.darkBlue_500,loaderColor2:n.magenta_500,loaderColor3:n.cyan_500,paginationActive:n.grey_300,paginationBackground:n.darkBlue_500,footerBackground:n.grey_200,headerBorder:n.grey_300,stepBorder:n.grey_300,stepBackground:n.white,popoverBackground:n.white,textInputExtraInfo:n.grey_200,totaliserBorder:n.grey_300,selectBackground:n.grey_900,modalBackdrop:n.grey_900,userBlockExtraText:n.grey_800},d={none:"0",auto:"auto",xxs:"0.5rem",xs:"1rem",s:"1.5rem",m:"2rem",l:"2.5rem",xl:"3rem",xxl:"3.5rem"},g={xs:"0.75rem",s:"0.857rem",m:"1rem",l:"1.25rem",xl:"1.5625rem",xxl:"2rem",xxxl:"2.5rem",xxxxl:"3.125rem"},s={customFonts:[{family:"MuseoSans-500",url:"https://ccp-s3.int.cruk.org/fonts/MuseoSansRounded-500"}],fontUrl:r.cdnPath+"fonts",fontFamilyBase:"Arial, Calibri, nimbussansl, liberationsans, freesans, clean, sans-serif",fontFamilyHeadings:"MuseoSans-500,Calibri,Arial,sans-serif",fontSizeBase:"16px",fontWeightHeavy:"700",fontWeightMedium:"500",fontWeightLight:"300",fontWeightVLight:"100",linkTextDecoration:"underline",lineHeight:"1.5em",headerLineHeight:"1.25em",headerTextTransform:"none"},u={name:"cruk",avatar:t,breakpoint:o,button:a,tokenColors:n,colors:i,spacing:d,fontSizes:g,siteConfig:r,typography:s,utilities:e};export{t as AVATAR,o as BREAKPOINT,a as BUTTON,i as COLORS,g as FONT_SIZES,r as SITE_CONFIG,d as SPACING,n as TOKEN_COLORS,s as TYPOGRAPHY,e as UTILITIES,u as default};
1
+ var e={contentMaxWidth:"1020px",useDefaultFocusRect:!0,useDefaultFromControls:!1,useBackgroundStyleLinks:!1,inputBorderWidth:"1px"},r={cdnPath:"https://ccp-s3.int.cruk.org/",assetPath:"https://fundraise.cancerresearchuk.org/profiles/cruk_fundraising/themes/cruk_of_bootstrap/",logoUrl:"/",logoAlt:"Cancer Research UK Giving Page",logoSrc:"https://fundraise.cancerresearchuk.org/profiles/cruk_fundraising/themes/cruk_of_bootstrap/logo.png",footerCopyText:"Cancer Research UK is a registered charity in England and Wales (1089464), Scotland (SC041666), the Isle of Man (1103) and Jersey (247). A company limited by guarantee. Registered company in England and Wales(4325234) and the Isle of Man (5713F).",footerLogoAlt:"Registered with Fundraising Regulator",footerLogoSrc:"https://fundraise.cancerresearchuk.org/profiles/cruk_fundraising/themes/cruk_of_bootstrap/images/fundreg.png"},a={s:"35px",m:"50px",l:"60px",xl:"90px",path:"".concat(r.assetPath,"images/icon-avatars/")},t={borderRadius:"4px",borderRadiusLarge:"4px",buttonBorderThickness:"2px",textDecoration:"none",textTransform:"none"},o={mobile:"576px",tablet:"768px",desktop:"992px",desktopLarge:"1200px"},n={darkBlue_100:"#edeaf5",darkBlue_200:"#dad2ea",darkBlue_300:"#a896cf",darkBlue_500:"#2e008b",magenta_100:"#fdeaf5",magenta_500:"#e40074",magenta_800:"#BB0071",magenta_900:"#710044",cyan_500:"#00b6ed",cyan_900:"#005870",grey_100:"#f5f5f5",grey_200:"#ededed",grey_300:"#c6c6c6",grey_500:"#9A9A9A",grey_800:"#575757",grey_900:"#2e2d2c",white:"#fff",black:"#000",red:"#D51311",yellow:"#fdc02f",green:"#3d854d"},i={primary:n.darkBlue_500,secondary:n.magenta_500,tertiary:n.cyan_500,textOnPrimary:n.white,textOnSecondary:n.white,textOnTertiary:n.white,disabled:n.grey_300,danger:n.red,warning:n.yellow,success:n.green,info:n.cyan_500,textError:n.red,linkColor:n.darkBlue_500,linkColorHover:n.magenta_800,textDark:n.grey_900,textLight:n.white,progressBar:n.darkBlue_500,progressBarBackground:n.grey_200,circularProgress:n.cyan_500,circularProgressBackground:n.grey_300,buttonPrimaryBackground:n.magenta_500,buttonPrimaryText:n.white,buttonPrimaryBorder:n.magenta_500,buttonPrimaryBackgroundHover:n.magenta_800,buttonPrimaryTextHover:n.white,buttonPrimaryBorderHover:n.magenta_800,buttonPrimaryDisabledBackground:n.grey_100,buttonPrimaryDisabledText:n.grey_500,buttonPrimaryDisabledBorder:n.grey_100,buttonSecondaryBackground:n.white,buttonSecondaryText:n.magenta_500,buttonSecondaryBorder:n.magenta_500,buttonSecondaryBackgroundHover:n.magenta_100,buttonSecondaryTextHover:n.magenta_800,buttonSecondaryBorderHover:n.magenta_800,buttonSecondaryDisabledBackground:n.grey_100,buttonSecondaryDisabledText:n.grey_500,buttonSecondaryDisabledBorder:n.grey_100,buttonTertiaryText:n.magenta_500,buttonTertiaryTextHover:n.magenta_800,buttonTertiaryDisabledText:n.grey_500,selectionBorder:n.grey_500,textInputBorder:n.grey_900,inputBorder:n.grey_900,headerBackground:n.white,backgroundLight:n.white,backgroundLightColor:n.darkBlue_200,backgroundMid:n.grey_100,loaderColor1:n.darkBlue_500,loaderColor2:n.magenta_500,loaderColor3:n.cyan_500,paginationText:n.darkBlue_500,paginationActive:n.grey_300,paginationBackground:n.darkBlue_500,footerBackground:n.grey_200,headerBorder:n.grey_300,stepBorder:n.grey_300,stepBackground:n.white,popoverBackground:n.white,textInputExtraInfo:n.grey_200,totaliserBubbleColor:n.grey_200,totaliserBubbleTextColor:n.grey_900,totaliserBubbleTotalColor:n.darkBlue_500,selectBackground:n.grey_900,modalBackdrop:n.grey_900,userBlockExtraText:n.grey_800},s={none:"0",auto:"auto",xxs:"0.5rem",xs:"1rem",s:"1.5rem",m:"2rem",l:"2.5rem",xl:"3rem",xxl:"3.5rem"},d={xs:"0.75rem",s:"0.857rem",m:"1rem",l:"1.25rem",xl:"1.5625rem",xxl:"2rem",xxxl:"2.5rem",xxxxl:"3.125rem"},g={customFonts:[{family:"MuseoSans-500",url:"https://ccp-s3.int.cruk.org/fonts/MuseoSansRounded-500"}],fontUrl:"".concat(r.cdnPath,"fonts"),fontFamilyBase:"Arial, Calibri, nimbussansl, liberationsans, freesans, clean, sans-serif",fontFamilyHeadings:"MuseoSans-500,Calibri,Arial,sans-serif",fontSizeBase:"16px",fontWeightHeavy:"700",fontWeightMedium:"500",fontWeightLight:"300",fontWeightVLight:"100",linkTextDecoration:"underline",lineHeight:"1.5em",headerLineHeight:"1.25em",headerTextTransform:"none"},u={name:"cruk",avatar:a,breakpoint:o,button:t,tokenColors:n,colors:i,spacing:s,fontSizes:d,siteConfig:r,typography:g,utilities:e};export{a as AVATAR,o as BREAKPOINT,t as BUTTON,i as COLORS,d as FONT_SIZES,r as SITE_CONFIG,s as SPACING,n as TOKEN_COLORS,g as TYPOGRAPHY,e as UTILITIES,u as default};
2
2
  //# sourceMappingURL=cruk.js.map
@@ -1,2 +1,2 @@
1
- import{__assign as r}from"../../node_modules/tslib/tslib.es6.js";import e from"./cruk.js";var a=r(r({},e.utilities),{useBackgroundStyleLinks:!0}),o=r(r({},e.siteConfig),{logoSrc:"https://fundraise.cancerresearchuk.org/profiles/cruk_fundraising/themes/cruk_of_bootstrap/images/su2c-logo.png",footerCopyText:"Stand Up To Cancer and Stand Up To Cancer Brand Marks are registered trademarks of the Entertainment Industry Foundation. Cancer Research UK is a registered charity in England and Wales (1089464), Scotland(SC041666), the Isle of Man (1103) and Jersey (247). A company limited by guarantee. Registered company in England and Wales (4325234) and the Isle of Man (5713F). Registered address: 2 Redman Place, London, E20 1JQ. Donations will be made to Cancer Research UK in support of the Stand Up To Cancer campaign."}),t=r(r({},e.avatar),{path:"https://fundraise.cancerresearchuk.org/profiles/cruk_fundraising/themes/cruk_of_bootstrap/images/icon-avatars/su2c/"}),n=r(r({},e.button),{borderRadius:"1.5rem",borderRadiusLarge:"2rem",textTransform:"uppercase"}),s=r({},e.breakpoint),u=r(r({},e.tokenColors),{su2cOrange5:"#FF8E00",su2cOrange3:"#FFB04D",su2cOrange2:"#FFDAAD",su2cOrange1:"#FFF6EB",su2cBlack:"#231F20",su2cGrey1:"#555759",su2cGrey2:"#A5A5A9",su2cRed:"#EF4135",su2cYellow:"#FFC325"}),c=r(r({},e.colors),{primary:u.su2cOrange5,secondary:u.su2cOrange5,tertiary:u.su2cBlack,textOnPrimary:u.su2cBlack,progressBar:u.su2cOrange5,circularProgress:u.su2cOrange3,linkColor:u.su2cOrange5,linkColorHover:u.su2cRed,backgroundLightColor:u.su2cOrange2,loaderColor1:u.su2cOrange5,loaderColor2:u.su2cRed,loaderColor3:u.su2cBlack,paginationBackground:u.su2cBlack,buttonPrimaryBackground:u.su2cOrange5,buttonPrimaryText:u.su2cBlack,buttonPrimaryBorder:u.su2cOrange5,buttonPrimaryBackgroundHover:u.su2cOrange3,buttonPrimaryTextHover:u.su2cBlack,buttonPrimaryBorderHover:u.su2cOrange3,buttonPrimaryDisabledBackground:u.grey_300,buttonPrimaryDisabledText:u.white,buttonPrimaryDisabledBorder:u.grey_300,buttonSecondaryBackground:u.white,buttonSecondaryText:u.su2cOrange5,buttonSecondaryBorder:u.su2cOrange5,buttonSecondaryBackgroundHover:u.su2cOrange1,buttonSecondaryTextHover:u.su2cOrange5,buttonSecondaryBorderHover:u.su2cOrange5,buttonSecondaryDisabledBackground:u.white,buttonSecondaryDisabledText:u.grey_300,buttonSecondaryDisabledBorder:u.grey_300,buttonTertiaryBackground:u.white,buttonTertiaryText:u.su2cOrange5,buttonTertiaryBorder:u.su2cGrey2,buttonTertiaryBackgroundHover:u.su2cOrange1,buttonTertiaryTextHover:u.su2cOrange5,buttonTertiaryBorderHover:u.su2cGrey2,buttonTertiaryDisabledBackground:u.white,buttonTertiaryDisabledText:u.grey_300,buttonTertiaryDisabledBorder:u.grey_300}),i=r({},e.spacing),d=r({},e.fontSizes),g=r(r({},e.typography),{customFonts:[{family:"itc_avant_garde_pro_mdbold",url:"https://crukorg.github.io/SU2C-drupal/assets/fonts/su2c/itc_-_itcavantgardepro-bold-webfont"}],fontFamilyHeadings:"itc_avant_garde_pro_mdbold,Arial,sans-serif",linkTextDecoration:"none",headerLineHeight:"1.5em",headerTextTransform:"uppercase"}),l={name:"su2c",avatar:t,breakpoint:s,button:n,tokenColors:u,colors:c,spacing:i,fontSizes:d,siteConfig:o,typography:g,utilities:a};export{t as AVATAR,s as BREAKPOINT,n as BUTTON,c as COLORS,d as FONT_SIZES,o as SITE_CONFIG,i as SPACING,u as TOKEN_COLORS,g as TYPOGRAPHY,a as UTILITIES,l as default};
1
+ import{__assign as r}from"../../node_modules/tslib/tslib.es6.js";import e from"./cruk.js";var a=r(r({},e.utilities),{useBackgroundStyleLinks:!0}),o=r(r({},e.siteConfig),{logoSrc:"https://fundraise.cancerresearchuk.org/profiles/cruk_fundraising/themes/cruk_of_bootstrap/images/su2c-logo.png",footerCopyText:"Stand Up To Cancer and Stand Up To Cancer Brand Marks are registered trademarks of the Entertainment Industry Foundation. Cancer Research UK is a registered charity in England and Wales (1089464), Scotland(SC041666), the Isle of Man (1103) and Jersey (247). A company limited by guarantee. Registered company in England and Wales (4325234) and the Isle of Man (5713F). Registered address: 2 Redman Place, London, E20 1JQ. Donations will be made to Cancer Research UK in support of the Stand Up To Cancer campaign."}),t=r(r({},e.avatar),{path:"https://fundraise.cancerresearchuk.org/profiles/cruk_fundraising/themes/cruk_of_bootstrap/images/icon-avatars/su2c/"}),n=r(r({},e.button),{borderRadius:"1.5rem",borderRadiusLarge:"2rem",textTransform:"uppercase"}),s=r({},e.breakpoint),c=r(r({},e.tokenColors),{su2cOrange5:"#FF8E00",su2cOrange3:"#FFB04D",su2cOrange2:"#FFDAAD",su2cOrange1:"#FFF6EB",su2cBlack:"#231F20",su2cGrey1:"#555759",su2cGrey2:"#A5A5A9",su2cRed:"#EF4135",su2cYellow:"#FFC325"}),u=r(r({},e.colors),{primary:c.su2cOrange5,secondary:c.su2cOrange5,tertiary:c.su2cBlack,textOnPrimary:c.su2cBlack,progressBar:c.su2cOrange5,circularProgress:c.su2cOrange3,linkColor:c.su2cOrange5,linkColorHover:c.su2cRed,backgroundLightColor:c.su2cOrange2,loaderColor1:c.su2cOrange5,loaderColor2:c.su2cRed,loaderColor3:c.su2cBlack,paginationText:c.su2cBlack,paginationBackground:c.su2cBlack,totaliserBubbleColor:c.su2cBlack,totaliserBubbleTextColor:c.white,totaliserBubbleTotalColor:c.white,buttonPrimaryBackground:c.su2cOrange5,buttonPrimaryText:c.su2cBlack,buttonPrimaryBorder:c.su2cOrange5,buttonPrimaryBackgroundHover:c.su2cOrange3,buttonPrimaryTextHover:c.su2cBlack,buttonPrimaryBorderHover:c.su2cOrange3,buttonPrimaryDisabledBackground:c.grey_300,buttonPrimaryDisabledText:c.white,buttonPrimaryDisabledBorder:c.grey_300,buttonSecondaryBackground:c.white,buttonSecondaryText:c.su2cOrange5,buttonSecondaryBorder:c.su2cOrange5,buttonSecondaryBackgroundHover:c.su2cOrange1,buttonSecondaryTextHover:c.su2cOrange5,buttonSecondaryBorderHover:c.su2cOrange5,buttonSecondaryDisabledBackground:c.white,buttonSecondaryDisabledText:c.grey_300,buttonSecondaryDisabledBorder:c.grey_300,buttonTertiaryText:c.su2cOrange5,buttonTertiaryTextHover:c.su2cOrange5,buttonTertiaryDisabledText:c.grey_300}),i=r({},e.spacing),d=r({},e.fontSizes),l=r(r({},e.typography),{customFonts:[{family:"itc_avant_garde_pro_mdbold",url:"https://crukorg.github.io/SU2C-drupal/assets/fonts/su2c/itc_-_itcavantgardepro-bold-webfont"}],fontFamilyHeadings:"itc_avant_garde_pro_mdbold,Arial,sans-serif",linkTextDecoration:"none",headerLineHeight:"1.5em",headerTextTransform:"uppercase"}),g={name:"su2c",avatar:t,breakpoint:s,button:n,tokenColors:c,colors:u,spacing:i,fontSizes:d,siteConfig:o,typography:l,utilities:a};export{t as AVATAR,s as BREAKPOINT,n as BUTTON,u as COLORS,d as FONT_SIZES,o as SITE_CONFIG,i as SPACING,c as TOKEN_COLORS,l as TYPOGRAPHY,a as UTILITIES,g as default};
2
2
  //# sourceMappingURL=su2c.js.map
@@ -1,2 +1,2 @@
1
- var r="undefined"!=typeof window,t=function(r,t){var e=r/t*100;return e===Number.POSITIVE_INFINITY||Number.isNaN(e)?0:Math.floor(e<1?Math.ceil(e):Math.floor(e))},e=function(r){if(!r)return"";var t=r.toString().split(".");return t[0].replace(/\B(?=(\d{3})+(?!\d))/g,",")+(t[1]?"."+t[1]:"")},a=function(r){var t=Number.parseFloat((Math.round(100*r)/100).toString()).toFixed(2);return Number.isNaN(parseFloat(t))||isNaN(r)?"0":e(t)};export{t as calculatePercentRounded,a as formatMoneyWithCommas,r as isBrowser,e as numberWithCommas};
1
+ var r="undefined"!=typeof window,t=function(r,t){var a=r/t*100;return a===Number.POSITIVE_INFINITY||Number.isNaN(a)?0:Math.floor(a<1?Math.ceil(a):Math.floor(a))},a=function(r){if(!r)return"";var t=r.toString().split(".");return"".concat(t[0].replace(/\B(?=(\d{3})+(?!\d))/g,",")).concat(t[1]?".".concat(t[1]):"")},e=function(r){var t=Number.parseFloat((Math.round(100*r)/100).toString()).toFixed(2);return Number.isNaN(parseFloat(t))||Number.isNaN(r)?"0":a(t)};export{t as calculatePercentRounded,e as formatMoneyWithCommas,r as isBrowser,a as numberWithCommas};
2
2
  //# sourceMappingURL=Helper.js.map
@@ -1,3 +1,3 @@
1
- import { FunctionComponent } from 'react';
1
+ import { FunctionComponent } from "react";
2
2
  declare const MdxProvider: FunctionComponent;
3
3
  export default MdxProvider;
@@ -1,3 +1,3 @@
1
- import { EffectCallback, DependencyList } from 'react';
1
+ import { EffectCallback, DependencyList } from "react";
2
2
  export declare function useEffectBrowser(action: EffectCallback, deps: DependencyList): void | null;
3
3
  export default useEffectBrowser;
@@ -1,5 +1,5 @@
1
- import { DependencyList, KeyboardEvent } from 'react';
2
- export declare const useKey: (callback: (event: KeyboardEvent<{}>) => void, options: {
1
+ import { DependencyList } from "react";
2
+ export declare const useKey: (callback: (event: KeyboardEvent) => void, options: {
3
3
  detectKeys?: string[] | undefined;
4
4
  keyevent?: "keydown" | "keyup" | "keypress" | undefined;
5
5
  }, dependencies?: DependencyList | undefined) => void;
@@ -1,3 +1,4 @@
1
- import { EffectCallback, DependencyList } from 'react';
2
- export declare function useLayoutEffectBrowser(action: EffectCallback, deps: DependencyList): void | null;
1
+ import { EffectCallback, DependencyList } from "react";
2
+ declare const useLayoutEffectBrowser: (action: EffectCallback, deps: DependencyList) => void | null;
3
3
  export default useLayoutEffectBrowser;
4
+ export { useLayoutEffectBrowser };
@@ -1,2 +1,13 @@
1
- import { DependencyList, RefObject, MutableRefObject } from 'react';
2
- export declare function useScrollPosition(effect: any, deps: DependencyList, element: RefObject<HTMLElement> | MutableRefObject<undefined> | null, useWindow: boolean, wait: number): void;
1
+ import { DependencyList, RefObject, MutableRefObject } from "react";
2
+ declare const useScrollPosition: (effect: ({ currPos, }: {
3
+ prevPos: {
4
+ x: number;
5
+ y: number;
6
+ };
7
+ currPos: {
8
+ x: number;
9
+ y: number;
10
+ };
11
+ }) => void, deps: DependencyList, element: RefObject<HTMLElement> | MutableRefObject<undefined> | null, useWindow: boolean, wait: number) => void;
12
+ export default useScrollPosition;
13
+ export { useScrollPosition };
@@ -1,4 +1,4 @@
1
- import { UtilitiesType, SiteConfigType, AvatarType, ButtonType, BreakPointType, TokenColorsType, ColorsType, SpacingType, FontSizesType, TypographyType, ThemeType } from '../types';
1
+ import { UtilitiesType, SiteConfigType, AvatarType, ButtonType, BreakPointType, TokenColorsType, ColorsType, SpacingType, FontSizesType, TypographyType, ThemeType } from "../types";
2
2
  export declare const UTILITIES: UtilitiesType;
3
3
  export declare const SITE_CONFIG: SiteConfigType;
4
4
  export declare const AVATAR: AvatarType;
@@ -1,4 +1,4 @@
1
- import { UtilitiesType, SiteConfigType, AvatarType, ButtonType, BreakPointType, TokenColorsType, ColorsType, SpacingType, FontSizesType, TypographyType, ThemeType } from '../types';
1
+ import { UtilitiesType, SiteConfigType, AvatarType, ButtonType, BreakPointType, TokenColorsType, ColorsType, SpacingType, FontSizesType, TypographyType, ThemeType } from "../types";
2
2
  export declare const UTILITIES: UtilitiesType;
3
3
  export declare const SITE_CONFIG: SiteConfigType;
4
4
  export declare const AVATAR: AvatarType;
package/lib/types.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- export declare type FontSizeType = 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl' | 'xxxl' | 'xxxxl';
1
+ export declare type FontSizeType = "xs" | "s" | "m" | "l" | "xl" | "xxl" | "xxxl" | "xxxxl";
2
2
  export declare type FontSizesType = {
3
3
  [key in FontSizeType]: string;
4
4
  };
@@ -16,6 +16,8 @@ export declare type SiteConfigType = {
16
16
  logoAlt: string;
17
17
  logoSrc: string;
18
18
  footerCopyText: string;
19
+ footerLogoSrc: string;
20
+ footerLogoAlt: string;
19
21
  };
20
22
  export declare type AvatarType = {
21
23
  s: string;
@@ -31,8 +33,8 @@ export declare type ButtonType = {
31
33
  textDecoration: string;
32
34
  textTransform: string;
33
35
  };
34
- export declare type ButtonAppearanceType = 'primary' | 'secondary' | 'tertiary' | 'text';
35
- export declare type PopOverPositionType = 'top' | 'topLeft' | 'left' | 'right' | 'bottom' | 'bottomLeft';
36
+ export declare type ButtonAppearanceType = "primary" | "secondary" | "tertiary";
37
+ export declare type PopOverPositionType = "top" | "topLeft" | "left" | "right" | "bottom" | "bottomLeft";
36
38
  export declare type BreakPointType = {
37
39
  mobile: string;
38
40
  tablet: string;
@@ -81,15 +83,9 @@ export declare type ColorsType = {
81
83
  buttonSecondaryDisabledBackground: string;
82
84
  buttonSecondaryDisabledText: string;
83
85
  buttonSecondaryDisabledBorder: string;
84
- buttonTertiaryBackground: string;
85
86
  buttonTertiaryText: string;
86
- buttonTertiaryBorder: string;
87
- buttonTertiaryBackgroundHover: string;
88
87
  buttonTertiaryTextHover: string;
89
- buttonTertiaryBorderHover: string;
90
- buttonTertiaryDisabledBackground: string;
91
88
  buttonTertiaryDisabledText: string;
92
- buttonTertiaryDisabledBorder: string;
93
89
  selectionBorder: string;
94
90
  inputBorder: string;
95
91
  headerBackground: string;
@@ -99,6 +95,7 @@ export declare type ColorsType = {
99
95
  loaderColor1: string;
100
96
  loaderColor2: string;
101
97
  loaderColor3: string;
98
+ paginationText: string;
102
99
  paginationBackground: string;
103
100
  paginationActive: string;
104
101
  footerBackground: string;
@@ -107,14 +104,16 @@ export declare type ColorsType = {
107
104
  stepBackground: string;
108
105
  popoverBackground: string;
109
106
  textInputExtraInfo: string;
110
- totaliserBorder: string;
107
+ totaliserBubbleColor: string;
108
+ totaliserBubbleTextColor: string;
109
+ totaliserBubbleTotalColor: string;
111
110
  textInputBorder: string;
112
111
  selectBackground: string;
113
112
  modalBackdrop: string;
114
113
  userBlockExtraText: string;
115
114
  };
116
115
  export declare type ColorKeyType = keyof ColorsType;
117
- export declare type SpaceType = 'auto' | 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl' | 'none';
116
+ export declare type SpaceType = "auto" | "xxs" | "xs" | "s" | "m" | "l" | "xl" | "xxl" | "none";
118
117
  export declare type SpacingType = {
119
118
  auto: string;
120
119
  xxs: string;
@@ -126,12 +125,12 @@ export declare type SpacingType = {
126
125
  xxl: string;
127
126
  none: string;
128
127
  };
129
- export declare type customFontType = {
128
+ export declare type CustomFontType = {
130
129
  family: string;
131
130
  url: string;
132
131
  };
133
132
  export declare type TypographyType = {
134
- customFonts: [customFontType];
133
+ customFonts: [CustomFontType];
135
134
  fontUrl: string;
136
135
  fontFamilyBase: string;
137
136
  fontFamilyHeadings: string;
@@ -221,5 +220,6 @@ export declare type AddressOptionsType = {
221
220
  Type: string;
222
221
  Id: string;
223
222
  Text: string;
223
+ Error?: Error;
224
224
  };
225
- export declare type WordBreakType = 'normal' | 'break-all' | 'keep-all' | 'break-word' | 'inherit' | 'initial' | 'unset';
225
+ export declare type WordBreakType = "normal" | "break-all" | "keep-all" | "break-word" | "inherit" | "initial" | "unset";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@cruk/cruk-react-components",
3
- "version": "0.1.5",
3
+ "version": "1.0.1",
4
4
  "description": "React components implementing CRUK and SU2C designs",
5
5
  "license": "UNLICENSED",
6
6
  "publishConfig": {
@@ -16,7 +16,7 @@
16
16
  ],
17
17
  "engines": {
18
18
  "node": "^14.0.0",
19
- "npm": "^7"
19
+ "npm": "^6"
20
20
  },
21
21
  "scripts": {
22
22
  "dev": "NODE_ENV=development npm i && docker-compose up server",
@@ -37,12 +37,14 @@
37
37
  "clean": "rm -rf node_modules/",
38
38
  "release": "node release.js",
39
39
  "rollup:build-lib": "npm run clean-lib && rollup --config",
40
- "prettier": "prettier --write src/**/*.{ts,tsx}",
40
+ "prettier": "prettier --write '**/*.{ts,tsx}'",
41
41
  "prettier:test": "prettier --check src/**/*.{ts,tsx}",
42
+ "prettier:debug": "prettier --debug-check src/**/*.{ts,tsx}",
42
43
  "prettier:test-staged": "npx pretty-quick --pattern 'src/**/*.{js,ts,tsx}' 'cypress/{integration,plugins,support}/**/*.{js,ts,tsx}' --staged",
43
44
  "storybook": "start-storybook -p 6006",
44
45
  "build-storybook": "build-storybook",
45
46
  "eslint:test": "eslint src",
47
+ "eslint:fix": "eslint src --fix",
46
48
  "eslint:test-staged": "npx lint-staged",
47
49
  "prepare": "husky install",
48
50
  "precommit": "npm run prettier:test-staged && npm run eslint:test-staged"
@@ -66,74 +68,91 @@
66
68
  },
67
69
  "homepage": "https://github.com/CRUKorg/cruk-react-components#readme",
68
70
  "devDependencies": {
69
- "@babel/cli": "^7.8.4",
70
- "@babel/core": "^7.9.0",
71
+ "@babel/cli": "^7.15.7",
72
+ "@babel/core": "^7.15.5",
71
73
  "@babel/plugin-proposal-class-properties": "^7.8.3",
72
- "@babel/preset-env": "^7.8.3",
73
- "@babel/preset-react": "^7.8.3",
74
+ "@babel/preset-env": "^7.15.6",
75
+ "@babel/preset-react": "^7.14.5",
74
76
  "@babel/preset-typescript": "^7.9.0",
75
- "@cypress/react": "^5.3.4",
76
- "@cypress/webpack-dev-server": "^1.1.3",
77
- "@cypress/webpack-preprocessor": "^5.5.0",
77
+ "@cruk/eslint-config": "^1.0.3",
78
+ "@cypress/react": "^5.10.0",
79
+ "@cypress/webpack-dev-server": "1.7.0",
80
+ "@cypress/webpack-preprocessor": "^5.9.1",
78
81
  "@mdx-js/loader": "^1.6.22",
79
82
  "@mdx-js/mdx": "^1.6.22",
80
83
  "@mdx-js/react": "^1.6.22",
81
84
  "@percy/cli": "^1.0.0-beta.65",
82
- "@percy/storybook": "^4.0.1",
85
+ "@percy/storybook": "^4.1.0",
83
86
  "@reach/router": "^1.3.4",
84
- "@react-theming/storybook-addon": "^1.1.1",
87
+ "@react-theming/storybook-addon": "^1.1.3",
85
88
  "@rollup/plugin-babel": "^5.0.0",
86
- "@rollup/plugin-commonjs": "^20.0.0",
87
- "@rollup/plugin-node-resolve": "^7.1.3",
88
- "@storybook/addon-a11y": "6.3.8",
89
- "@storybook/addon-actions": "6.3.8",
90
- "@storybook/addon-essentials": "6.3.8",
91
- "@storybook/addon-links": "6.3.8",
92
- "@storybook/react": "6.3.8",
89
+ "@rollup/plugin-commonjs": "^21.0.0",
90
+ "@rollup/plugin-node-resolve": "^13.0.5",
91
+ "@storybook/addon-a11y": "6.4.3",
92
+ "@storybook/addon-actions": "^6.4.3",
93
+ "@storybook/addon-docs": "^6.4.3",
94
+ "@storybook/addon-essentials": "^6.4.3",
95
+ "@storybook/addon-links": "^6.4.3",
96
+ "@storybook/builder-webpack5": "^6.4.3",
97
+ "@storybook/manager-webpack5": "^6.4.3",
93
98
  "@types/assert": "^1.5.1",
99
+ "@types/cypress-image-snapshot": "^3.1.6",
94
100
  "@types/jest": "^26.0.9",
95
101
  "@types/mdx-js__react": "^1.5.1",
96
- "@types/react": "^16.9.0",
97
- "@types/react-dom": "^16.9.0",
102
+ "@types/node": "^16.11.1",
103
+ "@types/react": "^17.0.34",
104
+ "@types/react-dom": "^17.0.9",
98
105
  "@types/styled-components": "^5.1.0",
99
- "@typescript-eslint/eslint-plugin": "^4.25.0",
100
- "@typescript-eslint/parser": "^4.25.0",
106
+ "@typescript-eslint/eslint-plugin": "^4.33.0",
107
+ "@typescript-eslint/parser": "^4.33.0",
101
108
  "axe-core": "^4.2.1",
102
- "babel-loader": "^8.0.6",
109
+ "babel-loader": "8.2.1",
103
110
  "babel-plugin-styled-components": "^1.8.0",
104
- "cypress": "8.4.1",
111
+ "cypress": "8.5.0",
105
112
  "cypress-axe": "0.13.0",
106
113
  "cypress-image-snapshot": "^4.0.1",
107
114
  "cypress-plugin-tab": "^1.0.5",
108
- "eslint": "^7.26.0",
115
+ "eslint": "^7.32.0",
116
+ "eslint-config-airbnb": "^18.2.1",
117
+ "eslint-config-airbnb-typescript": "^14.0.1",
109
118
  "eslint-config-prettier": "^8.3.0",
110
- "eslint-plugin-react": "^7.23.2",
119
+ "eslint-plugin-cypress": "^2.12.1",
120
+ "eslint-plugin-eslint-comments": "^3.2.0",
121
+ "eslint-plugin-import": "^2.25.2",
122
+ "eslint-plugin-jest": "^24.7.0",
123
+ "eslint-plugin-jsx-a11y": "^6.4.1",
124
+ "eslint-plugin-promise": "^5.1.0",
125
+ "eslint-plugin-react": "^7.26.1",
111
126
  "eslint-plugin-react-hooks": "^4.2.0",
112
- "html-loader": "^0.5.5",
113
- "html-webpack-plugin": "^4.0.0",
114
- "husky": "^6.0.0",
127
+ "eslint-plugin-storybook": "^0.5.1",
128
+ "html-loader": "^2.1.2",
129
+ "html-webpack-plugin": "^5.3.2",
130
+ "husky": "^7.0.2",
115
131
  "jest": "^26.6.3",
116
132
  "lint-staged": "^11.1.2",
117
- "prettier": "^1.19.1",
133
+ "prettier": "^2.4.1",
118
134
  "pretty-quick": "^3.1.1",
119
135
  "react": "^16.12.0",
120
136
  "react-dom": "^16.12.0",
121
- "react-focus-lock": "^2.5.0",
122
137
  "react-live": "^2.2.3",
123
138
  "rollup": "^2.7.2",
124
139
  "rollup-plugin-terser": "^7.0.0",
125
140
  "rollup-plugin-typescript2": "^0.30.0",
126
141
  "source-map-explorer": "^2.2.2",
127
142
  "styled-components": "^5.1.1",
128
- "ts-loader": "^8.1.0",
129
- "typescript": "^3.9.9",
130
- "webpack": "^4.46.0",
131
- "webpack-cli": "^4.7.0",
132
- "webpack-dev-server": "^3.11.2"
143
+ "ts-loader": "9.2.6",
144
+ "typescript": "^4.4.4",
145
+ "webpack": "^5.53.0",
146
+ "webpack-cli": "4.9.1",
147
+ "webpack-dev-server": "^4.4.0"
133
148
  },
134
149
  "peerDependencies": {
135
150
  "react": "^16.12.0 || ^17.0.1 ",
136
151
  "react-dom": "^16.12.0 || ^17.0.1 ",
137
152
  "styled-components": "^5.1.1"
153
+ },
154
+ "dependencies": {
155
+ "react-focus-lock": "^2.5.2",
156
+ "@storybook/react": "^6.4.3"
138
157
  }
139
158
  }
@@ -1,2 +0,0 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});exports.default="IyBSYWRpbyBidXR0b25zIGdyb3VwCgpSYWRpbyBidXR0b25zIGFsb3cgdXNlcnMgdG8gc2VsZWN0IG9uZSBvZiBhIG51bWJlciBvZiBvcHRpb25zLgoKIyMjIEV4YW1wbGUKCmBgYC5qc3gKCmZ1bmN0aW9uICgpIHsKICBjb25zdCBbc2VsZWN0ZWRFbWFpbCwgc2V0U2VsZWN0ZWRFbWFpbF0gPSBSZWFjdC51c2VTdGF0ZSgneWVzJyk7CiAgY29uc3QgW3NlbGVjdGVkUGhvbmUsIHNldFNlbGVjdGVkUGhvbmVdID0gUmVhY3QudXNlU3RhdGUoJ25vJyk7CgogIHJldHVybiAoCiAgICA8PgogICAgICA8UmFkaW9Hcm91cAogICAgICAgIGxlZ2VuZD0iRW1haWwiCiAgICAgICAgbmFtZT0iZW1haWwiCiAgICAgICAgb25DaGFuZ2U9e2UgPT4gc2V0U2VsZWN0ZWRFbWFpbChlLnRhcmdldC52YWx1ZSl9CiAgICAgICAgYXR0cmlidXRlcz0ge1t7b3B0aW9uOiAnWWVzJywgdmFsdWU6ICd5ZXMnfSx7b3B0aW9uOiAnTm8nLCB2YWx1ZTogJ25vJ31dfQogICAgICAgIHNlbGVjdGVkVmFsdWU9e3NlbGVjdGVkRW1haWx9CiAgICAgIC8+CgogICAgICA8UmFkaW9Hcm91cAogICAgICAgIGxlZ2VuZD0iVGVsZXBob25lIgogICAgICAgIG5hbWU9InBob25lIgogICAgICAgIG9uQ2hhbmdlPXtlID0+IHNldFNlbGVjdGVkUGhvbmUoZS50YXJnZXQudmFsdWUpfQogICAgICAgIGF0dHJpYnV0ZXM9IHtbe29wdGlvbjogJ1llcycsIHZhbHVlOiAneWVzJ30se29wdGlvbjogJ05vJywgdmFsdWU6ICdubyd9XX0KICAgICAgICBzZWxlY3RlZFZhbHVlPXtzZWxlY3RlZFBob25lfQogICAgICAvPgogICAgPC8+CiAgKQp9CmBgYAoKIyMgUHJvcHMKCnwgTmFtZSAgICAgICAgICB8IFR5cGUgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHwgT3B0aW9ucyB8IERlZmF1bHQgfCBEZXNjcmlwdGlvbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB8CnwgOi0tLS0tLS0tLS0tLSB8IDotLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tIHwgOi0tLS0tOiB8IDotLS0tLS0gfCA6LS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLSB8CnwgbGVnZW5kICAgICAgICB8IFN0cmluZyAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHwgICAgICAgICB8ICAgICAgICAgfCBUaGlzIGlzIHRoZSB0aXRsZSBvZiB0aGUgcmFkaW8gZ3JvdXAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB8CnwgbmFtZSAgICAgICAgICB8IFN0cmluZyAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHwgICAgICAgICB8ICAgICAgICAgfCBVc2VkIHRvIGxpbmsgcmFkaW9zIHRvZ2V0aGVyLiBNdXN0IGJlIHVuaXF1ZSBwZXIgcGFnZSAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB8CnwgYXR0cmlidXRlcyAgICB8IEFycmF5PHtvcHRpb246IHN0cmluZywgdmFsdWU6IHN0cmluZ30+IHwgICAgICAgICB8ICAgICAgICAgfCBUaGlzIGJ1aWxkcyB0aGUgUmFkaW9Hcm91cCBmcm9tIGFuIGFycmF5IG9mIG9iamVjdHMgY29udGFpbmluZyBhbiB0aGUgb3B0aW9uIHRpdGxlIGFuZCB2YWx1ZSB8Cnwgc2VsZWN0ZWRWYWx1ZSB8IHN0cmluZyAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHwgICAgICAgICB8ICAgICAgICAgfCBUaGUgdmFsdWUgb2YgdGhlIHJhZGlvIHRoYXQgaXMgc2VsZWN0ZWQgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB8Cnwgb25DaGFuZ2UgICAgICB8IEZ1bmN0aW9uICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHwgICAgICAgICB8ICAgICAgICAgfCBDYWxsYmFjayBmdW5jdGlvbiBjYWxsZWQgb24gaW5wdXQgY2hhbmdlICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB8Cg==";
2
- //# sourceMappingURL=README.md.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"README.md.js","sources":["../../../../../src/components/RadioGroup/README.md"],"sourcesContent":["export default \"IyBSYWRpbyBidXR0b25zIGdyb3VwCgpSYWRpbyBidXR0b25zIGFsb3cgdXNlcnMgdG8gc2VsZWN0IG9uZSBvZiBhIG51bWJlciBvZiBvcHRpb25zLgoKIyMjIEV4YW1wbGUKCmBgYC5qc3gKCmZ1bmN0aW9uICgpIHsKICBjb25zdCBbc2VsZWN0ZWRFbWFpbCwgc2V0U2VsZWN0ZWRFbWFpbF0gPSBSZWFjdC51c2VTdGF0ZSgneWVzJyk7CiAgY29uc3QgW3NlbGVjdGVkUGhvbmUsIHNldFNlbGVjdGVkUGhvbmVdID0gUmVhY3QudXNlU3RhdGUoJ25vJyk7CgogIHJldHVybiAoCiAgICA8PgogICAgICA8UmFkaW9Hcm91cAogICAgICAgIGxlZ2VuZD0iRW1haWwiCiAgICAgICAgbmFtZT0iZW1haWwiCiAgICAgICAgb25DaGFuZ2U9e2UgPT4gc2V0U2VsZWN0ZWRFbWFpbChlLnRhcmdldC52YWx1ZSl9CiAgICAgICAgYXR0cmlidXRlcz0ge1t7b3B0aW9uOiAnWWVzJywgdmFsdWU6ICd5ZXMnfSx7b3B0aW9uOiAnTm8nLCB2YWx1ZTogJ25vJ31dfQogICAgICAgIHNlbGVjdGVkVmFsdWU9e3NlbGVjdGVkRW1haWx9CiAgICAgIC8+CgogICAgICA8UmFkaW9Hcm91cAogICAgICAgIGxlZ2VuZD0iVGVsZXBob25lIgogICAgICAgIG5hbWU9InBob25lIgogICAgICAgIG9uQ2hhbmdlPXtlID0+IHNldFNlbGVjdGVkUGhvbmUoZS50YXJnZXQudmFsdWUpfQogICAgICAgIGF0dHJpYnV0ZXM9IHtbe29wdGlvbjogJ1llcycsIHZhbHVlOiAneWVzJ30se29wdGlvbjogJ05vJywgdmFsdWU6ICdubyd9XX0KICAgICAgICBzZWxlY3RlZFZhbHVlPXtzZWxlY3RlZFBob25lfQogICAgICAvPgogICAgPC8+CiAgKQp9CmBgYAoKIyMgUHJvcHMKCnwgTmFtZSAgICAgICAgICB8IFR5cGUgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHwgT3B0aW9ucyB8IERlZmF1bHQgfCBEZXNjcmlwdGlvbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB8CnwgOi0tLS0tLS0tLS0tLSB8IDotLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tIHwgOi0tLS0tOiB8IDotLS0tLS0gfCA6LS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLSB8CnwgbGVnZW5kICAgICAgICB8IFN0cmluZyAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHwgICAgICAgICB8ICAgICAgICAgfCBUaGlzIGlzIHRoZSB0aXRsZSBvZiB0aGUgcmFkaW8gZ3JvdXAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB8CnwgbmFtZSAgICAgICAgICB8IFN0cmluZyAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHwgICAgICAgICB8ICAgICAgICAgfCBVc2VkIHRvIGxpbmsgcmFkaW9zIHRvZ2V0aGVyLiBNdXN0IGJlIHVuaXF1ZSBwZXIgcGFnZSAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB8CnwgYXR0cmlidXRlcyAgICB8IEFycmF5PHtvcHRpb246IHN0cmluZywgdmFsdWU6IHN0cmluZ30+IHwgICAgICAgICB8ICAgICAgICAgfCBUaGlzIGJ1aWxkcyB0aGUgUmFkaW9Hcm91cCBmcm9tIGFuIGFycmF5IG9mIG9iamVjdHMgY29udGFpbmluZyBhbiB0aGUgb3B0aW9uIHRpdGxlIGFuZCB2YWx1ZSB8Cnwgc2VsZWN0ZWRWYWx1ZSB8IHN0cmluZyAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHwgICAgICAgICB8ICAgICAgICAgfCBUaGUgdmFsdWUgb2YgdGhlIHJhZGlvIHRoYXQgaXMgc2VsZWN0ZWQgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB8Cnwgb25DaGFuZ2UgICAgICB8IEZ1bmN0aW9uICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHwgICAgICAgICB8ICAgICAgICAgfCBDYWxsYmFjayBmdW5jdGlvbiBjYWxsZWQgb24gaW5wdXQgY2hhbmdlICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB8Cg==\""],"names":[],"mappings":"oFAAe"}
@@ -1,2 +0,0 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../node_modules/tslib/tslib.es6.js"),n=require("styled-components"),t=require("../Radio/index.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i,a,d,r=l(n),o=r.default(t.default)(i||(i=e.__makeTemplateObject(["\n display: block;\n float: left;\n text-align: center;\n margin-left: ",";\n width: ",";\n"],["\n display: block;\n float: left;\n text-align: center;\n margin-left: ",";\n width: ",";\n"])),(function(e){return e.theme.spacing.s}),(function(e){return"calc(((100% - 20%) / "+e.numberOfAttributes+") - "+e.theme.spacing.s+")"})),s=r.default.legend(a||(a=e.__makeTemplateObject(["\n width: ",";\n display: block;\n float: left;\n"],["\n width: ",";\n display: block;\n float: left;\n"])),"20%"),c=r.default.fieldset(d||(d=e.__makeTemplateObject(["\n display: block;\n position: relative;\n border: none;\n padding: 0;\n margin: 0 0 "," 0;\n width: 100%;\n"],["\n display: block;\n position: relative;\n border: none;\n padding: 0;\n margin: 0 0 "," 0;\n width: 100%;\n"])),(function(e){return e.theme.spacing.s}));exports.StyledFieldSet=c,exports.StyledLegend=s,exports.StyledRadio=o;
2
- //# sourceMappingURL=styles.js.map
@@ -1,6 +0,0 @@
1
- import { Story, Meta } from '@storybook/react';
2
- import { RadioGroupProps } from '.';
3
- declare const _default: Meta<RadioGroupProps>;
4
- export default _default;
5
- export declare const RadioDefault: Story<RadioGroupProps>;
6
- export declare const SU2CRadio: Story<RadioGroupProps>;
@@ -1,24 +0,0 @@
1
- import React, { FunctionComponent } from 'react';
2
- export declare type RadioGroupProps = {
3
- /** because each radio has its own label this is the group label text */
4
- legend: string;
5
- /** array of option for radio group where option is the option name and value is the option value */
6
- attributes: Array<{
7
- value: string;
8
- option: string;
9
- }>;
10
- /** on change handler callback passed change event */
11
- onChange?: React.ChangeEventHandler<HTMLInputElement>;
12
- /** set the value of selected option */
13
- selectedValue?: string;
14
- /** name of field this is what groups all the options together */
15
- name: string;
16
- };
17
- /**
18
- *
19
- * Radio group is a component for showing a bunch of yes/no radios predominantly used for notification selections where a unselected state is usefull for analytics.
20
- *
21
- * This is always a controlled component that will only change state with the selectedValue prop
22
- */
23
- declare const RadioGroup: FunctionComponent<RadioGroupProps>;
24
- export default RadioGroup;
@@ -1,2 +0,0 @@
1
- var g="IyBSYWRpbyBidXR0b25zIGdyb3VwCgpSYWRpbyBidXR0b25zIGFsb3cgdXNlcnMgdG8gc2VsZWN0IG9uZSBvZiBhIG51bWJlciBvZiBvcHRpb25zLgoKIyMjIEV4YW1wbGUKCmBgYC5qc3gKCmZ1bmN0aW9uICgpIHsKICBjb25zdCBbc2VsZWN0ZWRFbWFpbCwgc2V0U2VsZWN0ZWRFbWFpbF0gPSBSZWFjdC51c2VTdGF0ZSgneWVzJyk7CiAgY29uc3QgW3NlbGVjdGVkUGhvbmUsIHNldFNlbGVjdGVkUGhvbmVdID0gUmVhY3QudXNlU3RhdGUoJ25vJyk7CgogIHJldHVybiAoCiAgICA8PgogICAgICA8UmFkaW9Hcm91cAogICAgICAgIGxlZ2VuZD0iRW1haWwiCiAgICAgICAgbmFtZT0iZW1haWwiCiAgICAgICAgb25DaGFuZ2U9e2UgPT4gc2V0U2VsZWN0ZWRFbWFpbChlLnRhcmdldC52YWx1ZSl9CiAgICAgICAgYXR0cmlidXRlcz0ge1t7b3B0aW9uOiAnWWVzJywgdmFsdWU6ICd5ZXMnfSx7b3B0aW9uOiAnTm8nLCB2YWx1ZTogJ25vJ31dfQogICAgICAgIHNlbGVjdGVkVmFsdWU9e3NlbGVjdGVkRW1haWx9CiAgICAgIC8+CgogICAgICA8UmFkaW9Hcm91cAogICAgICAgIGxlZ2VuZD0iVGVsZXBob25lIgogICAgICAgIG5hbWU9InBob25lIgogICAgICAgIG9uQ2hhbmdlPXtlID0+IHNldFNlbGVjdGVkUGhvbmUoZS50YXJnZXQudmFsdWUpfQogICAgICAgIGF0dHJpYnV0ZXM9IHtbe29wdGlvbjogJ1llcycsIHZhbHVlOiAneWVzJ30se29wdGlvbjogJ05vJywgdmFsdWU6ICdubyd9XX0KICAgICAgICBzZWxlY3RlZFZhbHVlPXtzZWxlY3RlZFBob25lfQogICAgICAvPgogICAgPC8+CiAgKQp9CmBgYAoKIyMgUHJvcHMKCnwgTmFtZSAgICAgICAgICB8IFR5cGUgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHwgT3B0aW9ucyB8IERlZmF1bHQgfCBEZXNjcmlwdGlvbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB8CnwgOi0tLS0tLS0tLS0tLSB8IDotLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tIHwgOi0tLS0tOiB8IDotLS0tLS0gfCA6LS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLSB8CnwgbGVnZW5kICAgICAgICB8IFN0cmluZyAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHwgICAgICAgICB8ICAgICAgICAgfCBUaGlzIGlzIHRoZSB0aXRsZSBvZiB0aGUgcmFkaW8gZ3JvdXAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB8CnwgbmFtZSAgICAgICAgICB8IFN0cmluZyAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHwgICAgICAgICB8ICAgICAgICAgfCBVc2VkIHRvIGxpbmsgcmFkaW9zIHRvZ2V0aGVyLiBNdXN0IGJlIHVuaXF1ZSBwZXIgcGFnZSAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB8CnwgYXR0cmlidXRlcyAgICB8IEFycmF5PHtvcHRpb246IHN0cmluZywgdmFsdWU6IHN0cmluZ30+IHwgICAgICAgICB8ICAgICAgICAgfCBUaGlzIGJ1aWxkcyB0aGUgUmFkaW9Hcm91cCBmcm9tIGFuIGFycmF5IG9mIG9iamVjdHMgY29udGFpbmluZyBhbiB0aGUgb3B0aW9uIHRpdGxlIGFuZCB2YWx1ZSB8Cnwgc2VsZWN0ZWRWYWx1ZSB8IHN0cmluZyAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHwgICAgICAgICB8ICAgICAgICAgfCBUaGUgdmFsdWUgb2YgdGhlIHJhZGlvIHRoYXQgaXMgc2VsZWN0ZWQgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB8Cnwgb25DaGFuZ2UgICAgICB8IEZ1bmN0aW9uICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHwgICAgICAgICB8ICAgICAgICAgfCBDYWxsYmFjayBmdW5jdGlvbiBjYWxsZWQgb24gaW5wdXQgY2hhbmdlICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB8Cg==";export{g as default};
2
- //# sourceMappingURL=README.md.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"README.md.js","sources":["../../../../../src/components/RadioGroup/README.md"],"sourcesContent":["export default \"IyBSYWRpbyBidXR0b25zIGdyb3VwCgpSYWRpbyBidXR0b25zIGFsb3cgdXNlcnMgdG8gc2VsZWN0IG9uZSBvZiBhIG51bWJlciBvZiBvcHRpb25zLgoKIyMjIEV4YW1wbGUKCmBgYC5qc3gKCmZ1bmN0aW9uICgpIHsKICBjb25zdCBbc2VsZWN0ZWRFbWFpbCwgc2V0U2VsZWN0ZWRFbWFpbF0gPSBSZWFjdC51c2VTdGF0ZSgneWVzJyk7CiAgY29uc3QgW3NlbGVjdGVkUGhvbmUsIHNldFNlbGVjdGVkUGhvbmVdID0gUmVhY3QudXNlU3RhdGUoJ25vJyk7CgogIHJldHVybiAoCiAgICA8PgogICAgICA8UmFkaW9Hcm91cAogICAgICAgIGxlZ2VuZD0iRW1haWwiCiAgICAgICAgbmFtZT0iZW1haWwiCiAgICAgICAgb25DaGFuZ2U9e2UgPT4gc2V0U2VsZWN0ZWRFbWFpbChlLnRhcmdldC52YWx1ZSl9CiAgICAgICAgYXR0cmlidXRlcz0ge1t7b3B0aW9uOiAnWWVzJywgdmFsdWU6ICd5ZXMnfSx7b3B0aW9uOiAnTm8nLCB2YWx1ZTogJ25vJ31dfQogICAgICAgIHNlbGVjdGVkVmFsdWU9e3NlbGVjdGVkRW1haWx9CiAgICAgIC8+CgogICAgICA8UmFkaW9Hcm91cAogICAgICAgIGxlZ2VuZD0iVGVsZXBob25lIgogICAgICAgIG5hbWU9InBob25lIgogICAgICAgIG9uQ2hhbmdlPXtlID0+IHNldFNlbGVjdGVkUGhvbmUoZS50YXJnZXQudmFsdWUpfQogICAgICAgIGF0dHJpYnV0ZXM9IHtbe29wdGlvbjogJ1llcycsIHZhbHVlOiAneWVzJ30se29wdGlvbjogJ05vJywgdmFsdWU6ICdubyd9XX0KICAgICAgICBzZWxlY3RlZFZhbHVlPXtzZWxlY3RlZFBob25lfQogICAgICAvPgogICAgPC8+CiAgKQp9CmBgYAoKIyMgUHJvcHMKCnwgTmFtZSAgICAgICAgICB8IFR5cGUgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHwgT3B0aW9ucyB8IERlZmF1bHQgfCBEZXNjcmlwdGlvbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB8CnwgOi0tLS0tLS0tLS0tLSB8IDotLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tIHwgOi0tLS0tOiB8IDotLS0tLS0gfCA6LS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLSB8CnwgbGVnZW5kICAgICAgICB8IFN0cmluZyAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHwgICAgICAgICB8ICAgICAgICAgfCBUaGlzIGlzIHRoZSB0aXRsZSBvZiB0aGUgcmFkaW8gZ3JvdXAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB8CnwgbmFtZSAgICAgICAgICB8IFN0cmluZyAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHwgICAgICAgICB8ICAgICAgICAgfCBVc2VkIHRvIGxpbmsgcmFkaW9zIHRvZ2V0aGVyLiBNdXN0IGJlIHVuaXF1ZSBwZXIgcGFnZSAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB8CnwgYXR0cmlidXRlcyAgICB8IEFycmF5PHtvcHRpb246IHN0cmluZywgdmFsdWU6IHN0cmluZ30+IHwgICAgICAgICB8ICAgICAgICAgfCBUaGlzIGJ1aWxkcyB0aGUgUmFkaW9Hcm91cCBmcm9tIGFuIGFycmF5IG9mIG9iamVjdHMgY29udGFpbmluZyBhbiB0aGUgb3B0aW9uIHRpdGxlIGFuZCB2YWx1ZSB8Cnwgc2VsZWN0ZWRWYWx1ZSB8IHN0cmluZyAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHwgICAgICAgICB8ICAgICAgICAgfCBUaGUgdmFsdWUgb2YgdGhlIHJhZGlvIHRoYXQgaXMgc2VsZWN0ZWQgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB8Cnwgb25DaGFuZ2UgICAgICB8IEZ1bmN0aW9uICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHwgICAgICAgICB8ICAgICAgICAgfCBDYWxsYmFjayBmdW5jdGlvbiBjYWxsZWQgb24gaW5wdXQgY2hhbmdlICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB8Cg==\""],"names":[],"mappings":"AAAA,MAAe"}
@@ -1,2 +0,0 @@
1
- import{__makeTemplateObject as n}from"../../../node_modules/tslib/tslib.es6.js";import t from"styled-components";import e from"../Radio/index.js";var i,l,o,r=t(e)(i||(i=n(["\n display: block;\n float: left;\n text-align: center;\n margin-left: ",";\n width: ",";\n"],["\n display: block;\n float: left;\n text-align: center;\n margin-left: ",";\n width: ",";\n"])),(function(n){return n.theme.spacing.s}),(function(n){return"calc(((100% - 20%) / "+n.numberOfAttributes+") - "+n.theme.spacing.s+")"})),a=t.legend(l||(l=n(["\n width: ",";\n display: block;\n float: left;\n"],["\n width: ",";\n display: block;\n float: left;\n"])),"20%"),d=t.fieldset(o||(o=n(["\n display: block;\n position: relative;\n border: none;\n padding: 0;\n margin: 0 0 "," 0;\n width: 100%;\n"],["\n display: block;\n position: relative;\n border: none;\n padding: 0;\n margin: 0 0 "," 0;\n width: 100%;\n"])),(function(n){return n.theme.spacing.s}));export{d as StyledFieldSet,a as StyledLegend,r as StyledRadio};
2
- //# sourceMappingURL=styles.js.map
@@ -1,28 +0,0 @@
1
- import React from 'react';
2
- import './button.css';
3
- export interface ButtonProps {
4
- /**
5
- * Is this the principal call to action on the page?
6
- */
7
- primary?: boolean;
8
- /**
9
- * What background color to use
10
- */
11
- backgroundColor?: string;
12
- /**
13
- * How large should the button be?
14
- */
15
- size?: 'small' | 'medium' | 'large';
16
- /**
17
- * Button contents
18
- */
19
- label: string;
20
- /**
21
- * Optional click handler
22
- */
23
- onClick?: () => void;
24
- }
25
- /**
26
- * Primary UI component for user interaction
27
- */
28
- export declare const Button: React.FC<ButtonProps>;
@@ -1,9 +0,0 @@
1
- import React from 'react';
2
- import './header.css';
3
- export interface HeaderProps {
4
- user?: {};
5
- onLogin: () => void;
6
- onLogout: () => void;
7
- onCreateAccount: () => void;
8
- }
9
- export declare const Header: React.FC<HeaderProps>;
@@ -1,6 +0,0 @@
1
- import { Story, Meta } from '@storybook/react';
2
- import { HeaderProps } from './Header';
3
- declare const _default: Meta<import("@storybook/react").Args>;
4
- export default _default;
5
- export declare const LoggedIn: Story<HeaderProps>;
6
- export declare const LoggedOut: Story<HeaderProps>;
@@ -1,9 +0,0 @@
1
- import React from 'react';
2
- import './page.css';
3
- export interface PageProps {
4
- user?: {};
5
- onLogin: () => void;
6
- onLogout: () => void;
7
- onCreateAccount: () => void;
8
- }
9
- export declare const Page: React.FC<PageProps>;
@@ -1,6 +0,0 @@
1
- import { Story, Meta } from '@storybook/react';
2
- import { PageProps } from './Page';
3
- declare const _default: Meta<import("@storybook/react").Args>;
4
- export default _default;
5
- export declare const LoggedIn: Story<PageProps>;
6
- export declare const LoggedOut: Story<PageProps>;