{"_id":"@styled/typescript-styled-plugin","_rev":"3-2cd762991a5e52486cb73778a7955f6f","name":"@styled/typescript-styled-plugin","dist-tags":{"latest":"1.0.1"},"versions":{"0.19.0":{"name":"@styled/typescript-styled-plugin","version":"0.19.0","description":"TypeScript language service plugin that adds IntelliSense for styled components","keywords":["TypeScript","styled","styled-components","styled components","css"],"main":"lib/index.js","author":{"name":"Styled Components"},"license":"MIT","repository":{"type":"git","url":"git+https://github.com/styled-components/typescript-styled-plugin.git"},"bugs":{"url":"https://github.com/styled-components/typescript-styled-plugin/issues"},"dependencies":{"typescript-template-language-service-decorator":"^2.3.1","vscode-css-languageservice":"^6.2.1","vscode-emmet-helper":"^2.6.4","vscode-languageserver-textdocument":"^1.0.7","vscode-languageserver-types":"^3.17.2"},"devDependencies":{"@types/chai":"^4.3.4","@types/mocha":"^10.0.1","@types/node":"^18.11.9","@typescript-eslint/eslint-plugin":"^5.6.0","@typescript-eslint/parser":"^5.6.0","chai":"^4.3.7","eslint":"^8.28.0","eslint-plugin-prettier":"^4.2.1","glob":"^8.0.3","mocha":"^10.1.0","prettier":"^2.8.0","typescript":"^4.9.3"},"scripts":{"compile":"tsc -p .","watch:compile":"tsc --watch -p .","e2e":"mocha e2e/tests --slow 2000 --timeout 10000","lint":"eslint src","unit":"mocha ./lib/test"},"types":"./lib/index.d.ts","gitHead":"e02cf143b5e271d6cb303781dd51c3176350a700","homepage":"https://github.com/styled-components/typescript-styled-plugin#readme","_id":"@styled/typescript-styled-plugin@0.19.0","_nodeVersion":"16.17.0","_npmVersion":"8.15.0","dist":{"integrity":"sha512-Naac2GBEjTJhj3oUMtzCWKGS5zSy0bIjio2Tzc7ODj0Ad4HSvCZ8frPx+sNCPFq7/uro+0rYsdx3jcu8oCA1lg==","shasum":"5dc1895888c7d9791d0c2be1af66663c668f0e3a","tarball":"https://registry.npmjs.org/@styled/typescript-styled-plugin/-/typescript-styled-plugin-0.19.0.tgz","fileCount":33,"unpackedSize":80577,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCnKN/xaL9pnYzj3a7B0H3Jkbn1cRlVAJr+evit1AXxjgIhALkBjMwUl6dif++vd+oACUoZaZzQpbFi2GrTqyf0+qJo"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjh5dkACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrwQxAAgDIERyIHQUy68vFt0I26mi9uyJ+nClAqjUR94N9oYTaOgLIi\r\nHAjMMb8YaA3CT5TtomEef7TYlEnMgJAVZx4p9yPfInqDt99+zBSsr7KfB9if\r\nt9Qz8jm7keYBUWxhj8zzaLs1t9Klq5/P4b7RssnhOOFkh/EMYSkEsyJEjfck\r\nJWP6awiUQ2SfaI9NpA7PKAdU/nE3/jvBlFlAOCEMTt+oNtD0zrbor7lip6qn\r\n83WWUlTTU96jnerIdaqV642XZxm/Kq8fqD04XKAZkCRM+AEVie/MkOXifZjQ\r\nYEzcO/QZMeEJwrA9xbo2OD04rI4fj3n3m9pvnh3vk8HpWm8/utQDx+uFHKOc\r\nsaZpUDYfSJQ51XRUeWysKWrtGLpgGlqiqE1sNG8r66V4tXr7xKAu/7KmYiLo\r\ni3C6xdAtnfpRJkGCOs9uO+d79+Mrsd5B3GE6Ho+/W9E9vj8qG3uOjpFffaxp\r\nVIqh9d+jjpJwhAWAaPsKDjyWSB2pnglRiboNFtnnDp5SCgdIu9XL4f8JYCuM\r\npTYB7nmHS1qnQMkjU1I4fbT3ktJgSQTZfkfnCJo8THYOQohaMK/HsACGoPua\r\npafPLuD2scp5LFKXmGxH/1WldoX5UX8YvB7GhziFxFSqurmucMY0aiszJRX2\r\nZcmgLGdQJrTPPp9R6XNHxNwpO/8zpXVLL14=\r\n=teVb\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"jasew","email":"jase.williams@gmail.com"},"directories":{},"maintainers":[{"name":"jasew","email":"jase.williams@gmail.com"},{"name":"sergeysova","email":"mail@sergeysova.com"},{"name":"probablyup","email":"probablyup@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/typescript-styled-plugin_0.19.0_1669830500740_0.2098962935519506"},"_hasShrinkwrap":false},"0.20.0":{"name":"@styled/typescript-styled-plugin","version":"0.20.0","description":"TypeScript language service plugin that adds IntelliSense for styled components","keywords":["TypeScript","styled","styled-components","styled components","css"],"main":"lib/index.js","author":{"name":"Styled Components"},"license":"MIT","repository":{"type":"git","url":"git+https://github.com/styled-components/typescript-styled-plugin.git"},"bugs":{"url":"https://github.com/styled-components/typescript-styled-plugin/issues"},"dependencies":{"@vscode/emmet-helper":"^2.8.4","typescript-template-language-service-decorator":"^2.3.1","vscode-css-languageservice":"^6.2.1","vscode-languageserver-textdocument":"^1.0.7","vscode-languageserver-types":"^3.17.2"},"devDependencies":{"@types/chai":"^4.3.4","@types/mocha":"^10.0.1","@types/node":"^18.11.9","@typescript-eslint/eslint-plugin":"^5.6.0","@typescript-eslint/parser":"^5.6.0","chai":"^4.3.7","eslint":"^8.28.0","eslint-plugin-prettier":"^4.2.1","glob":"^8.0.3","mocha":"^10.1.0","prettier":"^2.8.0","typescript":"^4.9.3"},"scripts":{"compile":"tsc -p .","watch:compile":"tsc --watch -p .","e2e":"mocha e2e/tests --slow 2000 --timeout 10000","lint":"eslint src","unit":"mocha ./lib/test"},"types":"./lib/index.d.ts","gitHead":"80484c0f44c895475843dab5d1f1e395de0433b5","homepage":"https://github.com/styled-components/typescript-styled-plugin#readme","_id":"@styled/typescript-styled-plugin@0.20.0","_nodeVersion":"16.17.0","_npmVersion":"8.15.0","dist":{"integrity":"sha512-qUqFB5VFIDX9FipzrGGgQuCKU6jftCxEhMXtBUsxM+M8a6OKWAIZnhEvQn+IaUjFrSGumIoR4b+5zlHUjHrMTA==","shasum":"2e385f66534d8e548835039c1209e1d4728c2b2a","tarball":"https://registry.npmjs.org/@styled/typescript-styled-plugin/-/typescript-styled-plugin-0.20.0.tgz","fileCount":33,"unpackedSize":81061,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDC6MVBCJ/BySCeAFBazuiALSHNiPs2mCoeAUtRormSiQIhANTcaBGfrJCmiEYihPPqR/kJvlOUBDPsYPqyljI2yZ9f"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjiJyIACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoGFxAAkJlvAAfHYUbvshcvQmqScRKpnvRgX3DWDlbN8i6j/a/F5Glf\r\nau3PGWBQISf5y02C7fpq5pYerFA8+pnI4hlmH0lXcpn2EWbld0PY39LVVYUe\r\nn9d3r1yhPMc+xbSDEZcZJS0gXqe7UoFq7yhUD0BAM6Yx3tgjTFtLkLiC45P7\r\nJ8hb4XSPJVu+ehNyieM8vYteWbZYOu/qyQoafRa4HkeydR5hQlY72G3VbqQX\r\ngwhVB2vfZaXQTTSVO+3IXMmKA9Xz9txDKI0/BztT08kZGgK/QN9yny7Zd9ex\r\nCaNvQAa30qZDfaGE7947nKolWE9PnwsqkxTfNrJKr/aPVTKi7kJTigfX26VO\r\nM5m9R9349yuUpVfFiZheJ6DnD0mTXaj0xMfCAt6iWDhZLgxSsUl+y2Hd/B3/\r\ni7sN88xHdRQ9C8ktEiwvLb/zcNDNltwmRQdPGLhuP7zHOZke5Gy1xzfodcyB\r\nUwheb/0DqRJ25MKeYVAzou9AzTTxSe2D/rlBHaTEYHfnBQwvUf7SH7Czj8SV\r\nyuN0vOIjzC80aAetow8eC3btLKUbAJFZ4e+PgaT9uD0U3qiTiCy4z4pH1YID\r\n8N3uMa5dEymq/s5C8MtE6+NTx1WBetlyqZEqREYzyPemOaJaFV/YXiL2ObSZ\r\nx8hKafapnG9Yh15IeQWtpykRItRbIF7JbUQ=\r\n=3CBL\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"jasew","email":"jase.williams@gmail.com"},"directories":{},"maintainers":[{"name":"jasew","email":"jase.williams@gmail.com"},{"name":"sergeysova","email":"mail@sergeysova.com"},{"name":"probablyup","email":"probablyup@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/typescript-styled-plugin_0.20.0_1669897351753_0.10488675377407075"},"_hasShrinkwrap":false},"1.0.0":{"name":"@styled/typescript-styled-plugin","version":"1.0.0","description":"TypeScript language service plugin that adds IntelliSense for styled components","keywords":["TypeScript","styled","styled-components","styled components","css"],"main":"lib/index.js","author":{"name":"Styled Components"},"license":"MIT","repository":{"type":"git","url":"git+https://github.com/styled-components/typescript-styled-plugin.git"},"bugs":{"url":"https://github.com/styled-components/typescript-styled-plugin/issues"},"dependencies":{"@vscode/emmet-helper":"^2.8.6","typescript-template-language-service-decorator":"^2.3.2","vscode-css-languageservice":"^6.2.4","vscode-languageserver-textdocument":"^1.0.8","vscode-languageserver-types":"^3.17.3"},"devDependencies":{"@types/chai":"^4.3.4","@types/mocha":"^10.0.1","@types/node":"^18.11.9","@typescript-eslint/eslint-plugin":"^5.6.0","@typescript-eslint/parser":"^5.6.0","chai":"^4.3.7","eslint":"^8.28.0","eslint-plugin-prettier":"^4.2.1","glob":"^8.0.3","mocha":"^10.1.0","prettier":"^2.8.0","typescript":"^5.0.3"},"scripts":{"compile":"tsc -p .","watch:compile":"tsc --watch -p .","e2e":"mocha e2e/tests --slow 2000 --timeout 10000","lint":"eslint src","unit":"mocha ./lib/test"},"types":"./lib/index.d.ts","gitHead":"01cf35afd199f7b77b4d3b98dd3821822a40cd70","homepage":"https://github.com/styled-components/typescript-styled-plugin#readme","_id":"@styled/typescript-styled-plugin@1.0.0","_nodeVersion":"17.6.0","_npmVersion":"8.5.1","dist":{"integrity":"sha512-TGAZrTPPglyzdO6mWyC1QWNN3G2zZHy2/YrPGE2aie06p1MgtyEWc3GXUa5Xkb/pH7ftinX63mbQTipzVjrTRw==","shasum":"82723b57c2a49cfb4bb7ea456cd7350474ae423a","tarball":"https://registry.npmjs.org/@styled/typescript-styled-plugin/-/typescript-styled-plugin-1.0.0.tgz","fileCount":33,"unpackedSize":80121,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIB2qUJpbMw1UNN2ZQ7qyYEon0Nb8ayyxEmE5nbZ3D+mFAiEAwrFKttTdvyOGCIqIw3OYHQfUnKFKkSlj3e6iAQFqYiY="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkKz+IACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqtNxAAkq5MTVID/uHk3eG9632noZL0aCU+t0dWFoJ6K9SRhdDE2Gad\r\n+FuRElXAExNhhEOvjw84gGDBlFgDnOyH4jF6vpScTV71KuJs7C6rFb4UQjmz\r\nIYeK6HEduYT6nfAIvq+bUhrSHYuRvExX71BU35yOSr/TDWsakv3IVbPYz8HW\r\nawiEWcRzgeVYJn/WKxk3UtPFSqt4PIv5CXn8uXoJBQEeBtm267ULgCEStlnl\r\n5I40yxvQrRERad16dk4MalusJw/pTA15IiLranX5/bmDAs61n/NY5xTz4SZh\r\n8ONTzrMJjdsfhntfWxYK7/e409nSiJDMSoppcYbH0Bn1+fvifTZMn44v+PNd\r\nK3gMSS5sp37HwnRAvypEWWGOjv00jPII9yISWTLQ31p/z70/dWQdv/ljC+4a\r\nJ6qagXOPdl7mkazxLQvMngjOqImTsbB9+VmHltNzHSVAd8fGF3U1A7nhmZYc\r\nwY+sX10DrJFbyR9CKmvr7lNn53AgxqXPWr6cCZdVNwGDGFn7hURjVOsNrqXJ\r\nalMjiDMEfa1IcAd8bLG6ERek+S/Prh1QlfeB4MJAusLdv/9Uz35f59hC4Nap\r\nvxaleQLfheuodLHjc24xt9Jvi6yWEGzAnv6iTFC02oLGDPO6RkXOCo6bv4NL\r\nYLmEDCTSnRfhZIY6u+SyfkmNYrom7z+iRYk=\r\n=vKCH\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"jasew","email":"jase.williams@gmail.com"},"directories":{},"maintainers":[{"name":"jasew","email":"jase.williams@gmail.com"},{"name":"sergeysova","email":"mail@sergeysova.com"},{"name":"probablyup","email":"probablyup@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/typescript-styled-plugin_1.0.0_1680555911931_0.4897733628618208"},"_hasShrinkwrap":false},"1.0.1":{"name":"@styled/typescript-styled-plugin","version":"1.0.1","description":"TypeScript language service plugin that adds IntelliSense for styled components","keywords":["TypeScript","styled","styled-components","styled components","css"],"main":"lib/index.js","author":{"name":"Styled Components"},"license":"MIT","repository":{"type":"git","url":"git+https://github.com/styled-components/typescript-styled-plugin.git"},"bugs":{"url":"https://github.com/styled-components/typescript-styled-plugin/issues"},"dependencies":{"@vscode/emmet-helper":"^2.9.2","typescript-template-language-service-decorator":"^2.3.2","vscode-css-languageservice":"^6.2.11","vscode-languageserver-textdocument":"^1.0.11","vscode-languageserver-types":"^3.17.5"},"devDependencies":{"@types/chai":"^4.3.4","@types/mocha":"^10.0.1","@types/node":"^18.11.9","@typescript-eslint/eslint-plugin":"^6.14.0","@typescript-eslint/parser":"^6.14.0","chai":"^4.3.7","eslint":"^8.55.0","eslint-plugin-prettier":"^5.0.1","glob":"^8.0.3","mocha":"^10.1.0","prettier":"^3.1.1","typescript":"^5.3.3"},"scripts":{"compile":"tsc -p .","watch:compile":"tsc --watch -p .","e2e":"mocha e2e/tests --slow 2000 --timeout 10000","lint":"eslint src","unit":"mocha ./lib/test"},"types":"./lib/index.d.ts","gitHead":"4d613eaf0ff02c3ccf0557d852d07d51583435a0","homepage":"https://github.com/styled-components/typescript-styled-plugin#readme","_id":"@styled/typescript-styled-plugin@1.0.1","_nodeVersion":"17.6.0","_npmVersion":"8.5.1","dist":{"integrity":"sha512-4n9uYJiui4hqGIEMvs/u7sfjbs1/84shYt2Fxcm0JQbvUGfuFhtsqVG5y1hSvw5kTwdpIe4rbXMMOwVHcuAh1g==","shasum":"b341e97c2d043275a2fe292cf55980339219b7e1","tarball":"https://registry.npmjs.org/@styled/typescript-styled-plugin/-/typescript-styled-plugin-1.0.1.tgz","fileCount":33,"unpackedSize":80125,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDjZIho4IswNMtG+QSPeM/UT7sFIU7Ga/draYzlU7j/PwIgc30ErnXKQRuu9Lf6oHUiW6eL/CRKNCDdsmlxkGEfx0A="}]},"_npmUser":{"name":"jasew","email":"jase.williams@gmail.com"},"directories":{},"maintainers":[{"name":"jasew","email":"jase.williams@gmail.com"},{"name":"sergeysova","email":"mail@sergeysova.com"},{"name":"probablyup","email":"probablyup@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/typescript-styled-plugin_1.0.1_1702338643665_0.31638761222579204"},"_hasShrinkwrap":false}},"time":{"created":"2022-11-30T17:48:20.664Z","0.19.0":"2022-11-30T17:48:20.914Z","modified":"2023-12-11T23:50:44.071Z","0.20.0":"2022-12-01T12:22:32.057Z","1.0.0":"2023-04-03T21:05:12.118Z","1.0.1":"2023-12-11T23:50:43.826Z"},"maintainers":[{"name":"jasew","email":"jase.williams@gmail.com"},{"name":"sergeysova","email":"mail@sergeysova.com"},{"name":"probablyup","email":"probablyup@gmail.com"}],"description":"TypeScript language service plugin that adds IntelliSense for styled components","homepage":"https://github.com/styled-components/typescript-styled-plugin#readme","keywords":["TypeScript","styled","styled-components","styled components","css"],"repository":{"type":"git","url":"git+https://github.com/styled-components/typescript-styled-plugin.git"},"author":{"name":"Styled Components"},"bugs":{"url":"https://github.com/styled-components/typescript-styled-plugin/issues"},"license":"MIT","readme":"# TypeScript Styled Plugin\n\nTypeScript server plugin that adds intellisense to [styled component](https://styled-components.com) css strings\n\n![](documentation/preview.gif)\n\n![Build Status](https://github.com/styled-components/typescript-styled-plugin/actions/workflows/ci.yml/badge.svg)\n\n**Features**\n\n-   IntelliSense for CSS property names and values.\n-   Syntax error reporting.\n-   Quick fixes for misspelled property names.\n\n## Usage\n\nThis plugin requires TypeScript 2.4 or later. It can provide intellisense in both JavaScript and TypeScript files within any editor that uses TypeScript to power their language features. This includes [VS Code](https://code.visualstudio.com), [Sublime with the TypeScript plugin](https://github.com/Microsoft/TypeScript-Sublime-Plugin), [Atom with the TypeScript plugin](https://atom.io/packages/atom-typescript), [Visual Studio](https://www.visualstudio.com), and others.\n\n### With VS Code\n\nJust install the [VS Code Styled Components extension](https://github.com/styled-components/vscode-styled-components). This extension adds syntax highlighting and IntelliSense for styled components in JavaScript and TypeScript files.\n\nIf you are using a [workspace version of TypeScript](<(https://code.visualstudio.com/Docs/languages/typescript#_using-newer-typescript-versions)>) however, you must manually install the plugin along side the version of TypeScript in your workspace:\n\n```bash\nnpm install --save-dev @styled/typescript-styled-plugin typescript\n```\n\nThen add a `plugins` section to your [`tsconfig.json`](http://www.typescriptlang.org/docs/handbook/tsconfig-json.html) or [`jsconfig.json`](https://code.visualstudio.com/Docs/languages/javascript#_javascript-project-jsconfigjson)\n\n```json\n{\n    \"compilerOptions\": {\n        \"plugins\": [\n            {\n                \"name\": \"@styled/typescript-styled-plugin\"\n            }\n        ]\n    }\n}\n```\n\nFinally, run the `Select TypeScript version` command in VS Code to switch to use the workspace version of TypeScript for VS Code's JavaScript and TypeScript language support. You can find more information about managing typescript versions [in the VS Code documentation](https://code.visualstudio.com/Docs/languages/typescript#_using-newer-typescript-versions).\n\n### With Sublime\n\nThis plugin works with the [Sublime TypeScript plugin](https://github.com/Microsoft/TypeScript-Sublime-Plugin).\n\nFirst install the plugin and a copy of TypeScript in your workspace:\n\n```bash\nnpm install --save-dev @styled/typescript-styled-plugin typescript\n```\n\nAnd configure Sublime to use the workspace version of TypeScript by [setting the `typescript_tsdk`](https://github.com/Microsoft/TypeScript-Sublime-Plugin#note-using-different-versions-of-typescript) setting in Sublime:\n\n```json\n{\n    \"typescript_tsdk\": \"/Users/matb/my-amazing-project/node_modules/typescript/lib\"\n}\n```\n\nFinally add a `plugins` section to your [`tsconfig.json`](http://www.typescriptlang.org/docs/handbook/tsconfig-json.html) or [`jsconfig.json`](https://code.visualstudio.com/Docs/languages/javascript#_javascript-project-jsconfigjson) and restart Sublime.\n\n```json\n{\n    \"compilerOptions\": {\n        \"plugins\": [\n            {\n                \"name\": \"typescript-styled-plugin\"\n            }\n        ]\n    }\n}\n```\n\n### With Visual Studio\n\nThis plugin works [Visual Studio 2022](https://www.visualstudio.com) using the TypeScript 4.9+ SDK.\n\nFirst install the plugin in your project:\n\n```bash\nnpm install --save-dev @styled/typescript-styled-plugin\n```\n\nThen add a `plugins` section to your [`tsconfig.json`](http://www.typescriptlang.org/docs/handbook/tsconfig-json.html).\n\n```json\n{\n    \"compilerOptions\": {\n        \"plugins\": [\n            {\n                \"name\": \"@styled/typescript-styled-plugin\"\n            }\n        ]\n    }\n}\n```\n\nThen reload your project to make sure the plugin has been loaded properly. Note that `jsconfig.json` projects are currently not supported in VS.\n\n## Configuration\n\n### Tags\n\nThis plugin adds styled component IntelliSense to any template literal [tagged](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals) with `styled`, `css`, `injectGlobal`, `keyframes` or `createGlobalStyle`:\n\n```js\nimport styled from 'styled-components';\n\nstyled.button`\n    color: blue;\n`;\n```\n\nYou can enable IntelliSense for other tag names by configuring `\"tags\"`:\n\n```json\n{\n    \"compilerOptions\": {\n        \"plugins\": [\n            {\n                \"name\": \"@styled/typescript-styled-plugin\",\n                \"tags\": [\"styled\", \"css\", \"sty\"]\n            }\n        ]\n    }\n}\n```\n\nNow strings tagged with either `styled`, `css`, or `sty` will have styled component IntelliSense:\n\n```js\nimport sty from 'styled-components';\n\nsty.button`\n    color: blue;\n`;\n```\n\nTags also apply to methods on styled components. This is enabled for `extend` by default:\n\n```js\nimport sty from 'styled-components';\n\nconst BlueButton = sty.button`\n    color: blue;\n`;\n\nconst MyFancyBlueButton = BlueButton.extend`\n    border: 10px solid hotpink;\n`;\n```\n\n### Linting\n\nTo disable error reporting, set `\"validate\": false` in the plugin configuration:\n\n```json\n{\n    \"compilerOptions\": {\n        \"plugins\": [\n            {\n                \"name\": \"typescript-styled-plugin\",\n                \"validate\": false\n            }\n        ]\n    }\n}\n```\n\nYou can also configure how errors are reported using linter settings.\n\n```json\n{\n    \"compilerOptions\": {\n        \"plugins\": [\n            {\n                \"name\": \"typescript-styled-plugin\",\n                \"lint\": {\n                    \"vendorPrefix\": \"error\",\n                    \"zeroUnits\": \"ignore\"\n                }\n            }\n        ]\n    }\n}\n```\n\nThe following lint options are supported:\n\n#### validProperties\n\n```\n[\"property1\", \"property2\", ....]\n```\n\nList of properties that are treated as valid.\n\n#### unknownProperties\n\n```\n\"ignore\" | \"warning\" | \"error\"\n```\n\nShould unknown properties show an error or warning? Default is `\"warning\"`.\n\n#### compatibleVendorPrefixes\n\n```\n\"ignore\" | \"warning\" | \"error\"\n```\n\nWhen using a vendor-specific prefix make sure to also include all other vendor-specific properties. Default is `\"ignore\"`.\n\n#### vendorPrefix\n\n```\n\"ignore\" | \"warning\" | \"error\"\n```\n\nWhen using a vendor-specific prefix also include the standard property. Default is `\"warning\"`.\n\n#### duplicateProperties\n\n```\n\"ignore\" | \"warning\" | \"error\"\n```\n\nDo not use duplicate style definitions. Default is `\"ignore\"`.\n\n#### emptyRules\n\n```\n\"ignore\" | \"warning\" | \"error\"\n```\n\nDo not use empty rulesets. Default is `\"ignore\"`.\n\n#### importStatement\n\n```\n\"ignore\" | \"warning\" | \"error\"\n```\n\nImport statements do not load in parallel. Default is `\"ignore\"`.\n\n#### boxModel\n\n```\n\"ignore\" | \"warning\" | \"error\"\n```\n\nDo not use width or height when using padding or border. Default is `\"ignore\"`.\n\n#### universalSelector\n\n```\n\"ignore\" | \"warning\" | \"error\"\n```\n\nThe universal selector (\\*) is known to be slow. Default is `\"ignore\"`.\n\n#### zeroUnits\n\n```\n\"ignore\" | \"warning\" | \"error\"\n```\n\nNo unit for zero needed. Default is `\"ignore\"`.\n\n#### fontFaceProperties\n\n```\n\"ignore\" | \"warning\" | \"error\"\n```\n\n@font-face rule must define 'src' and 'font-family' properties. Default is `\"warning\"`.\n\n#### hexColorLength\n\n```\n\"ignore\" | \"warning\" | \"error\"\n```\n\nHex colors must consist of three or six hex numbers. Default is `\"error\"`.\n\n#### argumentsInColorFunction\n\n```\n\"ignore\" | \"warning\" | \"error\"\n```\n\nInvalid number of parameters. Default is `\"error\"`.\n\n#### ieHack\n\n```\n\"ignore\" | \"warning\" | \"error\"\n```\n\nIE hacks are only necessary when supporting IE7 and older. Default is `\"ignore\"`.\n\n#### unknownVendorSpecificProperties\n\n```\n\"ignore\" | \"warning\" | \"error\"\n```\n\nUnknown vendor specific property. Default is `\"ignore\"`.\n\n#### propertyIgnoredDueToDisplay\n\n```\n\"ignore\" | \"warning\" | \"error\"\n```\n\nProperty is ignored due to the display. E.g. with 'display: inline', the width, height, margin-top, margin-bottom, and float properties have no effect. Default is `\"warning\"`\n\n#### important\n\n```\n\"ignore\" | \"warning\" | \"error\"\n```\n\nAvoid using !important. It is an indication that the specificity of the entire CSS has gotten out of control and needs to be refactored. Default is `\"ignore\"`.\n\n#### float\n\n```\n\"ignore\" | \"warning\" | \"error\"\n```\n\nAvoid using 'float'. Floats lead to fragile CSS that is easy to break if one aspect of the layout changes. Default is `\"ignore\"`.\n\n#### idSelector\n\n```\n\"ignore\" | \"warning\" | \"error\"\n```\n\nSelectors should not contain IDs because these rules are too tightly coupled with the HTML. Default is `\"ignore\"`.\n\n### Emmet in completion list\n\nYou can now see your Emmet abbreviations expanded and included in the completion list.\nAn [upstream issue](https://github.com/Microsoft/TypeScript/issues/21999) with typescript blocks the Emmet entry in the completion list to get updated as you type.\nSo for now you will have to press `Ctrl+Space` after typing out the abbreviation.\n\nThe below settings which are in sync with general Emmet settings in VS Code control the expanded Emmet abbreviations in the auto-completion list.\n\n#### showExpandedAbbreviation\n\n```\n\"always\" | \"never\"\n```\n\nControls whether or not expanded Emmet abbreviations should show up in the completion list\n\n#### showSuggestionsAsSnippets\n\n```\n`true` | `false`\n```\n\nIf true, then Emmet suggestions will show up as snippets allowing you to order them as per editor.snippetSuggestions setting.\n\n#### preferences\n\nPreferences used to modify behavior of some actions and resolvers of Emmet.\n\n## Contributing\n\nTo build the typescript-styled-plugin, you'll need [Git](https://git-scm.com/downloads) and [Node.js](https://nodejs.org/).\n\nFirst, [fork](https://help.github.com/articles/fork-a-repo/) the typescript-styled-plugin repo and clone your fork:\n\n```bash\ngit clone https://github.com/YOUR_GITHUB_ACCOUNT_NAME/typescript-styled-plugin.git\ncd typescript-styled-plugin\n```\n\nThen install dev dependencies:\n\n```bash\nnpm install\n```\n\nThe plugin is written in [TypeScript](http://www.typescriptlang.org). The source code is in the `src/` directory with the compiled JavaScript output to the `lib/` directory. Kick off a build using the `compile` script:\n\n```bash\nnpm run compile\n```\n\nswitch to `e2` to install or update test dependencies:\n\n```bash\n(cd e2e && npm install)\n```\n\nand then navigate back to the project root and run the end to end tests with the `e2e` script:\n\n```bash\ncd ..\nnpm run e2e\n```\n\nYou can submit bug fixes and features through [pull requests](https://help.github.com/articles/about-pull-requests/). To get started, first checkout a new feature branch on your local repo:\n\n```bash\ngit checkout -b my-awesome-new-feature-branch\n```\n\nMake the desired code changes, commit them, and then push the changes up to your forked repository:\n\n```bash\ngit push origin my-awesome-new-feature-branch\n```\n\nThen [submit a pull request](https://help.github.com/articles/creating-a-pull-request/) against the Microsoft typescript-styled-plugin repository.\n\nPlease also see our [Code of Conduct](CODE_OF_CONDUCT.md).\n\n## Credits\n\nCode originally forked from: https://github.com/Quramy/ts-graphql-plugin\n","readmeFilename":"README.md"}