IntelliSense for new CSS property names and values

hi I’m using styled components in react native

tsconfig.json

"plugins": [
      {
        "name": "typescript-styled-plugin",
        "lint": {
          "validProperties": [
            "aspect-ratio",
            "elevation",
            "margin-vertical",
            "margin-horizontal",
            "padding-horizontal",
            "padding-vertical",
            "resize-mode",
            "shadow-color",
            "shadow-opacity",
            "shadow-offset",
            "shadow-radius",
            "text-align-vertical",
            "tint-color"
          ]
        }
      }
    ]

but not give me IntelliSense code for new specific properties

example: aspect-ratio elevation margin-vertical margin-horizontal padding-horizontal padding-vertical resize-mode shadow-color shadow-opacity shadow-offset shadow-radius text-align-vertical tint-color

[jasonwilliams]

So basically this repo isn’t maintained by Microsoft anymore and needs to be forked and moved into the @styled organization. We should also update the dependencies while we’re at it.

I don’t have much time these days and don’t know when i would get around to doing it. But that is the task. As there’s many issues cropping up about this issue I will try to see what I can do.

Once done i will need some people to test the changes have worked. I will also try to link this issue once we’ve migrated

[karlhorky]

Ran into the problem with a different CSS property just now - accent-color doesn’t appear to work, in either the normal styled-components.vscode-styled-components@1.7.5 Release version or the styled-components.vscode-styled-components@1.7.6 Pre-Release version (see below).

Maybe the property is too new and not yet in the vscode-css-languageservice data?

The error message is “Unknown property: 'accent-color”.