From efea2a002f5fca7dbc891d88b26fe5da12df517b Mon Sep 17 00:00:00 2001 From: Liz Baker Date: Mon, 19 Aug 2024 09:41:35 -0700 Subject: [PATCH 1/2] fix: Update theme and osano --- package.json | 4 ++-- yarn.lock | 18 +++++++++--------- 2 files changed, 11 insertions(+), 11 deletions(-) diff --git a/package.json b/package.json index 9f642cc13f..a75088401d 100644 --- a/package.json +++ b/package.json @@ -9,7 +9,7 @@ "@emotion/styled": "^11.3.0", "@mdx-js/mdx": "^1.6.22", "@mdx-js/react": "^1.6.22", - "@newrelic/gatsby-theme-newrelic": "9.2.9", + "@newrelic/gatsby-theme-newrelic": "9.7.3", "@splitsoftware/splitio-react": "^1.2.4", "date-fns": "^2.17.0", "feather-icons": "^4.28.0", @@ -88,4 +88,4 @@ "bugs": { "url": "https://github.com/newrelic/opensource-website/issues" } -} +} \ No newline at end of file diff --git a/yarn.lock b/yarn.lock index 70f684b8dd..9e3227c91f 100644 --- a/yarn.lock +++ b/yarn.lock @@ -2673,10 +2673,10 @@ eslint-plugin-promise "^4.2.1" eslint-plugin-react "^7.14.3" -"@newrelic/gatsby-theme-newrelic@9.2.9": - version "9.2.9" - resolved "https://registry.yarnpkg.com/@newrelic/gatsby-theme-newrelic/-/gatsby-theme-newrelic-9.2.9.tgz#c5c28c67255d96a0e2a528bd479e4d71a96394b3" - integrity sha512-e3V2E5Yo90YaSQb8RQ/Dk6yVXXZMll84QytStsNWqZBig43C2QB7IXJWShclzJbARwa1D04kqVVDg5XTapp5yQ== +"@newrelic/gatsby-theme-newrelic@9.7.3": + version "9.7.3" + resolved "https://registry.yarnpkg.com/@newrelic/gatsby-theme-newrelic/-/gatsby-theme-newrelic-9.7.3.tgz#3b8dfdd52c0e130ea1b1ca95519f8b3e6f6f679c" + integrity sha512-t6/h99+BImEkkJpas2R9kW1nf51HST4nN2RxtVbfYwS8E7hrqPMweDYO5xL4pDhLjj7yecgPTwQlGC7LcpPbAA== dependencies: "@segment/analytics-next" "1.63.0" "@wry/equality" "^0.4.0" @@ -2687,7 +2687,7 @@ file-saver "^2.0.5" gatsby-plugin-emotion "^6.10.0" gatsby-plugin-layout "^2.10.0" - gatsby-plugin-newrelic "^2.4.0" + gatsby-plugin-newrelic "^2.6.0" gatsby-plugin-portal "^1.0.7" gatsby-plugin-react-helmet "^5.4.0" gatsby-plugin-robots-txt "^1.6.8" @@ -9217,10 +9217,10 @@ gatsby-plugin-netlify@^5.1.1: lodash.mergewith "^4.6.2" webpack-assets-manifest "^5.0.6" -gatsby-plugin-newrelic@^2.4.0: - version "2.4.0" - resolved "https://registry.yarnpkg.com/gatsby-plugin-newrelic/-/gatsby-plugin-newrelic-2.4.0.tgz#9361b49db19cbbe4e6f17aa2f81d9c68535f62fe" - integrity sha512-BOZko4EHIphlA/fDZaTXtJu2E/7BQFt5kWz1ps2F8QpbcRmO7RpzSU0Mwh/sNWp3nAPcfPsAvFVKesZNNWHpOQ== +gatsby-plugin-newrelic@^2.6.0: + version "2.6.0" + resolved "https://registry.yarnpkg.com/gatsby-plugin-newrelic/-/gatsby-plugin-newrelic-2.6.0.tgz#0d25c3e70e696945d3186a89c7a1e8733a926d4b" + integrity sha512-5ToEx5ojxVj4Z3n3tXGsmwygx+Cf3B0keZ3bmYLLi8zF1K1m5r2OIjRbgZvGqikkhFNP+hyYATqPZRFaLumOxQ== dependencies: "@babel/runtime" "^7.12.5" From 330ccba3aaccea0ceead2d15cf7c2666234f865e Mon Sep 17 00:00:00 2001 From: Liz Baker Date: Mon, 19 Aug 2024 09:56:46 -0700 Subject: [PATCH 2/2] fix: Update snaps --- .../__snapshots__/Header.spec.js.snap | 188 ++--- .../__snapshots__/collection.spec.js.snap | 238 +++--- .../external-projects.spec.js.snap | 238 +++--- .../__snapshots__/index.spec.js.snap | 252 +++--- .../__snapshots__/oss-category.spec.js.snap | 242 +++--- .../external-project-page.spec.js.snap | 788 ++++++++---------- 6 files changed, 869 insertions(+), 1077 deletions(-) diff --git a/src/components/__tests__/__snapshots__/Header.spec.js.snap b/src/components/__tests__/__snapshots__/Header.spec.js.snap index 2701268a4f..e3b7642121 100644 --- a/src/components/__tests__/__snapshots__/Header.spec.js.snap +++ b/src/components/__tests__/__snapshots__/Header.spec.js.snap @@ -2,7 +2,7 @@ exports[`Header renders correctly 1`] = ` Array [ - .emotion-77 { + .emotion-75 { display: grid; background-color: var(--erno-black); grid-template-columns: var(--sidebar-width) minmax(0, 1fr); @@ -17,33 +17,27 @@ Array [ } @media screen and (max-width: 1150px) and (min-width: 1070px) { - .emotion-77 { - grid-template-columns: calc(150px + var(--site-content-padding)) minmax( - 0, - 1fr - ); + .emotion-75 { + grid-template-columns: calc(150px + 1.5rem) minmax(0, 1fr); } } @media screen and (max-width: ) { - .emotion-77 { - grid-template-columns: calc(150px + var(--site-content-padding)) minmax( - 0, - 1fr - ); + .emotion-75 { + grid-template-columns: calc(150px + 1.5rem) minmax(0, 1fr); } } -.dark-mode .emotion-77 { +.dark-mode .emotion-75 { --color-neutrals-050: #fafbfb; --color-neutrals-100: #f4f5f5; --color-neutrals-500: #b9bdbd; --color-neutrals-600: #8e9494; } -.emotion-54 { +.emotion-53 { grid-area: logo; - padding: 0 var(--site-content-padding); + padding: 0 1.5rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; @@ -94,7 +88,7 @@ Array [ fill: var(--primary-text-color); } -.emotion-53 { +.emotion-52 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; @@ -108,7 +102,7 @@ Array [ } @media screen and (max-width: 1070px) { - .emotion-53 { + .emotion-52 { display: block; } } @@ -149,7 +143,7 @@ Array [ padding-right: 0; } -.emotion-52 { +.emotion-51 { --arrow-size: 5px; --arrow-offset: 0.5rem; position: absolute; @@ -162,11 +156,11 @@ Array [ box-shadow: 0 3px 8px 0 rgba(22, 38, 59, 0.2); } -.dark-mode .emotion-52 { +.dark-mode .emotion-51 { background-color: var(--primary-hover-color); } -.emotion-52::before { +.emotion-51::before { content: ''; position: absolute; display: block; @@ -180,7 +174,7 @@ Array [ left: var(--arrow-offset); } -.emotion-51 { +.emotion-50 { max-height: 20rem; min-width: 100px; overflow-y: auto; @@ -208,7 +202,7 @@ Array [ background-color: var(--system-border-regular-dark); } -.emotion-76 { +.emotion-74 { grid-area: nav; display: -webkit-box; display: -webkit-flex; @@ -217,13 +211,13 @@ Array [ -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; - padding: 0 var(--site-content-padding); + padding: 0 1.5rem; width: 100%; max-width: var(--site-max-width); margin: auto; } -.emotion-59 { +.emotion-57 { height: 100%; display: -webkit-box; display: -webkit-flex; @@ -236,23 +230,23 @@ Array [ -.emotion-59 li >a { +.emotion-57 li >a { font-size: 18px; } -.emotion-59 li:first-of-type >a { +.emotion-57 li:first-of-type >a { padding-left: 0px; } @media screen and (max-width: 1070px) { - .emotion-59 { + .emotion-57 { display: none; } } -.emotion-55 { +.emotion-54 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; @@ -273,11 +267,11 @@ Array [ text-decoration: none; } -.emotion-55:hover { +.emotion-54:hover { color: var(--system-text-secondary-dark); } -.emotion-75 { +.emotion-73 { margin: 0; margin-left: 1rem; padding: 0; @@ -296,17 +290,17 @@ Array [ justify-content: flex-end; } -.emotion-75 >li { +.emotion-73 >li { -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } -.emotion-75 >li:not(:first-of-type) .emotion-75 >li:not(:last-of-type) { +.emotion-73 >li:not(:first-of-type) .emotion-73 >li:not(:last-of-type) { margin-left: 0.5rem; } @media screen and (max-width: 1070px) { - .emotion-75 { + .emotion-73 { width: 100%; -webkit-box-pack: end; -ms-flex-pack: end; @@ -316,31 +310,31 @@ Array [ } } -.emotion-63 { +.emotion-61 { margin: 0rem 1rem; width: 100%; max-width: 320px; } @media screen and (max-width: 930px) { - .emotion-63 { + .emotion-61 { margin-right: 1rem; } } @media screen and (max-width: 1070px) { - .emotion-63 { + .emotion-61 { margin-left: 0; } } @media screen and (max-width: ) { - .emotion-63 { + .emotion-61 { display: none; } } -.emotion-62 { +.emotion-60 { --horizontal-spacing: 1rem; position: relative; width: 100%; @@ -350,17 +344,17 @@ Array [ max-width: 450px; } -.emotion-62 svg { +.emotion-60 svg { width: 1.5rem; height: 1.5rem; } -.emotion-62 input { +.emotion-60 input { border: none; height: 40px; } -.emotion-60 { +.emotion-58 { width: 0.875rem; height: 0.875rem; fill: none; @@ -377,7 +371,7 @@ Array [ transform: translateY(-50%); } -.emotion-61 { +.emotion-59 { width: 100%; border: 1px solid var(--primary-text-color); border-radius: 4px; @@ -395,13 +389,13 @@ Array [ padding-bottom: 0.5rem; } -.emotion-61:focus { +.emotion-59:focus { outline: none; border: 1px solid rgba(0, 126, 138, 0.6); box-shadow: 0 0 0 4px rgba(0, 126, 138, 0.1); } -.emotion-69 { +.emotion-67 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; @@ -412,7 +406,7 @@ Array [ } @media screen and (max-width: 460px) { - .emotion-69 { + .emotion-67 { width: 100%; -webkit-box-pack: space-evenly; -ms-flex-pack: space-evenly; @@ -421,7 +415,7 @@ Array [ } } -.emotion-65 { +.emotion-63 { color: var(--system-text-primary-dark); -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; @@ -433,18 +427,18 @@ Array [ } @media screen and (max-width: ) { - .emotion-65 { + .emotion-63 { display: block; } } @media screen and (max-width: ) { - .emotion-65 { + .emotion-63 { padding-right: 0.25rem; } } -.emotion-64 { +.emotion-62 { width: 1.5rem; height: 1.5rem; fill: none; @@ -456,7 +450,7 @@ Array [ display: block; } -.emotion-67 { +.emotion-65 { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; @@ -491,12 +485,12 @@ Array [ } @media screen and (max-width: 450px) { - .emotion-67 { + .emotion-65 { padding: 0; } } -.emotion-66 { +.emotion-64 { width: 27px; height: 27px; stroke: currentColor; @@ -508,29 +502,29 @@ Array [ color: var(--system-text-primary-dark); } -.emotion-66 path { +.emotion-64 path { fill: currentColor; } -.emotion-66 path { +.emotion-64 path { -webkit-transition: -webkit-transform 250ms; transition: transform 250ms; transform-origin: center; transition-timing-function: ease-out; } -.dark-mode .emotion-66 { +.dark-mode .emotion-64 { opacity: 0.8; -webkit-transition: opacity 250ms; transition: opacity 250ms; transition-timing-function: ease-out; } -.dark-mode .emotion-66 line { +.dark-mode .emotion-64 line { stroke-linecap: butt; } -.dark-mode .emotion-66 path { +.dark-mode .emotion-64 path { -webkit-transform: rotate(0.5turn) translate(3%, 3%); -moz-transform: rotate(0.5turn) translate(3%, 3%); -ms-transform: rotate(0.5turn) translate(3%, 3%); @@ -542,12 +536,12 @@ Array [ } @media screen and (max-width: ) { - .emotion-66 { + .emotion-64 { margin: 0; } } -.emotion-74 { +.emotion-72 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; @@ -561,7 +555,7 @@ Array [ flex-direction: row; } -.emotion-70 { +.emotion-68 { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; @@ -595,17 +589,17 @@ Array [ font-size: 18px; } -.emotion-70 span { +.emotion-68 span { color: var(--system-text-primary-dark); } @media screen and (max-width: ) { - .emotion-70 { + .emotion-68 { display: none; } } -.emotion-72 { +.emotion-70 { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; @@ -640,11 +634,11 @@ Array [ padding-right: 0; } -.emotion-72 span { +.emotion-70 span { color: var(--brand-button-primary-accent); } -.dark-mode .emotion-72 { +.dark-mode .emotion-70 { --color-neutrals-050: #fafbfb; --color-neutrals-100: #f4f5f5; --color-neutrals-500: #b9bdbd; @@ -652,11 +646,11 @@ Array [ }