Merge pull request #79 from storybookjs/charles-fixes-post-sb8

Bring back footer icons

Author: cdedreuille

package.json

@@ -50,7 +50,7 @@
     "@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/icons": "1.2.8",
     "@storybook/theming": "^6.5.9",
     "formik": "^2.1.5",
     "human-format": "^0.11.0",

src/components/Footer/Footer.tsx

@@ -1,5 +1,5 @@
 import React, { FC, useContext, useMemo } from 'react';
-import { GithubIcon, DiscordIcon, YoutubeIcon, XIcon } from '@storybook/icons';
+import { Icon } from '@storybook/design-system';
 import {
   Title,
   Upper,
@@ -64,25 +64,25 @@ export const Footer: FC<FooterProps> = ({ onSubscribe, subscriberCount, inverse,
             appearance={inverse ? 'inverseOutline' : 'outline'}
             href="http://github.com/storybookjs"
           >
-            <GithubIcon aria-label="Github" />
+            <Icon aria-label="Github" icon="github" />
           </IconLink>
           <IconLink
             appearance={inverse ? 'inverseOutline' : 'outline'}
             href="https://twitter.com/storybookjs"
           >
-            <XIcon aria-label="Twitter" />
+            <Icon aria-label="Twitter" icon="twitter" />
           </IconLink>
           <IconLink
             appearance={inverse ? 'inverseOutline' : 'outline'}
             href="https://discord.gg/storybook"
           >
-            <DiscordIcon aria-label="Discord" />
+            <Icon aria-label="Discord" icon="discord" />
           </IconLink>
           <IconLink
             appearance={inverse ? 'inverseOutline' : 'outline'}
             href="https://www.youtube.com/channel/UCr7Quur3eIyA_oe8FNYexfg"
           >
-            <YoutubeIcon aria-label="YouTube" />
+            <Icon aria-label="YouTube" icon="youtube" />
           </IconLink>
         </SocialLinks>
       </Upper>

yarn.lock

@@ -3133,10 +3133,10 @@
   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].8":
+  version "1.2.8"
+  resolved "https://registry.npmjs.org/@storybook/icons/-/icons-1.2.8.tgz#f530688ee000b487783f2d9cf7bced92e2c32915"
+  integrity sha512-YMF5DiBvMiAVH6qd6Cf6WCwZq3D1OZNxsKtZVFBlzJXqlZb1CLEuCHy5MwL4WI5mzb6q8MJsLYpVMoH84OzUpQ==
 
 "@storybook/[email protected]", "@storybook/instrumenter@^6.4.0":
   version "6.5.9"