{"_id":"@adyen/adyen-shared-web","_rev":"6-6e99a1fb71744cd1c7bab6e9b86d1782","name":"@adyen/adyen-shared-web","dist-tags":{"latest":"0.4.0"},"versions":{"0.0.0":{"name":"@adyen/adyen-shared-web","version":"0.0.0","_id":"@adyen/adyen-shared-web@0.0.0","maintainers":[{"name":"adyencom","email":"npm_admin@adyen.com"},{"name":"borysfromadyen","email":"borys@adyen.com"},{"name":"vergilfromadyen","email":"vergil.penkov@adyen.com"},{"name":"camilocv","email":"camilo.vasco@adyen.com"},{"name":"alexandrefromadyen","email":"alexandre.joubert@adyen.com"},{"name":"nostalgic-octopus","email":"darlan.alves@adyen.com"}],"dist":{"shasum":"34729ec2d415710ebf7b36d9c33a3d226d3f2407","tarball":"https://registry.npmjs.org/@adyen/adyen-shared-web/-/adyen-shared-web-0.0.0.tgz","fileCount":1,"integrity":"sha512-9x2MLI+BHvSuGfRl5LuSEgheBYh33+owTA7EOEwi5TZyjg0NqKtnWriWkkTGEA3mquRzcChxgqT8NFnzIoxjSg==","signatures":[{"sig":"MEYCIQDlEt6g06jnvpxoUwC0Qvtu2/shuApUFLjUQdU5BhS4DQIhAKfn59NuJMolut5ZJUvt75G6adNKqfbbMx2XN4TgwPP6","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":184},"type":"module","_npmUser":{"name":"vergilfromadyen","email":"vergil.penkov@adyen.com"},"devEngines":{"packageManager":{"name":"pnpm","version":"^11.10.0"}},"directories":{},"_nodeVersion":"24.18.0","_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/adyen-shared-web_0.0.0_1785750966350_0.359587627810418","host":"s3://npm-registry-packages-npm-production"}},"0.1.4":{"name":"@adyen/adyen-shared-web","version":"0.1.4","keywords":["adyen","checkout","components","onboarding","platform"],"license":"MIT","_id":"@adyen/adyen-shared-web@0.1.4","maintainers":[{"name":"adyencom","email":"npm_admin@adyen.com"},{"name":"borysfromadyen","email":"borys@adyen.com"},{"name":"vergilfromadyen","email":"vergil.penkov@adyen.com"},{"name":"camilocv","email":"camilo.vasco@adyen.com"},{"name":"alexandrefromadyen","email":"alexandre.joubert@adyen.com"},{"name":"nostalgic-octopus","email":"darlan.alves@adyen.com"}],"dist":{"shasum":"7edd2b529c6adf1e76e3848f1d6cf11e616e0621","tarball":"https://registry.npmjs.org/@adyen/adyen-shared-web/-/adyen-shared-web-0.1.4.tgz","fileCount":5,"integrity":"sha512-2YoIZxY5YtfMmwXOHsaD4X+asl+WsQvQlMJK8hnT3O4HJoXAHCC9JQtTlzp/wqREUL8tBH9GEwMMs7H19vB9ig==","signatures":[{"sig":"MEYCIQDaD61GSkVlHNtC7PVPcCh8FdxzPsgMR0cK2FmSQhEZ/wIhANBbH1W5gRYGCFwvykvNOBOyU/QjWV9BZ0G2rNxl8hbv","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":2600},"type":"module","engines":{"node":">=20","pnpm":">=10.16.0"},"exports":{".":"./dist/index.mjs","./package.json":"./package.json"},"scripts":{"dev":"tsdown --watch","lint":"oxlint","test":"vitest run","build":"tsdown","types":"tsc --noEmit","format":"oxfmt","submit":"bash ./scripts/pr-create.sh"},"_npmUser":{"name":"GitHub Actions","email":"npm-oidc-no-reply@github.com","trustedPublisher":{"id":"github","oidcConfigId":"oidc:fcc798ab-fe60-42c1-8be9-f988fe4889d4"}},"repository":{"url":"https://github.com/Adyen/adyen-shared-web","type":"git"},"description":"","directories":{},"_nodeVersion":"24.18.0","_hasShrinkwrap":false,"devDependencies":{"oxfmt":"0.58.0","oxlint":"1.73.0","tsdown":"0.22.4","vitest":"4.1.10","typescript":"7.0.2"},"_npmOperationalInternal":{"tmp":"tmp/adyen-shared-web_0.1.4_1785761261606_0.6985098925905537","host":"s3://npm-registry-packages-npm-production"}},"0.2.0":{"name":"@adyen/adyen-shared-web","version":"0.2.0","keywords":["adyen","checkout","components","onboarding","platform"],"license":"MIT","_id":"@adyen/adyen-shared-web@0.2.0","maintainers":[{"name":"adyencom","email":"npm_admin@adyen.com"},{"name":"borysfromadyen","email":"borys@adyen.com"},{"name":"vergilfromadyen","email":"vergil.penkov@adyen.com"},{"name":"camilocv","email":"camilo.vasco@adyen.com"},{"name":"alexandrefromadyen","email":"alexandre.joubert@adyen.com"},{"name":"nostalgic-octopus","email":"darlan.alves@adyen.com"}],"dist":{"shasum":"3df2701b347dcd9c6b3f848ebd0120756d259a0e","tarball":"https://registry.npmjs.org/@adyen/adyen-shared-web/-/adyen-shared-web-0.2.0.tgz","fileCount":5,"integrity":"sha512-k/isUVS9nXWI4De2l1cwNQTtIjPwBenw2yVXusE1HCtjzYD4eibS34T6Lg8ZD2m8Ecsi3/au0t23+rJuJjGeLg==","signatures":[{"sig":"MEQCIHOsTOqqS0kuAhI+kNBFrWSWuM/8jp8pt5MOV/SWaK+4AiBvhZweHV5ndQ2j08KB81DcRE+7cvvJn6gC6020arPmQg==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":23796},"type":"module","engines":{"node":">=20","pnpm":">=10.16.0"},"exports":{".":"./dist/index.mjs","./package.json":"./package.json"},"scripts":{"dev":"tsdown --watch","lint":"oxlint","test":"vitest run","build":"tsdown","types":"tsc --noEmit","format":"oxfmt","submit":"bash ./scripts/pr-create.sh","playground":"vite --open /playground/","playground:build":"vite build playground","playground:typecheck":"tsc --noEmit -p playground/tsconfig.json"},"_npmUser":{"name":"GitHub Actions","email":"npm-oidc-no-reply@github.com","trustedPublisher":{"id":"github","oidcConfigId":"oidc:fcc798ab-fe60-42c1-8be9-f988fe4889d4"}},"repository":{"url":"https://github.com/Adyen/adyen-shared-web","type":"git"},"description":"","directories":{},"_nodeVersion":"24.18.0","dependencies":{"chroma-js":"3.2.0","@adyen/bento-design-tokens":"1.81.1"},"_hasShrinkwrap":false,"devDependencies":{"vite":"8.1.4","jsdom":"26.1.0","oxfmt":"0.58.0","oxlint":"1.73.0","preact":"10.29.1","tsdown":"0.22.4","vitest":"4.1.10","typescript":"7.0.2","@types/node":"24.10.13","@types/chroma-js":"3.1.2","@adyen/adyen-platform-experience-web":"1.13.1"},"_npmOperationalInternal":{"tmp":"tmp/adyen-shared-web_0.2.0_1785935906950_0.23196705206315316","host":"s3://npm-registry-packages-npm-production"}},"0.3.0":{"name":"@adyen/adyen-shared-web","version":"0.3.0","keywords":["adyen","checkout","components","onboarding","platform"],"license":"MIT","_id":"@adyen/adyen-shared-web@0.3.0","maintainers":[{"name":"adyencom","email":"npm_admin@adyen.com"},{"name":"borysfromadyen","email":"borys@adyen.com"},{"name":"vergilfromadyen","email":"vergil.penkov@adyen.com"},{"name":"camilocv","email":"camilo.vasco@adyen.com"},{"name":"alexandrefromadyen","email":"alexandre.joubert@adyen.com"},{"name":"nostalgic-octopus","email":"darlan.alves@adyen.com"}],"dist":{"shasum":"49559e9004d25ab28e9efc2ec8643cd8fe09fb0f","tarball":"https://registry.npmjs.org/@adyen/adyen-shared-web/-/adyen-shared-web-0.3.0.tgz","fileCount":5,"integrity":"sha512-Bel47l+9jAS61kIhPTvzzOChb0nDpVEp1cijDkML85YDjml3KiwtN1dWFSunMY5W6JRt6roFrHLxmLxAvpqPfQ==","signatures":[{"sig":"MEUCIAfCtg8MzqS5r1ozpwO3FF1k+KBjdynpw/uM4MBkAsvgAiEA6IWi/Eo1QpQOXKNBo1aOr8Pu3iC2D1jyJk5c8P1XCqo=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"},{"sig":"MEYCIQDqZY2KGy5RRMKT1BxLJCStt5q+ut3FuVDQ82EGjUF+aAIhAP6nQQlbGuHOw6PHY7FN/c05COltG8HaiX52o7EExH7E","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":52466},"type":"module","engines":{"node":">=20","pnpm":">=10.16.0"},"exports":{".":"./dist/index.mjs","./package.json":"./package.json"},"scripts":{"dev":"tsdown --watch","lint":"oxlint","test":"vitest run","build":"tsdown","types":"tsc --noEmit","format":"oxfmt","submit":"bash ./scripts/pr-create.sh","playground":"vite --config playground/vite.config.ts --open /playground/","playground:build":"vite build playground --config playground/vite.config.ts","playground:typecheck":"tsc --noEmit -p playground/tsconfig.json"},"_npmUser":{"name":"GitHub Actions","email":"npm-oidc-no-reply@github.com","trustedPublisher":{"id":"github","oidcConfigId":"oidc:fcc798ab-fe60-42c1-8be9-f988fe4889d4"}},"repository":{"url":"https://github.com/Adyen/adyen-shared-web","type":"git"},"description":"","directories":{},"_nodeVersion":"24.20.0","dependencies":{"chroma-js":"3.2.0","@adyen/bento-design-tokens":"2.0.0-rc.5"},"_hasShrinkwrap":false,"devDependencies":{"vite":"8.1.4","jsdom":"26.1.0","oxfmt":"0.58.0","oxlint":"1.73.0","preact":"10.29.1","tsdown":"0.22.4","vitest":"4.1.10","typescript":"7.0.2","@types/node":"24.10.13","@types/chroma-js":"3.1.2","@adyen/kyc-components":"4.19.1","@adyen/adyen-platform-experience-web":"1.13.1"},"_npmOperationalInternal":{"tmp":"tmp/adyen-shared-web_0.3.0_1788874857902_0.23602653265137707","host":"s3://npm-registry-packages-npm-production"}},"0.4.0":{"_id":"@adyen/adyen-shared-web@0.4.0","dist":{"shasum":"0cf99a20e12df03f54282ab1364f4639aa1601d4","tarball":"https://registry.npmjs.org/@adyen/adyen-shared-web/-/adyen-shared-web-0.4.0.tgz","fileCount":5,"integrity":"sha512-jNNtf7mmrdoJTzg7OwtUEj927csyx2AOUpUtVz1ihVJgD1678kF5iIlGTNvUPz8uvFGbU1A3v7rP4nuYMq+u7w==","signatures":[{"sig":"MEUCIQD8MUMzB3UELyk11Q+rA2+3ZVqpZt9+YnwLdTPiLOhKsAIgUvEF5AKb3GwxqGX0Ok/YJLTz7YymLkg8EY0afFIw7qg=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"},{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEYCIQC2s+WC1TApb1qKVscLrD8C2w5Fxi0/rqFkIg/K/sxFXwIhAJE4uiR5jYOAsyG4FOsM21krkjJr64qMqdQqnHqXivhd"}],"unpackedSize":53982},"name":"@adyen/adyen-shared-web","type":"module","engines":{"node":">=20","pnpm":">=10.16.0"},"exports":{".":"./dist/index.mjs","./package.json":"./package.json"},"license":"MIT","scripts":{"dev":"tsdown --watch","lint":"oxlint","test":"vitest run","build":"tsdown","types":"tsc --noEmit","format":"oxfmt","submit":"bash ./scripts/pr-create.sh","playground":"vite --config playground/vite.config.ts --open /playground/","playground:build":"vite build playground --config playground/vite.config.ts","playground:typecheck":"tsc --noEmit -p playground/tsconfig.json"},"version":"0.4.0","_npmUser":{"name":"GitHub Actions","email":"npm-oidc-no-reply@github.com","trustedPublisher":{"id":"github","oidcConfigId":"oidc:fcc798ab-fe60-42c1-8be9-f988fe4889d4"}},"keywords":["adyen","checkout","components","onboarding","platform"],"repository":{"url":"https://github.com/Adyen/adyen-shared-web","type":"git"},"description":"","directories":{},"maintainers":[{"name":"adyencom","email":"npm_admin@adyen.com"},{"name":"borysfromadyen","email":"borys@adyen.com"},{"name":"vergilfromadyen","email":"vergil.penkov@adyen.com"},{"name":"camilocv","email":"camilo.vasco@adyen.com"},{"name":"alexandrefromadyen","email":"alexandre.joubert@adyen.com"},{"name":"nostalgic-octopus","email":"darlan.alves@adyen.com"}],"_nodeVersion":"24.20.0","dependencies":{"chroma-js":"3.2.0","@adyen/bento-design-tokens":"2.0.0-rc.5"},"_hasShrinkwrap":false,"devDependencies":{"vite":"8.1.4","jsdom":"26.1.0","oxfmt":"0.58.0","oxlint":"1.73.0","preact":"10.29.1","tsdown":"0.22.4","vitest":"4.1.10","typescript":"7.0.2","@types/node":"24.10.13","@types/chroma-js":"3.1.2","@adyen/kyc-components":"4.19.1","@adyen/adyen-platform-experience-web":"1.13.1"},"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/adyen-shared-web_0.4.0_1789632658017_0.33906071597791776"}}},"time":{"created":"2026-08-03T09:56:06.072Z","modified":"2026-09-17T08:10:58.269Z","0.0.0":"2026-08-03T09:56:06.487Z","0.1.4":"2026-08-03T12:47:41.758Z","0.2.0":"2026-08-05T13:18:27.124Z","0.3.0":"2026-09-08T13:40:58.009Z","0.4.0":"2026-09-17T08:10:58.101Z"},"license":"MIT","keywords":["adyen","checkout","components","onboarding","platform"],"repository":{"url":"https://github.com/Adyen/adyen-shared-web","type":"git"},"maintainers":[{"name":"adyencom","email":"npm_admin@adyen.com"},{"name":"borysfromadyen","email":"borys@adyen.com"},{"name":"vergilfromadyen","email":"vergil.penkov@adyen.com"},{"name":"camilocv","email":"camilo.vasco@adyen.com"},{"name":"alexandrefromadyen","email":"alexandre.joubert@adyen.com"},{"name":"nostalgic-octopus","email":"darlan.alves@adyen.com"}],"readme":"# adyen-shared-web\n\nShared utilities for the Adyen npm libraries.\n\n## Usage\n\nInstall the package and create a `ThemeGenerator` to generate and inject semantic CSS color variables for your application:\n\n```ts\nimport { ThemeGenerator } from \"@adyen/adyen-shared-web\";\n\nconst themeGenerator = new ThemeGenerator();\n\nthemeGenerator.create({\n  primary: \"#0066ff\",\n  background: \"#ffffff\",\n  neutral: \"#f2f4f7\",\n  label: \"#101828\",\n  outline: \"#98a2b3\",\n  roundness: \"medium\",\n});\n```\n\nSet `roundness` to `\"small\"`, `\"medium\"`, or `\"large\"` to apply a 4px, 8px, or 12px radius to Bento's `xs` through `xl` radius tokens. Pass `dark: true` when generating a dark theme. Call `themeGenerator.destroy()` when the theme is no longer needed to remove the generated styles.\n\nTo generate CSS without accessing or modifying the DOM, use `generateCSS()`. It targets `:root` by default and accepts a custom selector for scoped themes:\n\n```ts\nconst css = themeGenerator.generateCSS(\n  {\n    primary: \"#0066ff\",\n    dark: true,\n  },\n  {\n    selector: \"[data-adyen-pe-theme-root='core-id']\",\n  },\n);\n```\n\n`generateCSS()` returns `null` when no supplied theme input produces CSS variables.\n\n## Publishing a new release on npm\n\n1. Tag the `main` branch with the new semantic version: `git tag vX.Y.Z` and `git push origin vX.Y.Z`\n2. Create a new release on GitHub (GitHub will automatically populate this with a changelog based on merged PRs).\n3. (Optional) If you want this to be a pre-release, check the \"Set as pre-release\" option.\n4. Publish the release!\n\nStaged publishing is intentionally disabled at the moment.\n","readmeFilename":""}