npm - @comicrelief/component-library - Versions diffs - 8.33.1 → 8.34.0 - Mend

@comicrelief/component-library 8.33.1 → 8.34.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 (29) hide show

package/dist/components/Atoms/Input/Input.js CHANGED Viewed

@@ -123,7 +123,7 @@ Input.propTypes = {
   placeholder: _propTypes.default.string,
   errorMsg: _propTypes.default.string,
   // This prop allows us to _visually_ hide the label if we want (even if we
-  //  don't want to display a label, it should be present for screen readers).
+  // don't want to display a label, it should be present for screen readers).
   // todo: convert this to 'hideLabel' to make it consistent with other components
   showLabel: _propTypes.default.bool,
   hasAria: _propTypes.default.bool,

package/dist/components/Atoms/Link/Link.style.js CHANGED Viewed

@@ -48,7 +48,7 @@ const buttonStyle = () => (0, _styledComponents.css)(["display:inline-flex;posit
   } = _ref7;
   return color ? theme.buttonColors(color) : theme.buttonColors('red');
 });
-const linkStyle = () => (0, _styledComponents.css)(["position:relative;text-decoration:none;display:inline;line-height:", ";", ";"], _ref8 => {
+const linkStyle = () => (0, _styledComponents.css)(["position:relative;display:inline;line-height:", ";", ";"], _ref8 => {
   let {
     theme
   } = _ref8;
@@ -56,10 +56,9 @@ const linkStyle = () => (0, _styledComponents.css)(["position:relative;text-deco
 }, _ref9 => {
   let {
     type,
-    theme,
-    underline
+    theme
   } = _ref9;
-  return type ? theme.linkStyles(type, underline) : theme.linkStyles('standard', underline);
+  return type ? theme.linkStyles(type) : theme.linkStyles('standard');
 });
 const IconWrapper = exports.IconWrapper = _styledComponents.default.span.withConfig({
   displayName: "Linkstyle__IconWrapper",

package/dist/components/Atoms/Link/Link.test.js CHANGED Viewed

@@ -14,18 +14,17 @@ it('renders a standard styled link correctly', () => {
   expect(tree).toMatchInlineSnapshot(`
     .c0 {
       position: relative;
-      -webkit-text-decoration: none;
-      text-decoration: none;
       display: inline;
       line-height: 1.5rem;
       color: #000000;
-      border-bottom: 2px solid #000000;
       font-weight: normal;
     }
-    .c0:hover {
+    .c0:hover,
+    .c0:focus {
       color: #000000;
-      border-bottom: 2px solid #000000;
+      -webkit-text-decoration: none;
+      text-decoration: none;
     }
     <a
@@ -67,18 +66,17 @@ it('renders a button with an icon', () => {
     .c0 {
       position: relative;
-      -webkit-text-decoration: none;
-      text-decoration: none;
       display: inline;
       line-height: 1.5rem;
       color: #000000;
-      border-bottom: 2px solid #000000;
       font-weight: normal;
     }
-    .c0:hover {
+    .c0:hover,
+    .c0:focus {
       color: #000000;
-      border-bottom: 2px solid #000000;
+      -webkit-text-decoration: none;
+      text-decoration: none;
     }
     .c2 {
@@ -140,18 +138,17 @@ it('renders a standard styled link correctly with target blank and assistive tex
   expect(tree).toMatchInlineSnapshot(`
     .c0 {
       position: relative;
-      -webkit-text-decoration: none;
-      text-decoration: none;
       display: inline;
       line-height: 1.5rem;
       color: #000000;
-      border-bottom: 2px solid #000000;
       font-weight: normal;
     }
-    .c0:hover {
+    .c0:hover,
+    .c0:focus {
       color: #000000;
-      border-bottom: 2px solid #000000;
+      -webkit-text-decoration: none;
+      text-decoration: none;
     }
     .c1 {

package/dist/components/Atoms/Select/Select.js CHANGED Viewed

@@ -36,7 +36,7 @@ const StyledSelect = _styledComponents.default.select.withConfig({
     theme,
     error
   } = _ref4;
-  return error ? theme.color('red') : theme.color('grey_medium');
+  return error ? theme.color('red') : theme.color('grey');
 }, _ref5 => {
   let {
     theme,

package/dist/components/Atoms/Select/__snapshots__/Select.test.js.snap CHANGED Viewed

@@ -41,7 +41,7 @@ exports[`renders correctly 1`] = `
   font-family: 'Montserrat',Helvetica,Arial,sans-serif;
   background: #F4F3F5 url(mock.asset) calc(100% - 1.5rem) 14px/20px 1.5rem no-repeat;
   border: 1px solid;
-  border-color: #E1E2E3;
+  border-color: #969598;
   box-shadow: none;
   -webkit-appearance: none;
   -moz-appearance: none;

package/dist/components/Molecules/ArticleTeaser/ArticleTeaser.test.js CHANGED Viewed

@@ -57,16 +57,17 @@ it('renders article teaser correctly', () => {
     .c1 {
       position: relative;
-      -webkit-text-decoration: none;
-      text-decoration: none;
       display: inline;
       line-height: 1.5rem;
       color: #000000;
       font-weight: normal;
     }
-    .c1:hover {
+    .c1:hover,
+    .c1:focus {
       color: #000000;
+      -webkit-text-decoration: none;
+      text-decoration: none;
     }
     .c0 {
@@ -305,16 +306,17 @@ it('renders press realese correctly', () => {
     .c1 {
       position: relative;
-      -webkit-text-decoration: none;
-      text-decoration: none;
       display: inline;
       line-height: 1.5rem;
       color: #000000;
       font-weight: normal;
     }
-    .c1:hover {
+    .c1:hover,
+    .c1:focus {
       color: #000000;
+      -webkit-text-decoration: none;
+      text-decoration: none;
     }
     .c0 {

package/dist/components/Molecules/InfoBanner/__snapshots__/InfoBanner.test.js.snap CHANGED Viewed

@@ -16,18 +16,17 @@ exports[`renders correctly 1`] = `
 .c4 {
   position: relative;
-  -webkit-text-decoration: none;
-  text-decoration: none;
   display: inline;
   line-height: 1.5rem;
   color: #000000;
-  border-bottom: 2px solid #000000;
   font-weight: normal;
 }
-.c4:hover {
+.c4:hover,
+.c4:focus {
   color: #000000;
-  border-bottom: 2px solid #000000;
+  -webkit-text-decoration: none;
+  text-decoration: none;
 }
 .c0 {

package/dist/components/Molecules/PartnerLink/PartnerLink.test.js CHANGED Viewed

@@ -41,18 +41,17 @@ it('renders correctly', () => {
     .c0 {
       position: relative;
-      -webkit-text-decoration: none;
-      text-decoration: none;
       display: inline;
       line-height: 1.5rem;
       color: #000000;
-      border-bottom: 2px solid #000000;
       font-weight: normal;
     }
-    .c0:hover {
+    .c0:hover,
+    .c0:focus {
       color: #000000;
-      border-bottom: 2px solid #000000;
+      -webkit-text-decoration: none;
+      text-decoration: none;
     }
     .c6 {

package/dist/components/Molecules/SearchResult/__snapshots__/SearchResult.test.js.snap CHANGED Viewed

@@ -32,18 +32,17 @@ exports[`renders correctly in minimalist form 1`] = `
 .c1 {
   position: relative;
-  -webkit-text-decoration: none;
-  text-decoration: none;
   display: inline;
   line-height: 1.5rem;
   color: #000000;
-  border-bottom: 2px solid #000000;
   font-weight: normal;
 }
-.c1:hover {
+.c1:hover,
+.c1:focus {
   color: #000000;
-  border-bottom: 2px solid #000000;
+  -webkit-text-decoration: none;
+  text-decoration: none;
 }
 .c0 {
@@ -208,18 +207,17 @@ exports[`renders correctly with copy 1`] = `
 .c1 {
   position: relative;
-  -webkit-text-decoration: none;
-  text-decoration: none;
   display: inline;
   line-height: 1.5rem;
   color: #000000;
-  border-bottom: 2px solid #000000;
   font-weight: normal;
 }
-.c1:hover {
+.c1:hover,
+.c1:focus {
   color: #000000;
-  border-bottom: 2px solid #000000;
+  -webkit-text-decoration: none;
+  text-decoration: none;
 }
 .c0 {
@@ -387,18 +385,17 @@ exports[`renders correctly with date 1`] = `
 .c1 {
   position: relative;
-  -webkit-text-decoration: none;
-  text-decoration: none;
   display: inline;
   line-height: 1.5rem;
   color: #000000;
-  border-bottom: 2px solid #000000;
   font-weight: normal;
 }
-.c1:hover {
+.c1:hover,
+.c1:focus {
   color: #000000;
-  border-bottom: 2px solid #000000;
+  -webkit-text-decoration: none;
+  text-decoration: none;
 }
 .c0 {
@@ -554,18 +551,17 @@ exports[`renders correctly with date and type 1`] = `
 .c1 {
   position: relative;
-  -webkit-text-decoration: none;
-  text-decoration: none;
   display: inline;
   line-height: 1.5rem;
   color: #000000;
-  border-bottom: 2px solid #000000;
   font-weight: normal;
 }
-.c1:hover {
+.c1:hover,
+.c1:focus {
   color: #000000;
-  border-bottom: 2px solid #000000;
+  -webkit-text-decoration: none;
+  text-decoration: none;
 }
 .c0 {

package/dist/components/Organisms/CookieBanner/CookieBanner.test.js CHANGED Viewed

@@ -29,18 +29,17 @@ it('renders correctly', () => {
     .c3 {
       position: relative;
-      -webkit-text-decoration: none;
-      text-decoration: none;
       display: inline;
       line-height: 1.5rem;
       color: #FFFFFF;
-      border-bottom: 2px solid #FFFFFF;
       font-weight: normal;
     }
-    .c3:hover {
+    .c3:hover,
+    .c3:focus {
       color: #FFFFFF;
-      border-bottom: 2px solid #FFFFFF;
+      -webkit-text-decoration: none;
+      text-decoration: none;
     }
     .c5 {

package/dist/components/Organisms/Footer/__snapshots__/Footer.test.js.snap CHANGED Viewed

@@ -56,18 +56,17 @@ exports[`renders correctly 1`] = `
 .c7 {
   position: relative;
-  -webkit-text-decoration: none;
-  text-decoration: none;
   display: inline;
   line-height: 1.5rem;
   color: #000000;
-  border-bottom: 2px solid #000000;
   font-weight: normal;
 }
-.c7:hover {
+.c7:hover,
+.c7:focus {
   color: #000000;
-  border-bottom: 2px solid #000000;
+  -webkit-text-decoration: none;
+  text-decoration: none;
 }
 .c23 {

package/dist/components/Organisms/WYMDCarousel/WYMDCarousel.test.js CHANGED Viewed

@@ -12,7 +12,7 @@ it("renders correctly", () => {
   const tree = (0, _shallowWithTheme.default)( /*#__PURE__*/_react.default.createElement(_WYMDCarousel.default, {
     data: carouselItemsComplete
   })).toJSON();
-  expect(tree).toMatchInlineSnapshot(`
+  expect(tree).toMatchSnapshot(`
     .c1 {
       font-size: 1rem;
       line-height: 1rem;