removed-key

A key that was removed or replaced, with what to write instead.

Message

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:

keyreplacement
liningNumsnumFigure: 'lining'help: write { numFigure: 'lining' } instead, or run csszyx migrate.
oldstyleNumsnumFigure: 'oldstyle'help: write { numFigure: 'oldstyle' } instead, or run csszyx migrate.
proportionalNumsnumSpacing: 'proportional'help: write { numSpacing: 'proportional' } instead, or run csszyx migrate.
tabularNumsnumSpacing: 'tabular'help: write { numSpacing: 'tabular' } instead, or run csszyx migrate.
diagonalFractionsnumFraction: 'diagonal'help: write { numFraction: 'diagonal' } instead, or run csszyx migrate.
stackedFractionsnumFraction: '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:

keyreplacement
blockdisplay: 'block'help: write { display: 'block' } instead, or run csszyx migrate.
inlinedisplay: 'inline'help: write { display: 'inline' } instead, or run csszyx migrate.
inlineBlockdisplay: 'inline-block'help: write { display: 'inline-block' } instead, or run csszyx migrate.
flexdisplay: 'flex'help: write { display: 'flex' } instead, or run csszyx migrate.
inlineFlexdisplay: 'inline-flex'help: write { display: 'inline-flex' } instead, or run csszyx migrate.
griddisplay: 'grid'help: write { display: 'grid' } instead, or run csszyx migrate.
inlineGriddisplay: 'inline-grid'help: write { display: 'inline-grid' } instead, or run csszyx migrate.
hiddendisplay: 'none'help: write { display: 'none' } instead, or run csszyx migrate.
contentsdisplay: 'contents'help: write { display: 'contents' } instead, or run csszyx migrate.
tabledisplay: 'table'help: write { display: 'table' } instead, or run csszyx migrate.
tableRowdisplay: 'table-row'help: write { display: 'table-row' } instead, or run csszyx migrate.
tableCelldisplay: 'table-cell'help: write { display: 'table-cell' } instead, or run csszyx migrate.
flowRootdisplay: 'flow-root'help: write { display: 'flow-root' } instead, or run csszyx migrate.
listItemdisplay: 'list-item'help: write { display: 'list-item' } instead, or run csszyx migrate.
staticposition: 'static'help: write { position: 'static' } instead, or run csszyx migrate.
fixedposition: 'fixed'help: write { position: 'fixed' } instead, or run csszyx migrate.
absoluteposition: 'absolute'help: write { position: 'absolute' } instead, or run csszyx migrate.
relativeposition: 'relative'help: write { position: 'relative' } instead, or run csszyx migrate.
stickyposition: 'sticky'help: write { position: 'sticky' } instead, or run csszyx migrate.
visiblevisibility: 'visible'help: write { visibility: 'visible' } instead, or run csszyx migrate.
invisiblevisibility: 'hidden'help: write { visibility: 'hidden' } instead, or run csszyx migrate.
collapsevisibility: 'collapse'help: write { visibility: 'collapse' } instead, or run csszyx migrate.
isolateisolation: 'isolate'help: write { isolation: 'isolate' } instead, or run csszyx migrate.
uppercasetextTransform: 'uppercase'help: write { textTransform: 'uppercase' } instead, or run csszyx migrate.
lowercasetextTransform: 'lowercase'help: write { textTransform: 'lowercase' } instead, or run csszyx migrate.
capitalizetextTransform: 'capitalize'help: write { textTransform: 'capitalize' } instead, or run csszyx migrate.
normalCasetextTransform: 'none'help: write { textTransform: 'none' } instead, or run csszyx migrate.
italicfontStyle: 'italic'help: write { fontStyle: 'italic' } instead, or run csszyx migrate.
notItalicfontStyle: 'normal'help: write { fontStyle: 'normal' } instead, or run csszyx migrate.
underlinedecoration: 'underline'help: write { decoration: 'underline' } instead, or run csszyx migrate.
overlinedecoration: 'overline'help: write { decoration: 'overline' } instead, or run csszyx migrate.
lineThroughdecoration: 'line-through'help: write { decoration: 'line-through' } instead, or run csszyx migrate.
noUnderlinedecoration: 'none'help: write { decoration: 'none' } instead, or run csszyx migrate.
antialiasedfontSmoothing: 'grayscale'help: write { fontSmoothing: 'grayscale' } instead, or run csszyx migrate.
subpixelAntialiasedfontSmoothing: '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
maskFromhelp: write the from stop on its layer: maskLinear, maskRadial or maskConic take { from }.
maskTohelp: write the to stop on its layer: maskLinear, maskRadial or maskConic take { to }.
maskViahelp: write { from, to } on maskLinear, maskRadial or maskConic; Tailwind masks have no via stop.
maskShapehelp: write the shape on maskRadial: { shape: 'circle' } or { shape: 'ellipse' }.
fontVarianthelp: 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:

keyreplacement
ordinalnumOrdinal: truehelp: write { numOrdinal: true } instead, or run csszyx migrate.
slashedZeronumSlashedZero: truehelp: write { numSlashedZero: true } instead, or run csszyx migrate.

These values are worked out from the args:

Level

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.

Arguments

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

NameType
form'runtime-alias' | 'sugar-replaced' | 'sugar' | 'removed' | 'replaced'
keystring
replacementstringoptional