@comicrelief/component-library 8.26.0 → 8.28.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 (79) hide show
  1. package/dist/components/Atoms/Button/Button.test.js +62 -1
  2. package/dist/components/Atoms/ButtonWithStates/ButtonWithStates.js +4 -1
  3. package/dist/components/Atoms/Checkbox/Checkbox.js +1 -1
  4. package/dist/components/Atoms/Checkbox/Checkbox.test.js +160 -1
  5. package/dist/components/Atoms/Icons/Arrow.js +1 -1
  6. package/dist/components/Atoms/Icons/Chevron.js +1 -1
  7. package/dist/components/Atoms/Input/Input.js +3 -3
  8. package/dist/components/Atoms/Input/input.test.js +238 -2
  9. package/dist/components/Atoms/Label/Label.js +9 -1
  10. package/dist/components/Atoms/Link/Link.test.js +219 -4
  11. package/dist/components/Atoms/Logo/Logo.test.js +36 -1
  12. package/dist/components/Atoms/Pagination/Item/Item.js +1 -1
  13. package/dist/components/Atoms/Pagination/List/List.js +1 -1
  14. package/dist/components/Atoms/Pagination/Pagination.js +1 -1
  15. package/dist/components/Atoms/Pagination/Pagination.test.js +14 -14
  16. package/dist/components/Atoms/Picture/Picture.js +9 -2
  17. package/dist/components/Atoms/Picture/Picture.md +2 -1
  18. package/dist/components/Atoms/Picture/Picture.test.js +90 -2
  19. package/dist/components/Atoms/RadioButton/RadioButton.test.js +178 -1
  20. package/dist/components/Atoms/RichText/RichText.test.js +14 -1
  21. package/dist/components/Atoms/SocialIcons/Icon/Icon.js +2 -2
  22. package/dist/components/Atoms/SocialIcons/Utils/Links.js +3 -3
  23. package/dist/components/Atoms/Text/Text.js +3 -3
  24. package/dist/components/Atoms/TextArea/TextArea.test.js +90 -1
  25. package/dist/components/Atoms/TextInputWithDropdown/TextInputWithDropdown.js +3 -3
  26. package/dist/components/Molecules/ArticleTeaser/ArticleTeaser.js +1 -1
  27. package/dist/components/Molecules/ArticleTeaser/ArticleTeaser.test.js +479 -2
  28. package/dist/components/Molecules/Card/Card.style.js +1 -1
  29. package/dist/components/Molecules/Chip/Chip.test.js +104 -1
  30. package/dist/components/Molecules/Descriptor/Descriptor.js +1 -1
  31. package/dist/components/Molecules/Descriptor/Descriptor.test.js +216 -1
  32. package/dist/components/Molecules/DoubleCopy/DoubleCopy.test.js +55 -1
  33. package/dist/components/Molecules/PartnerLink/PartnerLink.test.js +148 -1
  34. package/dist/components/Molecules/Promo/_ProgressRing.js +5 -5
  35. package/dist/components/Molecules/SchoolLookup/SchoolLookup.js +1 -1
  36. package/dist/components/Molecules/SearchInput/SearchInput.test.js +190 -1
  37. package/dist/components/Molecules/SearchResult/SearchResult.js +1 -1
  38. package/dist/components/Molecules/ShareButton/ShareButton.js +3 -3
  39. package/dist/components/Molecules/ShareButton/ShareButton.test.js +112 -1
  40. package/dist/components/Molecules/SimpleSchoolLookup/SimpleSchoolLookup.js +1 -1
  41. package/dist/components/Molecules/SingleMessage/SingleMessage.js +4 -4
  42. package/dist/components/Molecules/SingleMessage/SingleMessage.style.js +2 -2
  43. package/dist/components/Molecules/SingleMessageDS/SingleMessageDs.js +1 -1
  44. package/dist/components/Molecules/SingleMessageDS/SingleMessageDs.style.js +8 -8
  45. package/dist/components/Molecules/VideoBanner/VideoBanner.test.js +18 -1
  46. package/dist/components/Organisms/CookieBanner/CookieBanner.test.js +181 -1
  47. package/dist/components/Organisms/Donate/Donate.js +1 -1
  48. package/dist/components/Organisms/Donate/Donate.style.js +3 -1
  49. package/dist/components/Organisms/Donate/Form/Form.js +8 -8
  50. package/dist/components/Organisms/Donate/GivingSelector/GivingSelector.js +4 -4
  51. package/dist/components/Organisms/Donate/MoneyBuy/MoneyBuy.js +1 -1
  52. package/dist/components/Organisms/Footer/Footer.js +1 -1
  53. package/dist/components/Organisms/Footer/Nav/Nav.js +1 -1
  54. package/dist/components/Organisms/Header/HeaderNav/HeaderNav.js +2 -2
  55. package/dist/components/Organisms/Header2025/HeaderNav2025/HeaderNav2025.js +1 -1
  56. package/dist/components/Organisms/Header2025/HeaderNav2025/HeaderNavItem2025.js +5 -5
  57. package/dist/components/Organisms/ImpactSlider/ImpactSlider.style.js +1 -1
  58. package/dist/components/Organisms/ImpactSlider/_ImpactMoneybuys.js +1 -1
  59. package/dist/components/Organisms/ImpactSlider/_utils.js +2 -2
  60. package/dist/components/Organisms/MarketingPreferencesDS/_MarketingPreferencesDS.js +5 -5
  61. package/dist/components/Organisms/MarketingPreferencesDS/_OptInCheckbox.js +3 -3
  62. package/dist/components/Organisms/Membership/Form/Form.js +5 -5
  63. package/dist/components/Organisms/Membership/Membership.style.js +1 -1
  64. package/dist/components/Organisms/Membership/Membership.test.js +633 -1
  65. package/dist/components/Organisms/Membership/MoneyBox/MoneyBox.js +1 -1
  66. package/dist/components/Organisms/RichtextCarousel/RichtextCarousel.test.js +208 -1
  67. package/dist/components/Organisms/WYMDCarousel/WYMDCarousel.test.js +341 -1
  68. package/dist/components/Organisms/WYMDCarousel/_utils.js +1 -1
  69. package/dist/theme/crTheme/colors.js +0 -8
  70. package/dist/theme/crTheme/linkStyles.js +4 -4
  71. package/dist/theme/shared/allBreakpoints.js +1 -1
  72. package/dist/theme/shared/fontFamilies.js +1 -1
  73. package/dist/utils/Membership.js +2 -2
  74. package/dist/utils/ShareButton/sharePopUpHelper.js +1 -1
  75. package/dist/utils/ShareButton/shareUrlHelper.js +2 -2
  76. package/dist/utils/internalLinkHelper.js +1 -1
  77. package/package.json +1 -1
  78. package/src/components/Atoms/Picture/Picture.md +2 -1
  79. package/src/theme/crTheme/colors.js +0 -8
