closed-enum-value

A value a closed-enum key does not take.

• The build reports it while it compiles a file, and csszyx check lists it.
• It is printed to the console. A production browser bundle prints its sibling-group form only.

Message

A name in angle brackets is a value the message fills in.

sibling-group

[csszyx] closed-enum-value: `<key>: '<value>'` is not a `<key>` value; its class `<bare>` belongs to `{ <groupKey>: <groupLiteral> }`.
  help: write `{ <groupKey>: <groupLiteral> }`, so it combines with the other groups instead of resetting them.
  note: `<key>` takes one of: <enumAllowed>.
  docs: https://csszyx.com/e/closed-enum-value

A production browser bundle prints this in place of it:

[csszyx] closed-enum-value: {"form":"sibling-group","key":"<key>","value":"<value>","suggestion":"<suggestion>","groupKey":"<groupKey>","groupValue":"<groupValue>"} https://csszyx.com/e/closed-enum-value

dead

[csszyx] closed-enum-value: `<key>: '<value>'` is not a `<key>` value.
  help: use one of: <enumAllowed>.
  note: the class `<bare>` is still emitted, and only the CSS that Tailwind or your own stylesheet defines for it applies.
  docs: https://csszyx.com/e/closed-enum-value

css-value

[csszyx] closed-enum-value: `<key>: '<value>'` is a CSS value, and `<key>-<value>` produces no CSS.
  help: use the short form: `{ <key>: '<suggestion>' }`.
  docs: https://csszyx.com/e/closed-enum-value

font-style

[csszyx] closed-enum-value: `<key>: '<value>'` has no Tailwind class, and nothing is emitted for it.
  help: use `'italic'` or `'normal'`; for any other style, such as oblique, write `css: { fontStyle: '<value>' }`.
  docs: https://csszyx.com/e/closed-enum-value

font-smoothing

[csszyx] closed-enum-value: `<key>: '<value>'` has no Tailwind class, and nothing is emitted for it.
  help: use `'grayscale'` or `'subpixel'`.
  docs: https://csszyx.com/e/closed-enum-value

These values are worked out from the args:

• <bare>: The class key: value emits without a table (CLOSED_ENUM_AFFIXES).
• <groupLiteral>: groupValue as a JS literal: true bare, otherwise quoted.
• <enumAllowed>: The values closed-enum key takes, joined by ", " (CLOSED_ENUM_CLASSES).

Level

Default: error under recommended, error under atomic. Set it in csszyx.config: rules: { 'closed-enum-value': 'warn' }.

The level sets how the build and csszyx check report it. It does not change a console line, and it does not stop a thrown error.

Arguments

The values this diagnostic names. A production browser bundle prints them as JSON in place of the sentence.