{"_id":"@ausuliv/frontend-components","_rev":"4-232707affd7a8c4b4ac685e07b90257e","name":"@ausuliv/frontend-components","dist-tags":{"latest":"4.2.12"},"versions":{"4.2.8":{"name":"@ausuliv/frontend-components","version":"4.2.8","author":"","license":"Apache-2.0","_id":"@ausuliv/frontend-components@4.2.8","maintainers":[{"name":"ausuliv","email":"ausulliv@redhat.com"}],"homepage":"https://github.com/RedHatInsights/frontend-components/tree/master/packages/components#readme","bugs":{"url":"https://github.com/RedHatInsights/frontend-components/issues"},"dist":{"shasum":"5f3fc08f890665dd36082ff901dd01182ec4f565","tarball":"https://registry.npmjs.org/@ausuliv/frontend-components/-/frontend-components-4.2.8.tgz","fileCount":861,"integrity":"sha512-a+dck+WZbk702XHPXNz+tTAtBrl484YoUP/Q40l/kAMV9+Saw/oOACHhYlf4ccUOhADCc5oWjRxoQhMiQFd9+g==","signatures":[{"sig":"MEUCIQCIwYxuskCXFeoZjoE77DYzEj0oTLHhTJwZa632N/BJYAIgLj1W6gjhhUc6b+4E6y4ce1N9nP2TCHsu2OM6xerT80g=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1043983},"main":"index.js","types":"index.d.ts","module":"esm/index.js","gitHead":"eb0fd267e93ac241f9c77f84ad84b23726196fbe","scripts":{"build":"npm run build:js && npm run build:esm && npm run build:css && npm run build:packages && npm run transform:css","start":"concurrently \"npm run build:esm -- --watch\" \"npm run build:js -- --watch\" \"npm run build:css -- --watch\" \"npm run build:packages\"","test:ct":"cypress run --component","build:js":"tsc -p tsconfig.cjs.json","build:css":"node ../../scripts/build-styles.js","build:esm":"MODULES_ROOT=../../ tsc --module es2015 --target es5 -p tsconfig.esm.json","test:openct":"cypress open --component","transform:css":"node ../../scripts/transform-scss.js","build:packages":"node ../../scripts/build-packages.js --forceTypes"},"_npmUser":{"name":"ausuliv","email":"ausulliv@redhat.com"},"repository":{"url":"git+https://github.com/RedHatInsights/frontend-components.git","type":"git"},"_npmVersion":"10.2.4","description":"Common components for RedHat Cloud Services project.","directories":{},"sideEffects":["./**/*.css","./**/*.scss"],"_nodeVersion":"20.11.1","dependencies":{"classnames":"^2.2.5","sanitize-html":"^2.7.2","@scalprum/core":"^0.7.0","@scalprum/react-core":"^0.7.0","@redhat-cloud-services/types":"^0.0.24","@patternfly/react-component-groups":"^5.0.0","@redhat-cloud-services/frontend-components-utilities":"^4.0.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"glob":"10.3.3","cypress":"^12.17.3","css-loader":"^6.7.1","sass-loader":"^12.6.0","@types/react":"^18.0.0","style-loader":"^3.3.1","eslint-plugin-cypress":"^2.12.1","@patternfly/patternfly":"6.0.0-alpha.139","node-sass-package-importer":"^5.3.2","@cypress/webpack-dev-server":"^1.8.4","@redhat-cloud-services/frontend-components-config-utilities":"^3.0.0"},"peerDependencies":{"react":"^18.2.0","lodash":"^4.17.15","react-dom":"^18.2.0","prop-types":"^15.6.2","react-redux":">=7.0.0","react-router-dom":"^5.0.0 || ^6.0.0","react-content-loader":"^6.2.0","@patternfly/react-core":"6.0.0-alpha.61","@patternfly/react-icons":"6.0.0-alpha.23","@patternfly/react-table":"6.0.0-alpha.61"},"_npmOperationalInternal":{"tmp":"tmp/frontend-components_4.2.8_1718224931077_0.09067522792319194","host":"s3://npm-registry-packages"}},"4.2.9":{"name":"@ausuliv/frontend-components","version":"4.2.9","author":"","license":"Apache-2.0","_id":"@ausuliv/frontend-components@4.2.9","maintainers":[{"name":"ausuliv","email":"ausulliv@redhat.com"}],"homepage":"https://github.com/RedHatInsights/frontend-components/tree/master/packages/components#readme","bugs":{"url":"https://github.com/RedHatInsights/frontend-components/issues"},"dist":{"shasum":"b70f8857e124873ccc727e395b70e14404e78743","tarball":"https://registry.npmjs.org/@ausuliv/frontend-components/-/frontend-components-4.2.9.tgz","fileCount":861,"integrity":"sha512-A33eGO4z200peu9K/O0eHP3d9Cvdwv/RPAjfY98mPcxuIFr18xqR8u4j828c7iayaX9ur67WYkw7msyEbdtpIQ==","signatures":[{"sig":"MEUCIQDCLjpKQymqXF2ZsHPFkCrNkplQyqJEKAFz9ywO9n3xpAIgIIfHcgcbYcLMYbxAqHa140vUUYj3U3aQKWtplrtvWfc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1043938},"main":"index.js","types":"index.d.ts","module":"esm/index.js","gitHead":"eb0fd267e93ac241f9c77f84ad84b23726196fbe","scripts":{"build":"npm run build:js && npm run build:esm && npm run build:css && npm run build:packages && npm run transform:css","start":"concurrently \"npm run build:esm -- --watch\" \"npm run build:js -- --watch\" \"npm run build:css -- --watch\" \"npm run build:packages\"","test:ct":"cypress run --component","build:js":"tsc -p tsconfig.cjs.json","build:css":"node ../../scripts/build-styles.js","build:esm":"MODULES_ROOT=../../ tsc --module es2015 --target es5 -p tsconfig.esm.json","test:openct":"cypress open --component","transform:css":"node ../../scripts/transform-scss.js","build:packages":"node ../../scripts/build-packages.js --forceTypes"},"_npmUser":{"name":"ausuliv","email":"ausulliv@redhat.com"},"repository":{"url":"git+https://github.com/RedHatInsights/frontend-components.git","type":"git"},"_npmVersion":"10.2.4","description":"Common components for RedHat Cloud Services project.","directories":{},"sideEffects":["./**/*.css","./**/*.scss"],"_nodeVersion":"20.11.1","dependencies":{"classnames":"^2.2.5","sanitize-html":"^2.7.2","@scalprum/core":"^0.7.0","@scalprum/react-core":"^0.7.0","@redhat-cloud-services/types":"^0.0.24","@patternfly/react-component-groups":"6.0.0-alpha.2","@redhat-cloud-services/frontend-components-utilities":"^4.0.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"glob":"10.3.3","cypress":"^12.17.3","css-loader":"^6.7.1","sass-loader":"^12.6.0","@types/react":"^18.0.0","style-loader":"^3.3.1","eslint-plugin-cypress":"^2.12.1","@patternfly/patternfly":"6.0.0-alpha.139","node-sass-package-importer":"^5.3.2","@cypress/webpack-dev-server":"^1.8.4","@redhat-cloud-services/frontend-components-config-utilities":"^3.0.0"},"peerDependencies":{"react":"^18.2.0","lodash":"^4.17.15","react-dom":"^18.2.0","prop-types":"^15.6.2","react-redux":">=7.0.0","react-router-dom":"^5.0.0 || ^6.0.0","react-content-loader":"^6.2.0","@patternfly/react-core":"6.0.0-alpha.61","@patternfly/react-icons":"6.0.0-alpha.23","@patternfly/react-table":"6.0.0-alpha.61"},"_npmOperationalInternal":{"tmp":"tmp/frontend-components_4.2.9_1718652486061_0.8230687292203935","host":"s3://npm-registry-packages"}},"4.2.10":{"name":"@ausuliv/frontend-components","version":"4.2.10","author":"","license":"Apache-2.0","_id":"@ausuliv/frontend-components@4.2.10","homepage":"https://github.com/RedHatInsights/frontend-components/tree/master/packages/components#readme","bugs":{"url":"https://github.com/RedHatInsights/frontend-components/issues"},"dist":{"shasum":"ca4b8816823222a66f861f67405ea65a95391c5b","tarball":"https://registry.npmjs.org/@ausuliv/frontend-components/-/frontend-components-4.2.10.tgz","fileCount":861,"integrity":"sha512-MrA/yRSjGUJ/o2C95Wc9DQSh47tq65Ll22vwHV58wg5BpfkgK4ogIhoPJiQ23CoSSWKDRumRIapS3lb0Pbo7Og==","signatures":[{"sig":"MEUCIBoSvpEIguOqXGp7TUi61Nyc9v97mayXuqwUS/SbBXBsAiEAvEEjh58RlKc1utj7CqvcbZwntl0usHmzjldy7sGP5V0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1043408},"main":"index.js","types":"index.d.ts","module":"esm/index.js","gitHead":"aafe63f5615d6af2f54b40b4035f093ff53d7264","scripts":{"build":"npm run build:js && npm run build:esm && npm run build:css && npm run build:packages && npm run transform:css","start":"concurrently \"npm run build:esm -- --watch\" \"npm run build:js -- --watch\" \"npm run build:css -- --watch\" \"npm run build:packages\"","test:ct":"cypress run --component","build:js":"tsc -p tsconfig.cjs.json","build:css":"node ../../scripts/build-styles.js","build:esm":"MODULES_ROOT=../../ tsc --module es2015 --target es5 -p tsconfig.esm.json","test:openct":"cypress open --component","transform:css":"node ../../scripts/transform-scss.js","build:packages":"node ../../scripts/build-packages.js --forceTypes"},"_npmUser":{"name":"ausuliv","email":"ausulliv@redhat.com"},"repository":{"url":"git+https://github.com/RedHatInsights/frontend-components.git","type":"git"},"_npmVersion":"10.2.4","description":"Common components for RedHat Cloud Services project.","directories":{},"sideEffects":["./**/*.css","./**/*.scss"],"_nodeVersion":"20.11.1","dependencies":{"classnames":"^2.2.5","sanitize-html":"^2.7.2","@scalprum/core":"^0.7.0","@scalprum/react-core":"^0.7.0","@redhat-cloud-services/types":"^0.0.24","@patternfly/react-component-groups":"6.0.0-alpha.2","@ausuliv/frontend-components-utilities":"^4.0.10"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"glob":"10.3.3","cypress":"^12.17.3","css-loader":"^6.7.1","sass-loader":"^12.6.0","@types/react":"^18.0.0","style-loader":"^3.3.1","eslint-plugin-cypress":"^2.12.1","@patternfly/patternfly":"6.0.0-alpha.139","node-sass-package-importer":"^5.3.2","@cypress/webpack-dev-server":"^1.8.4","@ausuliv/frontend-components-config-utilities":"^3.0.5"},"peerDependencies":{"react":"^18.2.0","lodash":"^4.17.15","react-dom":"^18.2.0","prop-types":"^15.6.2","react-redux":">=7.0.0","react-router-dom":"^5.0.0 || ^6.0.0","react-content-loader":"^6.2.0","@patternfly/react-core":"6.0.0-alpha.61","@patternfly/react-icons":"6.0.0-alpha.23","@patternfly/react-table":"6.0.0-alpha.70"},"_npmOperationalInternal":{"tmp":"tmp/frontend-components_4.2.10_1718991507835_0.7099343277322092","host":"s3://npm-registry-packages"}},"4.2.11":{"name":"@ausuliv/frontend-components","version":"4.2.11","author":"","license":"Apache-2.0","_id":"@ausuliv/frontend-components@4.2.11","maintainers":[{"name":"ausuliv","email":"ausulliv@redhat.com"}],"homepage":"https://github.com/RedHatInsights/frontend-components/tree/master/packages/components#readme","bugs":{"url":"https://github.com/RedHatInsights/frontend-components/issues"},"dist":{"shasum":"fe5c725c577495500e8bc502d188a7b937fa810b","tarball":"https://registry.npmjs.org/@ausuliv/frontend-components/-/frontend-components-4.2.11.tgz","fileCount":861,"integrity":"sha512-5EiOvSy/cW4O3H1mhEY2D/GwihmoNkq6U7+3c+Ek/oNHqD4dw+dKGUk1/XQ0GTGUozy4+DmiZ8OzrBzQDW0BLw==","signatures":[{"sig":"MEYCIQDw/MGTJIqiCdCQeBbRaSC3QtX3eKht5heIIIP5s2YmWAIhANkgmOCG6ZXrwd2/ci8TwV6gDQBBUQNyvixagDmN5mfM","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":1043621},"main":"index.js","types":"index.d.ts","module":"esm/index.js","gitHead":"c67e9a6a9ad28978a1f4bd150587981a848e161e","scripts":{"build":"npm run build:js && npm run build:esm && npm run build:css && npm run build:packages && npm run transform:css","start":"concurrently \"npm run build:esm -- --watch\" \"npm run build:js -- --watch\" \"npm run build:css -- --watch\" \"npm run build:packages\"","test:ct":"cypress run --component","build:js":"tsc -p tsconfig.cjs.json","build:css":"node ../../scripts/build-styles.js","build:esm":"MODULES_ROOT=../../ tsc --module es2015 --target es5 -p tsconfig.esm.json","test:openct":"cypress open --component","transform:css":"node ../../scripts/transform-scss.js","build:packages":"node ../../scripts/build-packages.js --forceTypes"},"_npmUser":{"name":"ausuliv","email":"ausulliv@redhat.com"},"repository":{"url":"git+https://github.com/RedHatInsights/frontend-components.git","type":"git"},"_npmVersion":"10.2.4","description":"Common components for RedHat Cloud Services project.","directories":{},"sideEffects":["./**/*.css","./**/*.scss"],"_nodeVersion":"20.11.1","dependencies":{"classnames":"^2.2.5","sanitize-html":"^2.7.2","@scalprum/core":"^0.7.0","@scalprum/react-core":"^0.7.0","@redhat-cloud-services/types":"^0.0.24","@patternfly/react-component-groups":"6.0.0-alpha.12","@ausuliv/frontend-components-utilities":"^4.0.10"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"glob":"10.3.3","cypress":"^12.17.3","css-loader":"^6.7.1","sass-loader":"^12.6.0","@types/react":"^18.0.0","style-loader":"^3.3.1","eslint-plugin-cypress":"^2.12.1","@patternfly/patternfly":"6.0.0-alpha.205","node-sass-package-importer":"^5.3.2","@cypress/webpack-dev-server":"^1.8.4","@ausuliv/frontend-components-config-utilities":"^3.0.5"},"peerDependencies":{"react":"^18.2.0","lodash":"^4.17.15","react-dom":"^18.2.0","prop-types":"^15.6.2","react-redux":">=7.0.0","react-router-dom":"^5.0.0 || ^6.0.0","react-content-loader":"^6.2.0","@patternfly/react-core":"6.0.0-alpha.100","@patternfly/react-icons":"6.0.0-alpha.35","@patternfly/react-table":"6.0.0-alpha.101"},"_npmOperationalInternal":{"tmp":"tmp/frontend-components_4.2.11_1724251227070_0.769248048201606","host":"s3://npm-registry-packages"}},"4.2.12":{"name":"@ausuliv/frontend-components","version":"4.2.12","description":"Common components for RedHat Cloud Services project.","main":"index.js","module":"esm/index.js","types":"index.d.ts","sideEffects":["./**/*.css","./**/*.scss"],"publishConfig":{"access":"public"},"scripts":{"build":"npm run build:js && npm run build:esm && npm run build:css && npm run build:packages && npm run transform:css","build:css":"node ../../scripts/build-styles.js","build:packages":"node ../../scripts/build-packages.js --forceTypes","start":"concurrently \"npm run build:esm -- --watch\" \"npm run build:js -- --watch\" \"npm run build:css -- --watch\" \"npm run build:packages\"","build:esm":"MODULES_ROOT=../../ tsc --module es2015 --target es5 -p tsconfig.esm.json","build:js":"tsc -p tsconfig.cjs.json","test:ct":"cypress run --component","test:openct":"cypress open --component","transform:css":"node ../../scripts/transform-scss.js"},"repository":{"type":"git","url":"git+https://github.com/RedHatInsights/frontend-components.git"},"author":"","license":"Apache-2.0","bugs":{"url":"https://github.com/RedHatInsights/frontend-components/issues"},"homepage":"https://github.com/RedHatInsights/frontend-components/tree/master/packages/components#readme","peerDependencies":{"@patternfly/react-core":"6.0.0-prerelease.21","@patternfly/react-icons":"6.0.0-prerelease.7","@patternfly/react-table":"6.0.0-prerelease.22","lodash":"^4.17.15","prop-types":"^15.6.2","react":"^18.2.0","react-content-loader":"^6.2.0","react-dom":"^18.2.0","react-redux":">=7.0.0","react-router-dom":"^5.0.0 || ^6.0.0"},"dependencies":{"@ausuliv/frontend-components-utilities":"^4.0.10","@redhat-cloud-services/types":"^0.0.24","@patternfly/react-component-groups":"6.0.0-prerelease.4","@scalprum/core":"^0.7.0","@scalprum/react-core":"^0.7.0","classnames":"^2.2.5","sanitize-html":"^2.7.2"},"devDependencies":{"@cypress/webpack-dev-server":"^1.8.4","@patternfly/patternfly":"6.0.0-prerelease.15","@ausuliv/frontend-components-config-utilities":"^3.0.5","@types/react":"^18.0.0","css-loader":"^6.7.1","cypress":"^12.17.3","eslint-plugin-cypress":"^2.12.1","glob":"10.3.3","node-sass-package-importer":"^5.3.2","sass-loader":"^12.6.0","style-loader":"^3.3.1"},"_id":"@ausuliv/frontend-components@4.2.12","gitHead":"02f62422fa5dd04c598458354806e7cc9d6bcebd","_nodeVersion":"20.17.0","_npmVersion":"10.8.2","dist":{"integrity":"sha512-f8FkVMPy/1uD/pEZyc6NA9BWGzlWO31c3pBFVubPuHeb8AmdA9CdVWDyY5cFx07WgbrEPtXlzHNWyTkMycT85g==","shasum":"b01faf3f332d6397658e3b9b147ef0ac73fcf0ad","tarball":"https://registry.npmjs.org/@ausuliv/frontend-components/-/frontend-components-4.2.12.tgz","fileCount":861,"unpackedSize":1043942,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIDmFMNzTDJfEF76Z0BWNP++7X4wNPtLMLYcSqGjITx6GAiEAkwUGBbxiG2Rd1EAyXBqlDmdN7kLs8BuH2nXvhlEw7j0="}]},"_npmUser":{"name":"ausuliv","email":"ausulliv@redhat.com"},"directories":{},"maintainers":[{"name":"ausuliv","email":"ausulliv@redhat.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/frontend-components_4.2.12_1728584390662_0.4446132674840364"},"_hasShrinkwrap":false}},"time":{"created":"2024-06-12T20:42:10.983Z","modified":"2024-10-10T18:19:51.116Z","4.2.8":"2024-06-12T20:42:11.431Z","4.2.9":"2024-06-17T19:28:06.355Z","4.2.10":"2024-06-21T17:38:28.120Z","4.2.11":"2024-08-21T14:40:27.378Z","4.2.12":"2024-10-10T18:19:50.920Z"},"bugs":{"url":"https://github.com/RedHatInsights/frontend-components/issues"},"license":"Apache-2.0","homepage":"https://github.com/RedHatInsights/frontend-components/tree/master/packages/components#readme","repository":{"type":"git","url":"git+https://github.com/RedHatInsights/frontend-components.git"},"description":"Common components for RedHat Cloud Services project.","maintainers":[{"name":"ausuliv","email":"ausulliv@redhat.com"}],"readme":"# RedHat Cloud Services frontend components - components\n[![npm version](https://badge.fury.io/js/%40redhat-cloud-services%2Ffrontend-components.svg)](https://badge.fury.io/js/%40redhat-cloud-services%2Ffrontend-components)\n\nThis package consists of shared components required by RedHat Cloud Services team.\n\n## Installation\nWith npm \n```bash\nnpm i -S @redhat-cloud-services/frontend-components\n```\n\nWith yarn\n```bash\nyarn add @redhat-cloud-services/frontend-components\n```\n\nThis package is dependent on [@ausuliv/frontend-components-utilities](https://www.npmjs.com/package/@ausuliv/frontend-components-utilities) and will automatically install it trough direct dependencies.\n\n## Migration v2 -> v3\n\n### Direct imports path changes\n\n- Remove `cjs` or `esm` from your import paths.\n- Remove the `components` fragment from your import path\n- Modules now have default value\n\n```jsx\n// v2\nimport { Ansible } from '@ausuliv/frontend-components/components/cjs/Ansible';\n\n// v3\nimport Ansible from '@ausuliv/frontend-components/Ansible';\n/** OR */\nimport { Ansible } from '@ausuliv/frontend-components/Ansible';\n```\n\n### Importing styles is no longer required\n\nImporting CSS for components is no longer required. Components import their styling whenever they are rendered for the first time.\n\n```diff\n-@import '~@ausuliv/frontend-components/index.css';\n```\n\n### Sub components imports.\n\nWhen importing a partial component like `TextFilter` from `ConditionalFilter`, use direct import shorthand from `ConditionalFilter`. Do not import from `TextFilter` file directly!\nAll imports must have at most only one level!\n\n```jsx\n// OK\nimport { X } from '@ausuliv/frontend-components/<ModuleName>'\n// Wrong!!\nimport X from '@ausuliv/frontend-components/<ModuleName>/X'\n\n```\nDeeper imports will break automatic csj/esm module resolution.\n\n\n## Treeshaking\n\nIn order not to improve your bundle size you you should either import components trough direct imports or use babel plugin to change relative imports to direct imports. You can mix both direct imports and babel plugin, it's just convenient to use the babel plugin so you don't have to change all of your imports.\n\n\n### Direct imports\n\nFor speedy build times, you can use direct import paths For instance `tableToolbar` can be imported as:\n```JSX\nimport TableToolbar from '@ausuliv/frontend-components/TableToolbar';\n```\n\nYou can also use shorthand imports.\n\n### Babel plugins\n\nThere are 2 plugins that can be used to change relative imports to direct imports\n* [babel-plugin-import](https://www.npmjs.com/package/babel-plugin-import) - easy setup, however not that extensible\n* [babel-plugin-transform-imports](https://www.npmjs.com/package/babel-plugin-transform-imports) - harder to setup, but allows custom rules\n\nSince our components require a bit more setting up, we are recommending using `babel-plugin-transform-imports`.\n\nChange your babel config to be javascript config `babel.config.js` so you can use JS functions to properly transform your imports.\nNot every component has its own directory. You can use mapper to map component name to directory.\n\n```JS\nconst FECMapper = {\n    SkeletonSize: 'Skeleton',\n    PageHeaderTitle: 'PageHeader'\n};\n\nmodule.exports = {\n    presets: [\n        // your presets go here\n    ],\n    plugins: [\n        // your plugins\n        [\n            'transform-imports',\n            {\n              '@redhat-cloud-services/frontend-components': {\n                transform: (importName) =>\n                  `@ausuliv/frontend-components/${FECMapper[importName] || importName}`,\n                preventFullImport: false,\n                skipDefaultConversion: true\n              }\n            },\n            'frontend-components'\n        ]\n        // other plugins, for instance PF transform imports and such as well\n    ]\n};\n```\n\nAs with direct imports you can choose between `esm` and `cjs` output.\n\n```JS\n// cjs\ntransform: (importName) =>`@ausuliv/frontend-components/${FECMapper[importName] || importName}`,\n// esm\ntransform: (importName) =>`@ausuliv/frontend-components/esm/${FECMapper[importName] || importName}`,\n\n```\n\n## Documentation Links\n\n* Components\n  * [sample](doc/sample.md)\n  * [page_header](doc/page_header.md)\n  * [tabLayout](doc/tabLayout.md)\n  * [emptyTable](doc/emptyTable.md)\n  * [input](doc/input.md)\n  * [dropdown](doc/dropdown.md)\n  * [spinner](doc/spinner.md)\n  * [ansible](doc/ansible.md)\n  * [filters](doc/filters.md)\n  * [battery](doc/battery.md)\n  * [shield](doc/shield.md)\n  * [table](doc/table.md)\n  * [truncate](doc/truncate.md)\n  * [tableToolbar](doc/tableToolbar.md)\n  * [pagination](doc/pagination.md)\n  * [treeview-table](doc/treeview-table.md)\n  * [section](doc/section.md)\n  * [breadcrumbs](doc/breadcrumbs.md)\n  * [reboot](doc/reboot.md)\n  * [useScreenSize](doc/useScreenSize.md)\n","readmeFilename":"README.md"}