CSS переменные в storybook 7?

Question

[Deniel]

При установке новой(последней) версии Storybook перестали работать css переменные.
Все переменные импортируются в файл index.scss и после подключения его в файл с историей (Button.stories.tsx) ничего не происходит, переменные в коде элемента как были серыми, так и остались.

Импорт в файле истории:

Переменная в коде:

Answer 1

[GorillaDevQ]

Доброго времени суток, сижу третий день с этой проблемой не решили еще?

Comments

[Deniel]

Решил. у меня проблема была в том, что я задал эти переменные на className которого не было в сторибуке: переменные были заданы на класс .app, а в сторибуке этого класса не было, и переменные не работали. Я сделал обёртку (декоратор) где обернул компонент Story в дополнительный div с нужным классом.

8-10 строки

Не знаю какая конкретно у вас проблема, надеюсь помог