{"_id":"@brentropy/grommet-with-shadow-dom-fixes","_rev":"1-151d360621c429eb2fd3b8fe7b65ad36","name":"@brentropy/grommet-with-shadow-dom-fixes","dist-tags":{"latest":"2.15.1"},"versions":{"2.15.1":{"name":"@brentropy/grommet-with-shadow-dom-fixes","version":"2.15.1","main":"index.js","module":"es6/index.js","jsnext:main":"es6/index.js","sideEffects":["./src/js/contexts/ThemeContext/ThemeContext.js","./es6/contexts/ThemeContext/ThemeContext.js"],"description":"focus on the essential experience","authors":["Alan Souza","Bryan Jacquot","Chris Carlozzi","Eric Soderberg","Shimrit Yacobi"],"homepage":"http://grommet.io","bugs":{"url":"https://github.com/grommet/grommet/issues"},"license":"Apache-2.0","repository":{"type":"git","url":"git+https://github.com/grommet/grommet.git"},"engine-strict":true,"engines":{"node":">= 10"},"scripts":{"generate-readme":"cross-env NODE_ENV=production babel-node ./tools/generate-readme","build":"webpack --mode production && babel ./src/js/ --out-dir ./dist --ignore '**/**/__tests__' --ignore 'src/**/portal.js' && copyfiles -u 2 \"src/js/**/**/*.*\" -e \"src/js/**/**/*.js\" -e \"src/js/**/**/*.js.snap\" \"./dist\" && cross-env BABEL_ENV=es6 babel ./src/js/ --out-dir ./dist/es6 --ignore '**/**/__tests__' --ignore 'src/**/portal.js' && copyfiles -u 2 \"src/js/**/**/*.*\" -e \"src/js/**/**/*.js\" -e \"src/js/**/**/*.js.snap\" \"./dist/es6\"","release-stable":"babel-node ./tools/release-stable","lint":"eslint src","lint-fix":"eslint src --fix","test":"npm run generate-readme && jest --runInBand","test-update":"npm run generate-readme && jest --updateSnapshot","test-watch":"jest --watchAll","test-bundlesize":"bundlesize","pack":"babel-node ./tools/pack","storybook":"cross-env NODE_ENV=development start-storybook -p 9001 -c storybook -s ./storybook/public","build-storybook":"build-storybook -c storybook -o storybook-static -s ./storybook/public","prettier":"pretty-quick --staged","chromatic":"chromatic -t 9q99in2ygnh"},"peerDependencies":{"react":">= 16.6.1","react-dom":">= 16.6.1","styled-components":">= 5.1"},"dependencies":{"grommet-icons":"^4.2.0","hoist-non-react-statics":"^3.2.0","markdown-to-jsx":"^6.11.4","polished":"^3.4.1","prop-types":"^15.7.2","react-desc":"^4.1.2"},"devDependencies":{"@babel/cli":"^7.1.2","@babel/core":"^7.3.4","@babel/node":"^7.8.3","@babel/plugin-proposal-class-properties":"^7.3.4","@babel/plugin-proposal-do-expressions":"^7.0.0","@babel/plugin-proposal-export-default-from":"^7.0.0","@babel/plugin-proposal-logical-assignment-operators":"^7.0.0","@babel/plugin-proposal-nullish-coalescing-operator":"^7.0.0","@babel/plugin-proposal-optional-chaining":"^7.0.0","@babel/plugin-proposal-pipeline-operator":"^7.3.2","@babel/preset-env":"^7.3.4","@babel/preset-react":"^7.0.0","@emotion/core":"^10.0.7","@storybook/addon-storysource":"^5.3.19","@storybook/addons":"^5.3.19","@storybook/react":"^5.3.19","@storybook/source-loader":"^5.3.19","@testing-library/dom":"^6.1.0","@testing-library/jest-dom":"^4.2.4","@testing-library/react":"^9.1.3","@types/node":"^13.5.0","@types/react":"^16.9.11","@types/react-dom":"^16.9.3","@types/storybook__react":"^4.0.2","@types/styled-components":"^5.0.1","awesome-typescript-loader":"^5.2.1","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.1","babel-jest":"^24.8.0","babel-loader":"^8.0.0-beta.6","babel-plugin-styled-components":"^1.6.4","babel-plugin-transform-imports":"^2.0.0","bundlesize":"^0.18.0","chromatic":"^5.0.0","clean-webpack-plugin":"^3.0.0","copy-webpack-plugin":"^5.0.4","copyfiles":"^2.3.0","core-js":"^3.6.4","cross-env":"^5.1.6","del":"^5.1.0","eslint":"^6.2.2","eslint-config-airbnb":"^18.0.1","eslint-config-prettier":"^6.1.0","eslint-plugin-babel":"^5.1.0","eslint-plugin-import":"^2.2.0","eslint-plugin-jsx-a11y":"^6.2.1","eslint-plugin-prettier":"^3.0.0","eslint-plugin-react":"^7.9.1","eslint-plugin-react-hooks":"^2.2.0","fs-extra":"^8.1.0","grommet-theme-aruba":"^0.1.1","grommet-theme-dxc":"^0.1.1","grommet-theme-hp":"^0.1.1","grommet-theme-hpe":"^2.0.0","grommet-theme-v1":"^0.1.1","jest":"^25.1.0","jest-axe":"^3.4.0","jest-cli":"^25.1.0","jest-styled-components":"^7.0.0","jsdom":"^15.1.1","postcss":"^7.0.31","pre-commit":"^1.2.2","prettier":"^1.16.4","pretty-quick":"^1.8.0","react":"^16.12.0","react-dev-utils":"^9.0.3","react-dom":"^16.12.0","react-is":"16.12.0","react-test-renderer":"^16.12.0","regenerator-runtime":"^0.13.1","require-reload":"^0.2.2","simple-git":"^1.95.0","styled-components":"5.1.1","tarball-extract":"^0.0.6","typescript":"^3.6.4","webpack":"^4.39.3","webpack-cli":"^3.2.3"},"jest":{"collectCoverage":true,"testURL":"http://localhost/","setupFilesAfterEnv":["<rootDir>/src/setupTests.js"],"coverageReporters":["lcov"],"collectCoverageFrom":["src/js/components/**/*.js","src/js/contexts/**/*.js","src/js/themes/**/*.js","src/js/utils/**/*.js","!src/js/**/**/*.stories.js","!src/js/**/**/stories/*.js","!src/js/**/**/stories/**/**/*.js","!src/js/utils/portal.js","!src/js/**/**/doc.js","!src/js/components/**/__tests__/**/*.js"],"modulePathIgnorePatterns":["<rootDir>/dist/"],"testPathIgnorePatterns":["<rootDir>[/\\\\](dist|node_modules)[/\\\\]","components/(.*)/__tests__/(.*)/(.*).js"]},"pre-commit":["lint-fix","prettier","test"],"bundlesize":[{"path":"./dist/grommet.min.js","maxSize":"120 kB"}],"keywords":["grommet","grommet.io","grommetux","component","library","design system","framework","react","theme","theming","templates","sticker sheets","design patterns","app templates","atomic design","accessibility","WCAG 2.1","keyboard navigation","screen reader tags","color","type","layout","typography","interaction","ui","user interface","gui","graphical user interface","styled-components"],"_id":"@brentropy/grommet-with-shadow-dom-fixes@2.15.1","_nodeVersion":"12.18.3","_npmVersion":"6.14.6","dist":{"integrity":"sha512-PzuKYidnTlJhZoa4makvvVPkwHuQHhnxmSLrGSIHW2vb7qdfCUdkwyJz/3zH2zkRSOaOJYuLrbaBNbl9vvMEBA==","shasum":"1c0f49277c62176aa902736a2ce463ef2e45c876","tarball":"https://registry.npmjs.org/@brentropy/grommet-with-shadow-dom-fixes/-/grommet-with-shadow-dom-fixes-2.15.1.tgz","fileCount":1593,"unpackedSize":6755667,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJff3dGCRA9TVsSAnZWagAA0WkP/itzdJgakfRZy1AH+g2y\nalZ/cjQs294hZylGQbsEjCeD07RBO5HesGjFHQrp0RciCGHlIWDjpl+Kj63P\ns8bnl9myBiiWqJM0g7kyc7T1RTRXHmojrS2jXEHsh/QgCtQUQxD70hYt4FiL\nU2CQbN+VcMbwPnEZDr14aLexE1pCsu+VfFHjQ8Vq3qmgUDcOnWLDsgQ+XKkP\nIjUbLCy6t9Jp9uCJbtQG2UG6lk9OeHQ2xncB2aAz+2+hIfsRLojZQ4QtLocf\nL4/D6PanJzEta/68flWus38ws4E1MT8JuzesBKRSH85r17cWJiKU1ju/deiK\nqCxz2hTiM6z7ruGnqrgBbbALjQn53GOHSsnHYubh7FfXWtvK+ze18JCosT9S\nTeFXzDviMi9tTe3P1e54+MZSqgsYtI6vHSbHFplUrbN7y891kUbrg7HEtsP2\noNs9k30yE+mc/mUvbKs2B2Y7MDNs4cCGT+QwJRHXHlB4UtXKlmy3/QXsGCJw\nCWK482erdXRNTTiWTdalt81vp60+ct24kYmOilCOYvelvRV84UWYlLPPJlXN\nQyhopiz331BDvL3zD2U1brMG4dd0CaAi5d99DNM4xSCUHixr9q17qPtR80Je\n9gT4a9Ic5WRH//uHdNR52r4L1Vd4ZYKhvMDaphFsIXFn/bj7BblMe39myp9m\nkEIg\r\n=ujhc\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCJNmyiiTgFcKrgUZ6pRBR8Vl0EPGdprx1gBG/1aJGErgIgbVKIUxTkT4bNNE1piLji1ZG2ezqkRDcSA3sA9jxdwfs="}]},"maintainers":[{"name":"brentropy","email":"brentropy@protonmail.com"}],"_npmUser":{"name":"brentropy","email":"brentropy@protonmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/grommet-with-shadow-dom-fixes_2.15.1_1602189125937_0.7638124546068077"},"_hasShrinkwrap":false}},"time":{"created":"2020-10-08T20:32:05.888Z","2.15.1":"2020-10-08T20:32:06.258Z","modified":"2022-04-04T20:31:28.092Z"},"maintainers":[{"name":"brentropy","email":"brentropy@protonmail.com"}],"description":"focus on the essential experience","homepage":"http://grommet.io","keywords":["grommet","grommet.io","grommetux","component","library","design system","framework","react","theme","theming","templates","sticker sheets","design patterns","app templates","atomic design","accessibility","WCAG 2.1","keyboard navigation","screen reader tags","color","type","layout","typography","interaction","ui","user interface","gui","graphical user interface","styled-components"],"repository":{"type":"git","url":"git+https://github.com/grommet/grommet.git"},"bugs":{"url":"https://github.com/grommet/grommet/issues"},"license":"Apache-2.0","readme":"# Temporary (hopefully) fork of Grommet\n\nThis fork fixes a major issue of not being able to click anything inside of a\nLayer when rendered inside of a shadow root. This is because the shadow root\nitself is the event target for the \"click outside\" event listener registered\nat the top level. This makes the click appear to be outside of the of the\nLayer. There is an [open PR](https://github.com/grommet/grommet/pull/4241)\nfor this issue that has been pending for some time now.\n\nSince supporting shadow dom does not seem to be a priority for the maintainers,\nother shadow dom related fixes may be published here.\n\n## Install\n\n```\nnpm i @brentropy/grommet-with-shadow-dom-fixes\n```\n\n## --- Original README Below ---\n\n# Grommet: focus on the essential experience\n\n[![PRs Welcome](https://img.shields.io/badge/pr's-welcome-7d4cdb.svg)][contributing]\n[![slack](https://img.shields.io/badge/join%20the%20community-slack-fd6fff.svg)][slack]\n[![follow](https://img.shields.io/twitter/follow/grommet_io.svg?label=follow%20&style=social)][twitter]\n[![blogs](https://img.shields.io/badge/view%20blogs%20on-medium-000000.svg)][medium]\n[![npm package](https://img.shields.io/npm/v/grommet.svg?color=ffca58)][npm]\n[![npm downloads](https://img.shields.io/npm/dm/grommet.svg?color=3d138d)][npm]\n[![styled with prettier](https://img.shields.io/badge/styled_with-prettier-ff69b4.svg)][prettier]\n\n<img align=\"right\" height=\"260\" src=\"https://v2.grommet.io/img/stak-hurrah.svg\">\n\n## Documentation\n\nVisit the [Grommet] website for more information.\n\n## Support / Contributing\n\nBefore opening an issue or pull request, please read the [Contributing] guide.\n\n## Install\n\nYou can install Grommet using either of the methods given below.\n\nFor npm users:\n\n```shell\n  $ npm install grommet styled-components --save\n```\n\nFor Yarn users:\n\n```shell\n  $ yarn add grommet styled-components\n```\n\nThere are more detailed instructions in the [Grommet Starter] app tutorial for\nnew apps. For incorporating Grommet into an existing app, see the [Existing App]\nversion.\n\n## Explore\n\n1. [Storybook] examples per component, you can create them locally by running:\n\n   ```shell\n     $ npm run storybook\n   ```\n\n   or\n\n   ```shell\n     $ yarn storybook\n   ```\n\n1. Basic [code-sandbox playgrounds][playground] for each component.\n1. [Templates, patterns, and starters][sandboxes]: feel free to share with us\n   more pattern ideas on [Slack].\n1. End-to-end project examples from our community in the\n   [#i-made-this Slack channel][slack].\n1. Read more from the Grommet team on [Medium].\n\n## Stable\n\ngrommet is also available on a stable branch that is built with the content of the 'master' branch.\nFrom your package.json point to stable.\n\n```\n\"grommet\": \"https://github.com/grommet/grommet/tarball/stable\",\n```\n\nFor more info, read the [stable wiki](https://github.com/grommet/grommet/wiki/What-is-grommet-stable-and-how-to-use-it%3F).\n\n## Release History\n\nSee the [Change Log].\n\n## Tools Behind Grommet\n\nGrommet is produced using this great tool:\n\n- [BrowserStack] for browser emulators and simulators.\n- [Circle CI] for continuous integration.\n\n[browserstack]: https://www.browserstack.com/\n[change log]: https://github.com/grommet/grommet/wiki/Change-Log\n[circle ci]: https://circleci.com/gh/grommet/grommet/\n[contributing]: CONTRIBUTING.md\n[existing app]: https://github.com/grommet/grommet-starter-existing-app\n[grommet starter]: https://github.com/grommet/grommet-starter-new-app\n[grommet]: https://grommet.io/\n[medium]: https://medium.com/grommet-io\n[npm]: https://www.npmjs.com/package/grommet\n[playground]: https://codesandbox.io/s/github/grommet/grommet-sandbox\n[prettier]: https://github.com/prettier/prettier\n[sandboxes]: https://codesandbox.io/u/grommetux/sandboxes\n[slack]: http://slackin.grommet.io\n[storybook]: https://storybook.grommet.io\n[twitter]: https://twitter.com/grommet_io\n","readmeFilename":"README.md"}