Skip to content

[v4] JavaScript config with tailwind-plugin.js treat addComponent as addUtilities #15239

@minimit

Description

@minimit

What version of Tailwind CSS are you using?

4.0.0-beta.3

What build tool (or framework if it abstracts the build tool) are you using?

    "@tailwindcss/postcss": "^4.0.0-beta.3",
    "postcss": "^8.4.49",
    "postcss-cli": "^11.0.0",
    "tailwindcss": "^4.0.0-beta.3"

What version of Node.js are you using?

v22.11.0

What browser are you using?

Chrome

What operating system are you using?

macOS

Reproduction URL

https://github.com/minimit/twbug-add-components

Describe your issue

npm install and npm run test

addComponents gives error on complex styles, it should compile

Error: `addUtilities({ '@media (prefers-reduced-motion: reduce)' : … })` defines an invalid utility selector. Utilities must be a single class name and start with a lowercase letter, eg. `.scrollbar-none`.

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions