Bagaimana untuk menggunakan pembolehubah warna yang sama dalam kedua-dua palet dan komponen Buku Cerita?

Question

Saya mencipta pustaka komponen UI dan menggunakan Buku Cerita untuk menyediakan dokumentasi dan contoh untuknya.

Matlamat saya ialah untuk mengisytiharkan palet warna dalam fail SCSS dan menggunakannya dalam komponen dan palet buku cerita.

Palet Buku Cerita ialah komponen buku cerita terbina dalam yang boleh membuat dokumentasi untuk palet warna anda.

Jadi, saya menjangkakan jika warna sistem reka bentuk berubah, saya hanya boleh menukar nilai pembolehubah SCSS dan kedua-dua palet warna serta komponen akan dikemas kini dengan nilai warna baharu.

Malangnya, dokumentasi buku cerita adalah lemah dalam bahagian ini, dan contoh hanya mengandungi warna berkod keras. Halaman palet warna ialah fail MDX, jadi saya tidak tahu cara mengimport dan menggunakan pembolehubah SCSS di sana.

Adakah terdapat cara untuk mencapai matlamat saya?

Answer 1

Terjumpa malam ini semasa mencari isu yang sama yang saya hadapi. Selepas beberapa googling saya juga menemui ini: https://dev.to/benrobertson/color-swatches-in-storybook-4aa9. Saya belum mencubanya tetapi ingin berkongsi dengan anda jika anda ingin mencubanya. Saya bercadang untuk mengujinya pada hujung minggu.