Update components-marketing

See: storybookjs/components-marketing#74
chromaui · Mar 11, 2024 · 80ee72d · 80ee72d
1 parent 1c988df
commit 80ee72d
Show file tree

Hide file tree

Showing 8 changed files with 16 additions and 44 deletions.
diff --git a/package.json b/package.json
@@ -5,7 +5,7 @@
   "author": "Tom Coleman <[email protected]>, Dominic Nguyen <[email protected]>",
   "dependencies": {
     "@docsearch/css": "^3.2.1",
-    "@storybook/components-marketing": "^2.3.0",
+    "@storybook/components-marketing": "^3.0.0",
     "@storybook/design-system": "7.8.5",
     "@storybook/theming": "^6.5.10",
     "cheerio": "^1.0.0-rc.12",

diff --git a/src/components/composite/AppLayout.js b/src/components/composite/AppLayout.js
@@ -36,7 +36,7 @@ const Main = styled('main', {
   ${(props) =>
     props.includePaddingTop &&
     css`
-      padding-top: ${4 + 9.5}rem;
+      padding-top: ${4 + 7}rem;
     `};
   padding-bottom: 4rem;
 `;
@@ -91,7 +91,6 @@ export function PureAppLayout({
           <Header
             githubStars={dxData.githubStars}
             inverse={inverseHeader}
-            latestPost={dxData.latestPost}
             subNav={subNav}
             versionString={dxData.latestVersion}
           />
@@ -134,10 +133,6 @@ function AppLayout(props) {
       }
       dxData {
         githubStars
-        latestPost {
-          title
-          url
-        }
         latestVersion
         subscriberCount
       }
@@ -170,10 +165,6 @@ PureAppLayout.propTypes = {
   data: PropTypes.shape({
     dxData: PropTypes.shape({
       githubStars: PropTypes.number.isRequired,
-      latestPost: PropTypes.shape({
-        title: PropTypes.string.isRequired,
-        url: PropTypes.string.isRequired,
-      }).isRequired,
       latestVersion: PropTypes.string.isRequired,
       subscriberCount: PropTypes.number.isRequired,
     }).isRequired,

diff --git a/src/components/composite/AppLayout.stories.js b/src/components/composite/AppLayout.stories.js
@@ -112,10 +112,6 @@ Default.args = {
     },
     dxData: {
       githubStars: 99999,
-      latestPost: {
-        title: 'Why Storybook in 2022?',
-        url: 'https://storybook.js.org/blog/why-storybook-in-2022',
-      },
       versionString: '6.5',
       subscriberCount: 9999,
     },

diff --git a/src/components/composite/Header.js b/src/components/composite/Header.js
@@ -1,6 +1,6 @@
 import React from 'react';
 import PropTypes from 'prop-types';
-import { Eyebrow, Nav, SubNav, SubNavRight, SubNavLinkList } from '@storybook/components-marketing';
+import { Nav, SubNav, SubNavRight, SubNavLinkList } from '@storybook/components-marketing';
 import { styled } from '@storybook/theming';
 
 const ALGOLIA_API_KEY = process.env.GATSBY_ALGOLIA_API_KEY;
@@ -30,17 +30,12 @@ const HeaderWrapper = styled.header`
   top: 0px;
 `;
 
-function Header({ githubStars, inverse, latestPost, subNav, versionString }) {
+function Header({ githubStars, inverse, subNav, versionString }) {
   return (
     <HeaderWrapper>
-      <Eyebrow
-        githubStarCount={githubStars}
-        inverse={inverse}
-        label={latestPost.title}
-        link={latestPost.url}
-      />
       <Nav
         apiKey={ALGOLIA_API_KEY}
+        githubStarCount={githubStars}
         inverse={inverse}
         monochrome={inverse}
         version={versionString}
@@ -60,10 +55,6 @@ function Header({ githubStars, inverse, latestPost, subNav, versionString }) {
 Header.propTypes = {
   githubStars: PropTypes.number.isRequired,
   inverse: PropTypes.bool,
-  latestPost: PropTypes.shape({
-    title: PropTypes.string.isRequired,
-    url: PropTypes.string.isRequired,
-  }).isRequired,
   subNav: PropTypes.node,
   versionString: PropTypes.string.isRequired,
 };

diff --git a/src/components/composite/Header.stories.js b/src/components/composite/Header.stories.js
@@ -56,10 +56,6 @@ function Story(args) {
 export const Default = Story.bind({});
 Default.args = {
   githubStars: 99999,
-  latestPost: {
-    title: 'Why Storybook in 2022?',
-    url: 'https://storybook.js.org/blog/why-storybook-in-2022',
-  },
   subNav: 'default',
   versionString: '6.5',
 };

diff --git a/src/components/screens/GuideScreen/Hero.js b/src/components/screens/GuideScreen/Hero.js
@@ -19,12 +19,8 @@ const HeroWrapper = styled.div`
   padding-left: ${spacing.padding.medium}px;
   padding-right: ${spacing.padding.medium}px;
 
-  @media (min-width: ${marketingStyles.breakpoints[0]}px) {
-    padding-top: ${9.5 + 2}rem;
-  }
-
   @media (min-width: ${breakpoint * 1.5}px) {
-    padding-top: ${9.5 + 4}rem;
+    padding-top: ${7 + 4}rem;
     padding-bottom: 180px;
     padding-left: 0;
     padding-right: 0;

diff --git a/src/utils/source-dx-data.js b/src/utils/source-dx-data.js
@@ -5,10 +5,6 @@ const apiURL = 'https://storybook-dx.netlify.app/.netlify/functions/dx-data';
 
 const DefaultDXData = {
   subscriberCount: 6197,
-  latestPost: {
-    title: 'Community Showcase #5',
-    url: 'https://storybook.js.org/blog/community-showcase-5',
-  },
   npmDownloads: 19889108,
   githubStars: 78998,
   latestVersion: '7.0',

diff --git a/yarn.lock b/yarn.lock
@@ -3062,16 +3062,17 @@
     core-js "^3.8.2"
     global "^4.4.0"
 
-"@storybook/components-marketing@^2.3.0":
-  version "2.3.0"
-  resolved "https://registry.npmjs.org/@storybook/components-marketing/-/components-marketing-2.3.0.tgz#7ab322138084e62ad869970aa74791b7522c1da8"
-  integrity sha512-7xjYyWcDyU8cBe6sCLoJoBQvW8llyuPqrEciP9BQPkEFYzacekTen1W8pcraXfiqSMMNq/6INinr4lTwQzl0KA==
+"@storybook/components-marketing@^3.0.0":
+  version "3.0.0"
+  resolved "https://registry.npmjs.org/@storybook/components-marketing/-/components-marketing-3.0.0.tgz#72df73388999d81df91305a17efac438dfbd86a8"
+  integrity sha512-DvhdK4mA2CCJdAavkDDQSmWhwcUt7L/fV9JJ93fITC1lEDs5UihZCoHSzuJwbSbBKVUHGe3zjk2Yqfm5r25PZA==
   dependencies:
     "@docsearch/react" "^3.1.0"
     "@emotion/weak-memoize" "^0.2.5"
     "@floating-ui/react-dom-interactions" "^0.6.5"
     "@storybook/api" "^6.5.9"
     "@storybook/design-system" "^7.9.0"
+    "@storybook/icons" "^1.2.9"
     "@storybook/theming" "^6.5.9"
     formik "^2.1.5"
     human-format "^0.11.0"
@@ -3335,6 +3336,11 @@
   dependencies:
     "@types/jest" ">=26.0.0"
 
+"@storybook/icons@^1.2.9":
+  version "1.2.9"
+  resolved "https://registry.npmjs.org/@storybook/icons/-/icons-1.2.9.tgz#bb4a51a79e186b62e2dd0e04928b8617ac573838"
+  integrity sha512-cOmylsz25SYXaJL/gvTk/dl3pyk7yBFRfeXTsHvTA3dfhoU/LWSq0NKL9nM7WBasJyn6XPSGnLS4RtKXLw5EUg==
+
 "@storybook/[email protected]", "@storybook/instrumenter@^6.4.0":
   version "6.5.10"
   resolved "https://registry.npmjs.org/@storybook/instrumenter/-/instrumenter-6.5.10.tgz#5443f5fdb25ddb589ede2e2f0147becaffd405cb"