CSS import not working in .storybook/preview.js after adding 'storybook-addon-next', about storybook-addon-next HOT 8 CLOSED

Thanks for opening up an issue! I'd be happy to look into this.

Can you provide a minimal reproduction repo that I can dig into? Basic repo steps are ok, but I want to make sure that I'm actually solving your issue. I also have only a limited amount of time to work on this per day so I want to make sure that time is used as best as possible to solve your problem. It would be a shame If I waste hours that a fix for you could have been deployed trying to get something set up that might be your issue.

Thanks for your help

from storybook-addon-next.

Hey @RyanClementsHax , my apologies for a late reply. thanks for looking into this so quickly. I have added the steps to reproduce please have a look and let me know if you need any more details.
Thanks a ton.

from storybook-addon-next.

@AmandeepTelus I see you closed this? Is this no longer an issue for you?

from storybook-addon-next.

Hey Ryan Yeah, So i had to add a new css file in the preview.js and in that file i added my import statement @import '@telus-uds/palette-allium/build/web/fonts/fonts-cdn.css' and this worked

from storybook-addon-next.

I'm glad it worked out for you! :) Lmk if you run into any further problems.

from storybook-addon-next.

Will do thanks , have a good night

from storybook-addon-next.

I'm having this issue. What's weird is that after installing storybook-addon-next relative imports in preview.js stop working while absolute imports still work:

import 'swiper/css'
import 'swiper/css/navigation'
import 'swiper/css/pagination'
import 'photoswipe/dist/default-skin/default-skin.css'
import 'photoswipe/dist/photoswipe.css'
import '../src/assets/global.css' <- doesn't work
import '../src/features/help-center/assets/help-center.css' <-- doesn't work

Package versions:

  "@storybook/addon-actions": "^6.4.22",
  "@storybook/addon-essentials": "^6.4.22",
  "@storybook/addon-links": "^6.4.22",
  "@storybook/builder-webpack5": "^6.4.22",
  "@storybook/manager-webpack5": "^6.4.22",
  "@storybook/react": "^6.4.22",
  "postcss": "^8.4.13",
  "storybook-addon-next": "^1.6.2",
  "webpack": "^5.72.0",
  "tailwindcss": "^3.0.24",

Node version: 18.0.0

from storybook-addon-next.

Could you please provide a minimal reproduction repo?

from storybook-addon-next.