@@ -26,7 +26,7 @@ const popUpCentre = (url, popUpWidth, popUpHeight) => {
26
26
  }
27
27
  const popUpLeft = browserWidth / 2 - popUpWidth / 2 + dualScreenLeft;
28
28
  const popUpTop = browserHeight / 2 - popUpHeight / 2 + dualScreenTop;
29
- const newWindow = window.open(url, '', "width=".concat(popUpWidth, ", height=").concat(popUpHeight, ", top=").concat(popUpTop, ", left=").concat(popUpLeft));
29
+ const newWindow = window.open(url, '', `width=${popUpWidth}, height=${popUpHeight}, top=${popUpTop}, left=${popUpLeft}`);
30
30
 
31
31
  // Shift browser focus to newWindow
32
32
  if (window.focus) {
@@ -11,8 +11,8 @@ const shareUrlHelper = (urlToShare, typeOfShare) => {
11
11
 
12
12
  // Construct all share urls
13
13
  const shareURLs = {
14
- Twitter: "http://www.twitter.com/intent/tweet?url=".concat(urlToShareEncoded),
15
- Facebook: "https://www.facebook.com/sharer/sharer.php?u=".concat(urlToShareEncoded)
14
+ Twitter: `http://www.twitter.com/intent/tweet?url=${urlToShareEncoded}`,
15
+ Facebook: `https://www.facebook.com/sharer/sharer.php?u=${urlToShareEncoded}`
16
16
  };
17
17
  return shareURLs[typeOfShare];
18
18
  };
@@ -12,7 +12,7 @@ const InternalLinkHelper = link => {
12
12
  }
13
13
 
14
14
  // If domain-free and internal, prefix it with slash if it doesn't already have one
15
- return link.substring(0, 1) === '/' ? link : "/".concat(link);
15
+ return link.substring(0, 1) === '/' ? link : `/${link}`;
16
16
  };
17
17
  exports.InternalLinkHelper = InternalLinkHelper;
18
18
  const getDomain = url => {
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@comicrelief/component-library",
3
3
  "author": "Comic Relief Engineering Team",
4
- "version": "8.26.0",
4
+ "version": "8.28.0",
5
5
  "main": "dist/index.js",
6
6
  "license": "ISC",
7
7
  "jest": {
@@ -10,7 +10,8 @@ const defaultData = require('../../../styleguide/data/data').defaultData;
10
10
  Custom Size.
11
11
 
12
12
  ```js
13
- const defaultData = require('../../../styleguide/data/data').defaultData;<Picture
13
+ const defaultData = require('../../../styleguide/data/data').defaultData;
14
+ <Picture
14
15
  alt="test Image"
15
16
  imageLow={defaultData.imageLow}
16
17
  images={defaultData.images}
@@ -44,14 +44,6 @@ const colors = {
44
44
  red: '#E52630',
45
45
  red_secondary: '#F9723A',
46
46
  red_dark: '#890B11',
47
- rnd_23_teal: '#3EB1AA',
48
- rnd_23_yellow: '#FFE300',
49
- rnd_23_pink: '#EDB4D3',
50
- rnd_23_black: '#2B3737',
51
- rnd_24_red_dark: '#A11B22',
52
- rnd_24_teal_dark: '#2B7C77',
53
- rnd_24_pink_dark: '#A67E94',
54
- rnd_24_blue: '#3367AF',
55
47
  rnd_25_ruby_red: '#AE001B',
56
48
  rnd_25_glitzy_grape: '#A20C51',
57
49
  rnd_25_glitzy_blue: '#0F1953',