Fix storybook not having styles (#3304)

src/storybook/Decorator.tsx

@@ -1,8 +1,11 @@
+import "@saleor/macaw-ui/next/style";
+
 import { ExternalAppProvider } from "@dashboard/apps/components/ExternalAppContext";
 import { Locale, RawLocaleProvider } from "@dashboard/components/Locale";
 import { FlagsServiceProvider } from "@dashboard/hooks/useFlags/flagsService";
 import { paletteOverrides, themeOverrides } from "@dashboard/themeOverrides";
-import { ThemeProvider } from "@saleor/macaw-ui";
+import { ThemeProvider as LegacyThemeProvider } from "@saleor/macaw-ui";
+import { ThemeProvider } from "@saleor/macaw-ui/next";
 import React from "react";
 import { IntlProvider } from "react-intl";
 import { BrowserRouter } from "react-router-dom";
@@ -24,10 +27,11 @@ export const Decorator = storyFn => (
       >
         <DateProvider value={+new Date("2018-08-07T14:30:44+00:00")}>
           <TimezoneProvider value="America/New_York">
-            <ThemeProvider
+            <LegacyThemeProvider
               overrides={themeOverrides}
               palettes={paletteOverrides}
             >
+              <ThemeProvider>
                 <BrowserRouter basename={getAppMountUri()}>
                   <ExternalAppProvider>
                     <FlagsServiceProvider>
@@ -44,6 +48,7 @@ export const Decorator = storyFn => (
                   </ExternalAppProvider>
                 </BrowserRouter>
               </ThemeProvider>
+            </LegacyThemeProvider>
           </TimezoneProvider>
         </DateProvider>
       </RawLocaleProvider>

src/storybook/webpack.config.js

@@ -26,6 +26,9 @@ module.exports = ({ config }) => {
   // Resolve macaw ui's peer dependencies to our own node_modules
   // to make it work with npm link
   config.resolve.alias = {
+    "@saleor/macaw-ui/next/style": path.resolve(
+      "./node_modules/@saleor/macaw-ui/dist/style.css",
+    ),
     "@saleor/macaw-ui/next": path.resolve(
       "./node_modules/@saleor/macaw-ui/dist/macaw-ui.js",
     ),