@comicrelief/component-library 8.74.1 → 8.75.0

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 (60) hide show
  1. package/README.md +12 -0
  2. package/dist/index.cjs.js +578 -572
  3. package/dist/index.es.js +5423 -5367
  4. package/dist/style.css +1 -1
  5. package/package.json +1 -1
  6. package/src/components/Atoms/AmbientVideo/AmbientVideo.js +4 -3
  7. package/src/components/Atoms/Button/Button.js +1 -1
  8. package/src/components/Atoms/Button/Button.test.js +1 -0
  9. package/src/components/Atoms/ButtonWithStates/ButtonWithStates.js +2 -2
  10. package/src/components/Atoms/Confetti/Confetti.js +1 -1
  11. package/src/components/Atoms/Icons/IconsExample.jsx +2 -1
  12. package/src/components/Atoms/Icons/Post.js +37 -0
  13. package/src/components/Atoms/Icons/index.js +1 -0
  14. package/src/components/Atoms/Icons/post.svg +3 -0
  15. package/src/components/Atoms/Pagination/Pagination.js +1 -0
  16. package/src/components/Atoms/Pagination/__snapshots__/Pagination.test.js.snap +110 -0
  17. package/src/components/Atoms/Picture/Picture.js +4 -0
  18. package/src/components/Atoms/Picture/Picture.test.js +4 -0
  19. package/src/components/Atoms/SocialIcons/SocialIcons.js +2 -2
  20. package/src/components/Atoms/SocialIcons/__snapshots__/SocialIcons.test.js.snap +15 -0
  21. package/src/components/Atoms/TextInputWithDropdown/TextInputWithDropdown.js +6 -1
  22. package/src/components/Atoms/TextInputWithDropdown/__snapshots__/TextInputWithDropdown.test.js.snap +12 -0
  23. package/src/components/Molecules/ArticleTeaser/ArticleTeaser.test.js +4 -0
  24. package/src/components/Molecules/Box/__snapshots__/Box.test.js.snap +2 -0
  25. package/src/components/Molecules/CTA/CTAMultiCard/CTAMultiCard.js +4 -2
  26. package/src/components/Molecules/CTA/CTAMultiCard/__snapshots__/CTAMultiCard.test.js.snap +40 -0
  27. package/src/components/Molecules/CTA/CTASingleCard/CTASingleCard.js +2 -1
  28. package/src/components/Molecules/CTA/CTASingleCard/__snapshots__/CTASingleCard.test.js.snap +6 -0
  29. package/src/components/Molecules/Card/Card.js +3 -1
  30. package/src/components/Molecules/Card/__snapshots__/Card.test.js.snap +8 -0
  31. package/src/components/Molecules/CardDs/__snapshots__/CardDs.test.js.snap +4 -0
  32. package/src/components/Molecules/Countdown/Countdown.js +5 -5
  33. package/src/components/Molecules/Descriptor/Descriptor.test.js +221 -221
  34. package/src/components/Molecules/DoubleCopy/DoubleCopy.js +3 -3
  35. package/src/components/Molecules/DoubleCopy/DoubleCopy.test.js +3 -0
  36. package/src/components/Molecules/EmailSignUp/EmailSignUp.js +8 -7
  37. package/src/components/Molecules/HeroBanner/__snapshots__/HeroBanner.test.js.snap +8 -0
  38. package/src/components/Molecules/PartnerLink/PartnerLink.test.js +2 -0
  39. package/src/components/Molecules/PictureOrVideo/__snapshots__/PictureOrVideo.test.js.snap +10 -0
  40. package/src/components/Molecules/Promo/__snapshots__/Promo.test.js.snap +4 -0
  41. package/src/components/Molecules/SchoolLookup/__snapshots__/SchoolLookup.test.js.snap +2 -0
  42. package/src/components/Molecules/SearchResult/__snapshots__/SearchResult.test.js.snap +8 -0
  43. package/src/components/Molecules/SingleMessage/__snapshots__/SingleMessage.test.js.snap +12 -0
  44. package/src/components/Molecules/SingleMessageDS/__snapshots__/SingleMessageDs.test.js.snap +2 -0
  45. package/src/components/Molecules/StatsSlice/StatsSlice.js +2 -1
  46. package/src/components/Molecules/StatsSlice/_StatNode.js +7 -6
  47. package/src/components/Molecules/StatsSlice/__snapshots__/StatsSlice.test.js.snap +28 -0
  48. package/src/components/Molecules/Typeahead/__snapshots__/Typeahead.test.js.snap +2 -0
  49. package/src/components/Organisms/DynamicGallery/DynamicGallery.js +4 -3
  50. package/src/components/Organisms/DynamicGallery/_DynamicGalleryColumn.js +4 -2
  51. package/src/components/Organisms/DynamicGallery/_Lightbox.js +11 -8
  52. package/src/components/Organisms/DynamicGallery/__snapshots__/DynamicGallery.test.js.snap +56 -10
  53. package/src/components/Organisms/EmailBanner/__snapshots__/EmailBanner.test.js.snap +8 -0
  54. package/src/components/Organisms/EmailSignUp/__snapshots__/EmailSignUp.test.js.snap +2 -0
  55. package/src/components/Organisms/Footer/__snapshots__/Footer.test.js.snap +5 -0
  56. package/src/components/Organisms/FooterNew/__snapshots__/FooterNew.test.js.snap +62 -22
  57. package/src/components/Organisms/Membership/Membership.test.js +2 -0
  58. package/src/docs/InstallationDoc.jsx +3 -0
  59. package/src/index.js +2 -0
  60. package/src/theme/shared/global.css +0 -1
package/README.md CHANGED
@@ -28,6 +28,18 @@ $ yarn add @comicrelief/component-library
28
28
  import { ThemeProvider, crTheme } from '@comicrelief/component-library';
29
29
  ```
30
30
 
31
+ #### Load fonts in your app's HTML
32
+ We use Anton and Montserrat fonts. Add these to your frontend's `index.html` `<head>`:
33
+
34
+ ```
35
+ <link rel="preconnect" href="https://fonts.googleapis.com" />
36
+ <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
37
+ <link
38
+ rel="stylesheet"
39
+ href="https://fonts.googleapis.com/css2?family=Anton&family=Montserrat:wght@400;500;600;700&display=swap"
40
+ />
41
+ ```
42
+
31
43
  #### Import components
32
44
  ```
33
45
  import { HeroBanner } from '@comicrelief/component-library';