Disallow negative bare values

[philipp-spiess]

Right now, it is possible to type grid-cols--8 which maps to:

/* Specificity: (0, 1, 0) */
.grid-cols--8 {
  grid-template-columns: repeat(-8, minmax(0, 1fr));
}

This doesn't make sense so we used this opportunity to audit all variants and utilities and properly disallow negative bare values. Utilities where negative values are supported still work by using the negative utility syntax, e.g.: -inset-4.

[RobinMalfait]

Nice I like it. There are still situations where a negative value makes sense e.g.: -z-10, but then -z-10 should be used instead of z--10.

For utilities with fractions, even if negatives make sense then you can always fallback to an arbitrary value.

[philipp-spiess]

@RobinMalfait Yep, agree. Double - feels super odd so better not even start to support it.

[karlhorky]

haha hi again @philipp-spiess 👋

I just upgraded from 4.0.0-alpha.24 -> 4.0.0-alpha.25 and I was wondering whether this change led to this new failure in alpha.25:

./app/global.css
Error: Cannot apply unknown utility class: from-26.56%
    at onInvalidCandidate (/home/runner/work/upleveled.io/upleveled.io/node_modules/.pnpm/[email protected]/node_modules/tailwindcss/dist/lib.js:8:108664)
    at L (/home/runner/work/upleveled.io/upleveled.io/node_modules/.pnpm/[email protected]/node_modules/tailwindcss/dist/lib.js:8:106318)
    at /home/runner/work/upleveled.io/upleveled.io/node_modules/.pnpm/[email protected]/node_modules/tailwindcss/dist/lib.js:8:108628

This is for a gradient stop percentage value.

Is this also another class that is not allowed any longer? (also: maybe this change was not related to this PR but another one instead...? 🤔)

[philipp-spiess]

@karlhorky Hey! Yeah we unfortunately had a bunch of places where we supported decimal places unknowingly. These transition breakpoints were one of those. This was never intended to work but sneaked in because we had an inconsistency in the way we interpret these values.

For anything that is not a whole integer, the idea is that you use arbitrary values. So in your case you can use from-[26.56%].

[karlhorky]

Ok thanks!

I'll switch to arbitrary values for now, and in future, consider using integer percentages.