{"_id":"@cruk/chakra-components-legacy","_rev":"4-48e14948a65c876274497721a198f6a3","name":"@cruk/chakra-components-legacy","dist-tags":{"latest":"1.0.7"},"versions":{"1.0.7":{"name":"@cruk/chakra-components-legacy","version":"1.0.7","keywords":[],"license":"MIT","_id":"@cruk/chakra-components-legacy@1.0.7","maintainers":[{"name":"peteainsworth","email":"pete.ainsworth@cancer.org.uk"},{"name":"dev-elliot","email":"elliotrevan@gmail.com"},{"name":"cruk-ui","email":"daniel.lawson@cancer.org.uk"}],"src":"./src","dist":{"shasum":"87ffdb93d012d8fe5bb68b87b6398aa96f144a09","tarball":"https://registry.npmjs.org/@cruk/chakra-components-legacy/-/chakra-components-legacy-1.0.7.tgz","fileCount":1786,"integrity":"sha512-LGpr1WyBUTYQ5Etjgl0QAfDsyCnlOTI7nO1yKPZTccsVKG+d8rToVvZ7djshAdolXDWLapUbA5UI5yvkx7EJZg==","signatures":[{"sig":"MEUCIGMShO14DC5nn2V6CPA/SdA5vM+2Dsd6zqHw/OORFzKKAiEAr5DCltFu1Xz2pGyVO1Y1jrYBHRfOVbBY9MnrOQWDtuo=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":1878957},"main":"./dist/cjs/packages/components/src/index.js","types":"./dist/types/src/index.d.ts","module":"./dist/esm/packages/components/src/index.js","gitHead":"678f6bf5a13d773c3c1e5ee973c892d8da205788","scripts":{"lint":"eslint src --ext .ts,.tsx","test":"jest","storybook":"storybook dev -p 6006","visualtest":"eyes-storybook dev -p 6006","postpublish":"json -I -f package.json -e \"this.main='./src/index.ts'; this.module='./src/index.ts'; this.types='./src/index.ts';\"","prepublishOnly":"json -I -f package.json -e \"this.main='./dist/cjs/packages/components/src/index.js'; this.module='./dist/esm/packages/components/src/index.js'; this.types='./dist/types/src/index.d.ts';\" && npm run rollup:build-lib","build-storybook":"storybook build","rollup:build-lib":"rm -rf dist/ && rollup --config","gen:chakra-tokens":"chakra-cli tokens src/index.ts"},"_npmUser":{"name":"cruk-ui","email":"daniel.lawson@cancer.org.uk"},"_npmVersion":"11.3.0","description":"Chakra UI based legacy components for CRUK applications","directories":{},"_nodeVersion":"20.18.2","dependencies":{"react":"^18.2.0","lodash":"^4.17.21","react-dom":"^18.2.0","@emotion/react":"^11.13.3","react-dropzone":"^14.2.9","@storybook/jest":"^0.2.3","@chakra-ui/icons":"^2.1.0","@chakra-ui/react":"^2.10.2","@storybook/react":"^7.4.1","@chakra-ui/anatomy":"^2.2.1","@storybook/addon-styling":"^1.0.0-next.2","@chakra-ui/storybook-addon":"^5.0.1","@storybook/testing-library":"^0.0.14-next.2"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"jest":"^29.7.0","json":"^11.0.0","eslint":"8.45.0","rollup":"^2.7.2","ts-jest":"^29.1.1","storybook":"^7.1.1","prop-types":"^15.8.1","typescript":"^5.1.6","@chakra-ui/cli":"^2.4.1","@babel/preset-env":"^7.22.20","@storybook/blocks":"^7.1.1","@babel/preset-react":"^7.22.15","@rollup/plugin-babel":"^5.0.0","rollup-plugin-terser":"^7.0.0","@storybook/addon-a11y":"^7.6.17","@storybook/addon-links":"^7.6.7","@testing-library/react":"^14.1.2","jest-environment-jsdom":"^29.6.4","@rollup/plugin-commonjs":"^25.0.0","eslint-plugin-storybook":"^0.6.13","@babel/preset-typescript":"^7.22.15","@storybook/addon-designs":"^7.0.9","@storybook/react-webpack5":"^7.1.1","@testing-library/jest-dom":"^6.1.3","rollup-plugin-typescript2":"^0.35.0","rollup-preserve-directives":"^1.1.3","@rollup/plugin-node-resolve":"^15.1.0","@storybook/addon-essentials":"^7.1.1","@storybook/addon-interactions":"^7.1.1","rollup-plugin-peer-deps-external":"^2.2.4"},"peerDependencies":{"@chakra-ui/icons":"^2.1.0"},"_npmOperationalInternal":{"tmp":"tmp/chakra-components-legacy_1.0.7_1747653262709_0.791544289584835","host":"s3://npm-registry-packages-npm-production"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info."}},"time":{"created":"2025-05-19T11:14:22.599Z","modified":"2026-06-29T10:25:42.739Z","1.0.7":"2025-05-19T11:14:23.007Z"},"license":"MIT","keywords":[],"description":"Chakra UI based legacy components for CRUK applications","maintainers":[{"name":"cruk-ui","email":"daniel.lawson@cancer.org.uk"},{"name":"dev-elliot","email":"elliotrevan@gmail.com"},{"name":"eardenercruk","email":"elise.ardener@cancer.org.uk"},{"name":"elliewintram","email":"ellie.wintram@cancer.org.uk"},{"name":"joncanceruk","email":"jonathan.carter@cancer.org.uk"},{"name":"peteainsworth","email":"pete.ainsworth@cancer.org.uk"}],"readme":"# @cruk/chakra-components\n\nThis is a Chakra UI v2 based component library for Cancer Research UK. It's currently a WIP.\n\nhttps://v2.chakra-ui.com/docs/\n\n## Installation\n\nYou can start using `@cruk/chakra-components` in your project by running the following command:\n\n```bash\nnpm i @cruk/chakra-components\n```\n\nOnce added to the project, you can use the `ChakraBaseProvider` to wrap your application and provide styled based on the `crukBrand` theme.\n\n```javascript\nimport type { AppProps } from \"next/app\";\nimport { ChakraBaseProvider, crukBrand } from \"@cruk/chakra-components\";\n\nconst App = ({ Component, pageProps }: AppProps) => (\n \n \n \n);\n\nexport default App;\n```\n\n## Documentation\n\nThe Storybook documentation for these components can be found at: https://main-site-components.vercel.app\n\n## Chakra UI\n\nThe components in this library are based on Chakra UI. Components are being constantly added and will be updated as per the brand teams additions to the new CRUK Design System.\n\n## Theming Components\n\nComponents can be extended using a Chakra Theme provider. Here is an example of how a button can be extended:\n\n```javascript\nimport type { AppProps } from \"next/app\";\nimport {\n ChakraBaseProvider,\n crukBrand,\n extendTheme,\n} from \"@cruk/chakra-components\";\n\n// Customise the crukBrand\nconst theme = extendTheme({\n ...crukBrand,\n components: {\n Button: {\n baseStyle: {\n fontWeight: \"bold\",\n // Add your custom values here\n },\n },\n },\n});\n\nconst App = ({ Component, pageProps }: AppProps) => (\n \n \n \n);\n\nexport default App;\n```\n\nComponents can also be themed using [Style Props](https://chakra-ui.com/docs/styled-system/style-props)\n","readmeFilename":"README.md"}