removed-keyA key that was removed or replaced, with what to write instead.
csszyx check lists it.A name in angle brackets is a value the message fills in.
runtime-alias[csszyx] removed-key: `<key>` is an alias of `<canonical>`, and nothing is emitted for its runtime value.
help: write the values <canonicalAllowed> on `<canonical>`, and any other value on its own key: <groups>.
docs: https://csszyx.com/e/removed-key
Only the build reports this form, with its whole message; a browser bundle never prints it.
sugar-replaced[csszyx] removed-key: `<key>` was replaced, and nothing is emitted for it.
help: write `{ <replacement> }` instead, or run `csszyx migrate`.
docs: https://csszyx.com/e/removed-key
A production browser bundle prints this in place of it:
[csszyx] removed-key: {"form":"sugar-replaced","key":"<key>","replacement":"<replacement>"} https://csszyx.com/e/removed-key
For each key the line can name, the message says:
key | replacement | |
|---|---|---|
liningNums | numFigure: 'lining' | help: write { numFigure: 'lining' } instead, or run csszyx migrate. |
oldstyleNums | numFigure: 'oldstyle' | help: write { numFigure: 'oldstyle' } instead, or run csszyx migrate. |
proportionalNums | numSpacing: 'proportional' | help: write { numSpacing: 'proportional' } instead, or run csszyx migrate. |
tabularNums | numSpacing: 'tabular' | help: write { numSpacing: 'tabular' } instead, or run csszyx migrate. |
diagonalFractions | numFraction: 'diagonal' | help: write { numFraction: 'diagonal' } instead, or run csszyx migrate. |
stackedFractions | numFraction: 'stacked' | help: write { numFraction: 'stacked' } instead, or run csszyx migrate. |
sugar[csszyx] removed-key: The boolean shorthand `<key>` was removed, and nothing is emitted for it.
help: write `{ <replacement> }` instead, or run `csszyx migrate`.
docs: https://csszyx.com/e/removed-key
A production browser bundle prints this in place of it:
[csszyx] removed-key: {"form":"sugar","key":"<key>","replacement":"<replacement>"} https://csszyx.com/e/removed-key
For each key the line can name, the message says:
key | replacement | |
|---|---|---|
block | display: 'block' | help: write { display: 'block' } instead, or run csszyx migrate. |
inline | display: 'inline' | help: write { display: 'inline' } instead, or run csszyx migrate. |
inlineBlock | display: 'inline-block' | help: write { display: 'inline-block' } instead, or run csszyx migrate. |
flex | display: 'flex' | help: write { display: 'flex' } instead, or run csszyx migrate. |
inlineFlex | display: 'inline-flex' | help: write { display: 'inline-flex' } instead, or run csszyx migrate. |
grid | display: 'grid' | help: write { display: 'grid' } instead, or run csszyx migrate. |
inlineGrid | display: 'inline-grid' | help: write { display: 'inline-grid' } instead, or run csszyx migrate. |
hidden | display: 'none' | help: write { display: 'none' } instead, or run csszyx migrate. |
contents | display: 'contents' | help: write { display: 'contents' } instead, or run csszyx migrate. |
table | display: 'table' | help: write { display: 'table' } instead, or run csszyx migrate. |
tableRow | display: 'table-row' | help: write { display: 'table-row' } instead, or run csszyx migrate. |
tableCell | display: 'table-cell' | help: write { display: 'table-cell' } instead, or run csszyx migrate. |
flowRoot | display: 'flow-root' | help: write { display: 'flow-root' } instead, or run csszyx migrate. |
listItem | display: 'list-item' | help: write { display: 'list-item' } instead, or run csszyx migrate. |
static | position: 'static' | help: write { position: 'static' } instead, or run csszyx migrate. |
fixed | position: 'fixed' | help: write { position: 'fixed' } instead, or run csszyx migrate. |
absolute | position: 'absolute' | help: write { position: 'absolute' } instead, or run csszyx migrate. |
relative | position: 'relative' | help: write { position: 'relative' } instead, or run csszyx migrate. |
sticky | position: 'sticky' | help: write { position: 'sticky' } instead, or run csszyx migrate. |
visible | visibility: 'visible' | help: write { visibility: 'visible' } instead, or run csszyx migrate. |
invisible | visibility: 'hidden' | help: write { visibility: 'hidden' } instead, or run csszyx migrate. |
collapse | visibility: 'collapse' | help: write { visibility: 'collapse' } instead, or run csszyx migrate. |
isolate | isolation: 'isolate' | help: write { isolation: 'isolate' } instead, or run csszyx migrate. |
uppercase | textTransform: 'uppercase' | help: write { textTransform: 'uppercase' } instead, or run csszyx migrate. |
lowercase | textTransform: 'lowercase' | help: write { textTransform: 'lowercase' } instead, or run csszyx migrate. |
capitalize | textTransform: 'capitalize' | help: write { textTransform: 'capitalize' } instead, or run csszyx migrate. |
normalCase | textTransform: 'none' | help: write { textTransform: 'none' } instead, or run csszyx migrate. |
italic | fontStyle: 'italic' | help: write { fontStyle: 'italic' } instead, or run csszyx migrate. |
notItalic | fontStyle: 'normal' | help: write { fontStyle: 'normal' } instead, or run csszyx migrate. |
underline | decoration: 'underline' | help: write { decoration: 'underline' } instead, or run csszyx migrate. |
overline | decoration: 'overline' | help: write { decoration: 'overline' } instead, or run csszyx migrate. |
lineThrough | decoration: 'line-through' | help: write { decoration: 'line-through' } instead, or run csszyx migrate. |
noUnderline | decoration: 'none' | help: write { decoration: 'none' } instead, or run csszyx migrate. |
antialiased | fontSmoothing: 'grayscale' | help: write { fontSmoothing: 'grayscale' } instead, or run csszyx migrate. |
subpixelAntialiased | fontSmoothing: 'subpixel' | help: write { fontSmoothing: 'subpixel' } instead, or run csszyx migrate. |
removed[csszyx] removed-key: `<key>` was removed, and nothing is emitted for it.
help: <note>.
docs: https://csszyx.com/e/removed-key
A production browser bundle prints this in place of it:
[csszyx] removed-key: {"form":"removed","key":"<key>","replacement":"<replacement>"} https://csszyx.com/e/removed-key
For each key the line can name, the message says:
key | |
|---|---|
maskFrom | help: write the from stop on its layer: maskLinear, maskRadial or maskConic take { from }. |
maskTo | help: write the to stop on its layer: maskLinear, maskRadial or maskConic take { to }. |
maskVia | help: write { from, to } on maskLinear, maskRadial or maskConic; Tailwind masks have no via stop. |
maskShape | help: write the shape on maskRadial: { shape: 'circle' } or { shape: 'ellipse' }. |
fontVariant | help: write one key per group: numFigure, numSpacing, numFraction, numOrdinal, numSlashedZero, or nums: 'normal'. |
replaced[csszyx] removed-key: `<key>` was replaced, and nothing is emitted for it.
help: write `{ <replacement> }` instead, or run `csszyx migrate`.
docs: https://csszyx.com/e/removed-key
A production browser bundle prints this in place of it:
[csszyx] removed-key: {"form":"replaced","key":"<key>","replacement":"<replacement>"} https://csszyx.com/e/removed-key
For each key the line can name, the message says:
key | replacement | |
|---|---|---|
ordinal | numOrdinal: true | help: write { numOrdinal: true } instead, or run csszyx migrate. |
slashedZero | numSlashedZero: true | help: write { numSlashedZero: true } instead, or run csszyx migrate. |
These values are worked out from the args:
<canonical>: The canonical key of key (SUGGESTION_MAP).<canonicalAllowed>: The values the canonical key of key takes, joined by ", " (SUGGESTION_MAP, CLOSED_ENUM_CLASSES).<groups>: The group keys of the canonical key of key, joined by ", " (GLOBAL_KEYWORD_GROUPS).<note>: The migration note of key (MIGRATION_NOTES).Default: error under recommended, error under atomic. Set it in csszyx.config: rules: { 'removed-key': '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.
The values this diagnostic names. A production browser bundle prints them as JSON in place of the sentence.
| Name | Type | |
|---|---|---|
form | 'runtime-alias' | 'sugar-replaced' | 'sugar' | 'removed' | 'replaced' | |
key | string | |
replacement | string | optional |