{
"name": "postcss-focus-visible",
"versions": {
"2.0.0": {
"name": "postcss-focus-visible",
"version": "2.0.0",
"description": "Use the :focus-visible pseudo-selector in CSS",
"author": {
"name": "Jonathan Neal",
"email": "jonathantneal@hotmail.com"
},
"license": "CC0-1.0",
"repository": {
"type": "git",
"url": "git+https://github.com/jonathantneal/postcss-focus-visible.git"
},
"homepage": "https://github.com/jonathantneal/postcss-focus-visible#readme",
"bugs": {
"url": "https://github.com/jonathantneal/postcss-focus-visible/issues"
},
"main": "index.bundle.js",
"module": "index.js",
"files": [
"index.js",
"index.bundle.js"
],
"scripts": {
"prepublishOnly": "npm test",
"pretest": "rollup -c .rollup.js --silent",
"test": "echo 'Running tests...'; npm run test:ec && npm run test:js && npm run test:tape",
"test:ec": "echint --ignore index.bundle.js test",
"test:js": "eslint *.js --cache --ignore-path .gitignore --quiet",
"test:tape": "postcss-tape"
},
"engines": {
"node": ">=4.0.0"
},
"dependencies": {
"postcss": "^6.0"
},
"devDependencies": {
"babel-core": "^6.26",
"babel-eslint": "^8.2",
"babel-preset-env": "^1.6",
"echint": "^4.0",
"eslint": "^4.18",
"eslint-config-dev": "2.0",
"postcss-tape": "2.2",
"pre-commit": "^1.2",
"rollup": "^0.56",
"rollup-plugin-babel": "^3.0"
},
"eslintConfig": {
"extends": "dev",
"parser": "babel-eslint"
},
"keywords": [
"postcss",
"css",
"postcss-plugin",
"focus",
"ring",
"css",
"pseudos",
"selectors",
"accessibility",
"a11y",
"keyboards",
"pointer",
"cursor",
"mice",
"mouse",
"pen",
"touch",
"trackpad",
"button",
"input",
"select",
"textarea",
"contenteditable",
"javascript",
"js"
],
"gitHead": "42b81e478a9f3b279f813e901b0992a7c3a92d91",
"_id": "postcss-focus-visible@2.0.0",
"_npmVersion": "5.6.0",
"_nodeVersion": "9.5.0",
"_npmUser": {
"name": "jonathantneal",
"email": "jonathantneal@hotmail.com"
},
"dist": {
"integrity": "sha512-nJaq5CK2YBWB1fu1SeK0qXAk0TJncY3Ms7iwFov+J3sNetecvTeCQuSxQCf9U9T9Vjusnb3zzThBs5XwP/eb/g==",
"shasum": "a6b9881f6710f6251790e2f151c94b161e23eeb6",
"tarball": "https://registry.npmjs.org/postcss-focus-visible/-/postcss-focus-visible-2.0.0.tgz",
"fileCount": 6,
"unpackedSize": 13900
},
"maintainers": [
{
"name": "jonathantneal",
"email": "jonathantneal@hotmail.com"
}
],
"directories": {},
"_npmOperationalInternal": {
"host": "s3://npm-registry-packages",
"tmp": "tmp/postcss-focus-visible_2.0.0_1518886605822_0.9427457693730479"
},
"_hasShrinkwrap": false,
"contributors": []
},
"3.0.0": {
"name": "postcss-focus-visible",
"version": "3.0.0",
"description": "Use the :focus-visible pseudo-selector in CSS",
"author": {
"name": "Jonathan Neal",
"email": "jonathantneal@hotmail.com"
},
"license": "CC0-1.0",
"repository": {
"type": "git",
"url": "git+https://github.com/jonathantneal/postcss-focus-visible.git"
},
"homepage": "https://github.com/jonathantneal/postcss-focus-visible#readme",
"bugs": {
"url": "https://github.com/jonathantneal/postcss-focus-visible/issues"
},
"main": "index.cjs.js",
"module": "index.es.js",
"files": [
"index.cjs.js",
"index.es.js"
],
"scripts": {
"prepublishOnly": "npm test",
"pretest": "rollup -c .rollup.js --silent",
"test": "echo 'Running tests...'; npm run test:js && npm run test:tape",
"test:js": "eslint *.js --cache --ignore-path .gitignore --quiet",
"test:tape": "postcss-tape"
},
"engines": {
"node": ">=4.0.0"
},
"dependencies": {
"postcss": "^6.0"
},
"devDependencies": {
"babel-core": "^6.26",
"babel-eslint": "^8.2",
"babel-preset-env": "^1.6",
"eslint": "^4.19",
"eslint-config-dev": "2.0",
"postcss-tape": "2.2",
"pre-commit": "^1.2",
"rollup": "^0.57",
"rollup-plugin-babel": "^3.0"
},
"eslintConfig": {
"extends": "dev",
"parser": "babel-eslint"
},
"keywords": [
"postcss",
"css",
"postcss-plugin",
"focus",
"ring",
"css",
"pseudos",
"selectors",
"accessibility",
"a11y",
"keyboards",
"pointer",
"cursor",
"mice",
"mouse",
"pen",
"touch",
"trackpad",
"button",
"input",
"select",
"textarea",
"contenteditable",
"javascript",
"js"
],
"gitHead": "fc74d538f6b67a78ce144c0668252b5e3104184a",
"_id": "postcss-focus-visible@3.0.0",
"_npmVersion": "5.8.0",
"_nodeVersion": "9.11.1",
"_npmUser": {
"name": "jonathantneal",
"email": "jonathantneal@hotmail.com"
},
"dist": {
"integrity": "sha512-6i3HsOrWNelxBYPh/HWAXF9lPwCFAfFVlUTZqsLRXYMPhcXH1eXdItozRBvT9l5pYF4ddJJbgk4JOp0au0QToA==",
"shasum": "c105b9d97e83c6a60cf3af34245ae451b326fb54",
"tarball": "https://registry.npmjs.org/postcss-focus-visible/-/postcss-focus-visible-3.0.0.tgz",
"fileCount": 6,
"unpackedSize": 14917
},
"maintainers": [
{
"name": "jonathantneal",
"email": "jonathantneal@hotmail.com"
}
],
"directories": {},
"_npmOperationalInternal": {
"host": "s3://npm-registry-packages",
"tmp": "tmp/postcss-focus-visible_3.0.0_1523155088521_0.8843043718722636"
},
"_hasShrinkwrap": false,
"contributors": []
},
"4.0.0": {
"name": "postcss-focus-visible",
"version": "4.0.0",
"description": "Use the :focus-visible pseudo-selector in CSS",
"author": {
"name": "Jonathan Neal",
"email": "jonathantneal@hotmail.com"
},
"license": "CC0-1.0",
"repository": {
"type": "git",
"url": "git+https://github.com/jonathantneal/postcss-focus-visible.git"
},
"homepage": "https://github.com/jonathantneal/postcss-focus-visible#readme",
"bugs": {
"url": "https://github.com/jonathantneal/postcss-focus-visible/issues"
},
"main": "index.cjs.js",
"module": "index.es.mjs",
"scripts": {
"prepublishOnly": "npm test",
"pretest": "rollup -c .rollup.js --silent",
"test": "echo 'Running tests...'; npm run test:js && npm run test:tape",
"test:js": "eslint *.js --cache --ignore-path .gitignore --quiet",
"test:tape": "postcss-tape"
},
"engines": {
"node": ">=6.0.0"
},
"dependencies": {
"postcss": "^7.0.2"
},
"devDependencies": {
"@babel/core": "^7.0.0",
"@babel/preset-env": "^7.0.0",
"babel-eslint": "^9.0",
"eslint": "^5.6",
"eslint-config-dev": "2.0",
"postcss-tape": "2.2",
"pre-commit": "^1.2",
"rollup": "^0.66",
"rollup-plugin-babel": "^4.0.1"
},
"eslintConfig": {
"extends": "dev",
"parser": "babel-eslint"
},
"keywords": [
"postcss",
"css",
"postcss-plugin",
"focus",
"ring",
"css",
"pseudos",
"selectors",
"accessibility",
"a11y",
"keyboards",
"pointer",
"cursor",
"mice",
"mouse",
"pen",
"touch",
"trackpad",
"button",
"input",
"select",
"textarea",
"contenteditable",
"javascript",
"js"
],
"gitHead": "518221410a832af581833bd908d133a34a70d986",
"_id": "postcss-focus-visible@4.0.0",
"_npmVersion": "6.4.1",
"_nodeVersion": "10.10.0",
"_npmUser": {
"name": "jonathantneal",
"email": "jonathantneal@hotmail.com"
},
"dist": {
"integrity": "sha512-Z5CkWBw0+idJHSV6+Bgf2peDOFf/x4o+vX/pwcNYrWpXFrSfTkQ3JQ1ojrq9yS+upnAlNRHeg8uEwFTgorjI8g==",
"shasum": "477d107113ade6024b14128317ade2bd1e17046e",
"tarball": "https://registry.npmjs.org/postcss-focus-visible/-/postcss-focus-visible-4.0.0.tgz",
"fileCount": 8,
"unpackedSize": 17380,
"npm-signature": "-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJboHTtCRA9TVsSAnZWagAA1Q8P/0ajJZ8Lq8alPpNMiLHH\noqCcTKnwQeVyk7Y3o6foUzkn6EMy3lSG8RHJ5KER2Tc8BBWlMw30YzdTHktL\nbfUzAUhKccW1gaj9gTMkuts4VU+LcUMPFjF4Mz6tmRtDWianPrAPOKN5oxyQ\ny3UVSJHJPSzJlXZzQz1Qbbs/bidME0YYJy8v/jqIxmeKNigTEtCYIEmmTkFG\n1TBGzMFo+4YlFXpbajqT71+nPXUHo2Wn/b88OiYD8c/B8/OvYeYEjTmbj6oy\nIdC+46u+b6cvbZwlJz7E7UAIEJbfC1J9owOcd1P2dwUR6RZ+4bwd0e7hN4By\noyjGbn0dX2TRgP7+ImDbPZC+tvvw39Vj6WziPDptx1egS/wdbKpseT9VOUMT\nKDwBPYzueFJyIcO6NqwN/B8wGqiznVwsxnv8ksK3PtYd6CKuZcneelorprOI\nk0AWXceu2ZMDDxw9d5ztqmLmy96hi1S/lKixPCzZ0tSq/SCuYVwWVnq49r2Y\nKB2WUfmjw+QMwVizpqmxVl1UznCDmtL67kijM2M7jMEi6XjoAsyk+DZ+8vRu\nx+noZBvL2BCsXi+Om/Dx80Q7M3vnVlye/ObEjrTDpmOnHUPyLa42GVJSMDqT\n7g8TTuO6egN6NmhQbwlgpiPgsmESSCxZynujSpocZudSahc0FigmJCtZa30R\n6HM2\r\n=q3Hq\r\n-----END PGP SIGNATURE-----\r\n"
},
"maintainers": [
{
"name": "jonathantneal",
"email": "jonathantneal@hotmail.com"
}
],
"directories": {},
"_npmOperationalInternal": {
"host": "s3://npm-registry-packages",
"tmp": "tmp/postcss-focus-visible_4.0.0_1537242348740_0.3424971279106772"
},
"_hasShrinkwrap": false,
"contributors": []
},
"5.0.0": {
"name": "postcss-focus-visible",
"version": "5.0.0",
"description": "Use the :focus-visible pseudo-selector in CSS",
"author": {
"name": "Jonathan Neal",
"email": "jonathantneal@hotmail.com"
},
"license": "CC0-1.0",
"repository": {
"type": "git",
"url": "git+https://github.com/csstools/postcss-focus-visible.git"
},
"homepage": "https://github.com/csstools/postcss-focus-visible#readme",
"bugs": {
"url": "https://github.com/csstools/postcss-focus-visible/issues"
},
"main": "dist/index.cjs.js",
"module": "dist/index.esm.mjs",
"scripts": {
"build": "npx rollup -c .rollup.js",
"build:watch": "npx rollup -c .rollup.js --watch",
"lint": "npx eslint --cache src",
"lint:fix": "npx eslint --cache --fix",
"pretest": "npm install && npm run build",
"test": "npm run lint && npm run tape",
"tape": "npx postcss-tape"
},
"engines": {
"node": ">=10.0.0"
},
"dependencies": {
"postcss": "^7.0.27"
},
"devDependencies": {
"@babel/core": "^7.9.0",
"@babel/preset-env": "^7.9.5",
"babel-eslint": "^10.1.0",
"eslint": "^6.8.0",
"eslint-config-dev": "2.0.0",
"postcss-tape": "5.0.2",
"pre-commit": "^1.2.2",
"rollup": "^2.6.1",
"rollup-plugin-babel": "^4.4.0"
},
"babel": {
"presets": [
[
"@babel/env",
{
"targets": "maintained node versions"
}
]
]
},
"eslintConfig": {
"env": {
"es6": true,
"node": true
},
"extends": "eslint:recommended",
"parser": "babel-eslint"
},
"rollup": {
"input": "src/index.js",
"plugins": [
"rollup-plugin-babel"
],
"output": [
{
"file": "dist/index.cjs.js",
"format": "cjs"
},
{
"file": "dist/index.esm.js",
"format": "esm"
}
]
},
"keywords": [
"postcss",
"css",
"postcss-plugin",
"focus",
"ring",
"css",
"pseudos",
"selectors",
"accessibility",
"a11y",
"keyboards",
"pointer",
"cursor",
"mice",
"mouse",
"pen",
"touch",
"trackpad",
"button",
"input",
"select",
"textarea",
"contenteditable",
"javascript",
"js"
],
"gitHead": "e8472d1bd7828ed5e0c548de34dd5b8cc57d796d",
"_id": "postcss-focus-visible@5.0.0",
"_nodeVersion": "13.12.0",
"_npmVersion": "6.14.4",
"dist": {
"integrity": "sha512-KWMjuX+6Mbt7BvD7L9YETXXx8pmNSlT881Zdebbi5zLKdRIM0FIlwG87i/RXiwTf5nGJdaHA1KKsE6gW+O719A==",
"shasum": "61e0909244cd15b9075bd40a4f176aa4e2446dbc",
"tarball": "https://registry.npmjs.org/postcss-focus-visible/-/postcss-focus-visible-5.0.0.tgz",
"fileCount": 6,
"unpackedSize": 15282,
"npm-signature": "-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJelT+1CRA9TVsSAnZWagAA3EQP/0JJFvDRFZpnS1z8PLF/\nAy5inFDjS780ZbO3CxG3fuBVLlTnqJDF0fDuL2dD96AFycmSDGIj9ooFD9ge\nXroVoKe525frrqBgsf1rzal/A3ZcdwLlXyMewkjCKBe0L1HKbeTMiIo06fgA\nl63UivP7UgfrQUN3urHw7zccuFfYdvtoPpRUblGClAbRpWVh1yN9tbtGmJWt\nHvG/pStIgO1DFcMrHO4CWS9YfN2peyzQBBhTrm6qs7smJQuwDDyj8QXiZLFx\nrziq3rY8kstdySomk9N12FGVXuDUw+cLvyOcNSLEV7z1BhXMhoHBSg6LnoEI\nZV+IZBHa1/1WU/80y0eu8yFi2PVbzesjD4xRfdLyCEgs1SpwYmDh1jO2tZNK\nlgPEIDdSnUmmqkIHkfa4t5MyIa5P9lb3XeHEmmINkCZGuwDrkssUSltG7ZRj\nLsHWbbg9EPbz/M+hHOqTTLxz3pP4lW4H4/gPkpG5uT0txTO8DyHrZrwOtATa\nY5Nh0GyMfXh8kojk3PwCGh9S3yqYruGvUPzmT5/55plKTc7yqRVDT2r2U2Xz\nI5bmpy/pqH42AQ4UNUK9Q/clmAopS9Z1NEUsQQmQg6SLLJdjx+9Q7pPrtkST\n2S9una0mvvhaxUFCGd7fBfH0xfsiMZoV3Wx81wi9sfvXozPz8LSUgNEo9Pw4\n9bb7\r\n=jpSX\r\n-----END PGP SIGNATURE-----\r\n"
},
"maintainers": [
{
"name": "jonathantneal",
"email": "jonathantneal@hotmail.com"
}
],
"_npmUser": {
"name": "jonathantneal",
"email": "jonathantneal@hotmail.com"
},
"directories": {},
"_npmOperationalInternal": {
"host": "s3://npm-registry-packages",
"tmp": "tmp/postcss-focus-visible_5.0.0_1586839476643_0.8448016055457568"
},
"_hasShrinkwrap": false,
"contributors": []
}
},
"time": {
"created": "2018-02-17T16:56:45.821Z",
"2.0.0": "2018-02-17T16:56:45.872Z",
"modified": "2020-04-14T04:44:39.125Z",
"3.0.0": "2018-04-08T02:38:08.592Z",
"4.0.0": "2018-09-18T03:45:48.899Z",
"5.0.0": "2020-04-14T04:44:36.756Z"
},
"users": {},
"dist-tags": {
"latest": "5.0.0"
},
"_uplinks": {
"npmjs": {
"etag": "W/\"25aec4a36a8e804a0aed148ed86e6b45\"",
"fetched": 1600679295864
}
},
"_distfiles": {
"postcss-focus-visible-2.0.0.tgz": {
"url": "https://registry.npmjs.org/postcss-focus-visible/-/postcss-focus-visible-2.0.0.tgz",
"sha": "a6b9881f6710f6251790e2f151c94b161e23eeb6",
"registry": "npmjs"
},
"postcss-focus-visible-3.0.0.tgz": {
"url": "https://registry.npmjs.org/postcss-focus-visible/-/postcss-focus-visible-3.0.0.tgz",
"sha": "c105b9d97e83c6a60cf3af34245ae451b326fb54",
"registry": "npmjs"
},
"postcss-focus-visible-4.0.0.tgz": {
"url": "https://registry.npmjs.org/postcss-focus-visible/-/postcss-focus-visible-4.0.0.tgz",
"sha": "477d107113ade6024b14128317ade2bd1e17046e",
"registry": "npmjs"
},
"postcss-focus-visible-5.0.0.tgz": {
"url": "https://registry.npmjs.org/postcss-focus-visible/-/postcss-focus-visible-5.0.0.tgz",
"sha": "61e0909244cd15b9075bd40a4f176aa4e2446dbc",
"registry": "npmjs"
}
},
"_attachments": {
"postcss-focus-visible-4.0.0.tgz": {
"shasum": "477d107113ade6024b14128317ade2bd1e17046e"
}
},
"_rev": "2-b49629bc71d359d7",
"_id": "postcss-focus-visible",
"readme": "# PostCSS Focus Visible [![\"PostCSS](\"https://postcss.github.io/postcss/logo.svg\")
][postcss]\n\n[![\"npm](\"https://img.shields.io/npm/v/postcss-focus-visible.svg\")
][npm-url]\n[![\"CSS](\"https://cssdb.org/badge/focus-within-pseudo-class.svg\")
][css-url]\n[![\"build](\"https://img.shields.io/travis/csstools/postcss-focus-visible/master.svg\")
][cli-url]\n[![\"support](\"https://img.shields.io/badge/support-chat-blue.svg\")
][git-url]\n\n[PostCSS Focus Visible] lets you use the `:focus-visible` pseudo-class in\nCSS, following the [Selectors Level 4 specification].\n\nIt is the companion to the [focus-visible polyfill].\n\n[](https://caniuse.com/#feat=css-focus-visible)\n\n```css\n:focus:not(:focus-visible) {\n outline: none;\n}\n\n/* becomes */\n\n:focus:not(.focus-visible) {\n outline: none;\n}\n\n:focus:not(:focus-visible) {\n outline: none;\n}\n```\n\n[PostCSS Focus Visible] duplicates rules using the `:focus-visible` pseudo-class\nwith a `.focus-visible` class selector, the same selector used by the\n[focus-visible polyfill]. This replacement selector can be changed using the\n`replaceWith` option. Also, the preservation of the original `:focus-visible`\nrule can be disabled using the `preserve` option.\n\n## Usage\n\nAdd [PostCSS Focus Visible] to your project:\n\n```bash\nnpm install postcss-focus-visible --save-dev\n```\n\nUse [PostCSS Focus Visible] to process your CSS:\n\n```js\nconst postcssFocusVisible = require('postcss-focus-visible');\n\npostcssFocusVisible.process(YOUR_CSS /*, processOptions, pluginOptions */);\n```\n\nOr use it as a [PostCSS] plugin:\n\n```js\nconst postcss = require('postcss');\nconst postcssFocusVisible = require('postcss-focus-visible');\n\npostcss([\n postcssFocusVisible(/* pluginOptions */)\n]).process(YOUR_CSS /*, processOptions */);\n```\n\n[PostCSS Focus Visible] runs in all Node environments, with special\ninstructions for:\n\n| [Node](INSTALL.md#node) | [PostCSS CLI](INSTALL.md#postcss-cli) | [Webpack](INSTALL.md#webpack) | [Create React App](INSTALL.md#create-react-app) | [Gulp](INSTALL.md#gulp) | [Grunt](INSTALL.md#grunt) |\n| --- | --- | --- | --- | --- | --- |\n\n## Options\n\n### preserve\n\nThe `preserve` option defines whether the original selector should remain. By\ndefault, the original selector is preserved.\n\n```js\nfocusVisible({ preserve: false });\n```\n\n```css\n:focus:not(:focus-visible) {\n outline: none;\n}\n\n/* becomes */\n\n:focus:not(.focus-visible) {\n outline: none;\n}\n```\n\n### replaceWith\n\nThe `replaceWith` option defines the selector to replace `:focus-visible`. By\ndefault, the replacement selector is `.focus-visible`.\n\n```js\nfocusVisible({ replaceWith: '[focus-visible]' });\n```\n\n```css\n:focus:not(:focus-visible) {\n outline: none;\n}\n\n/* becomes */\n\n:focus:not([focus-visible]) {\n outline: none;\n}\n\n:focus:not(:focus-visible) {\n outline: none;\n}\n```\n\n[cli-url]: https://travis-ci.org/csstools/postcss-focus-visible\n[css-url]: https://cssdb.org/#focus-visible-pseudo-class\n[git-url]: https://gitter.im/postcss/postcss\n[npm-url]: https://www.npmjs.com/package/postcss-focus-visible\n\n[focus-visible polyfill]: https://github.com/WICG/focus-visible\n[Gulp PostCSS]: https://github.com/postcss/gulp-postcss\n[Grunt PostCSS]: https://github.com/nDmitry/grunt-postcss\n[PostCSS]: https://github.com/postcss/postcss\n[PostCSS Focus Visible]: https://github.com/csstools/postcss-focus-visible\n[PostCSS Loader]: https://github.com/postcss/postcss-loader\n[Selectors Level 4 specification]: https://www.w3.org/TR/selectors-4/#the-focus-visible-pseudo"
}