pwa-studio [bug]: New theme creation - tailwind preset issues

[bug]: New theme creation - tailwind preset issues

Open jemoon opened this issue 1 year ago • 4 comments

Describe the bug

After new theme creation (according to: https://developer.adobe.com/commerce/pwa-studio/guides/theming/#create-a-new-theme) there are multiple error notices shown in console during compilation f.eg /components/Header/currencySwitcher.module.css The '-sm' screen does not exist in your theme

To reproduce

Steps to reproduce the behavior:

Create my-theme-preset.js with following content: module.exports = { theme: { extend: { fontFamily: { sans: ["Courier", "sans-serif"], }, }, }, };
Import preset in tailwind.config.js by placing following line: const myThemePreset = require("./my-theme-preset");
Change presets configuration so it will look like presets: [venia, myThemePreset]
Run compilation

Expected behavior

Compilation process should be finished withour any errors.

Please complete the following device information:

PWA Studio 14.0.0

Please let us know what packages this bug is in regards to:

[ ] venia-concept
[X] venia-ui
[ ] pwa-buildpack
[ ] peregrine
[ ] pwa-devdocs
[ ] upward-js
[ ] upward-spec
[ ] create-pwa

Jul 03 '24 14:07 jemoon

Hi @jemoon. Thank you for your report. To speed up processing of this issue, make sure that you provided sufficient information. Add a comment to assign the issue: @magento I am working on this

Join Magento Community Engineering Slack and ask your questions in #github channel.