{"_id":"@candor-design/web-components","_rev":"6-03145e69419de5ae1e6854447951a225","name":"@candor-design/web-components","dist-tags":{"latest":"5.0.1"},"versions":{"3.0.0":{"name":"@candor-design/web-components","version":"3.0.0","keywords":["web-components","custom-elements","lit","design-system","candor","oklch","accessibility"],"author":{"name":"John Z. Rioflorido"},"license":"ISC","_id":"@candor-design/web-components@3.0.0","maintainers":[{"name":"pawn002","email":"john.rioflorido@outlook.com"}],"homepage":"https://github.com/pawn002/candor#readme","bugs":{"url":"https://github.com/pawn002/candor/issues"},"dist":{"shasum":"9c02bb16c47d95f284cb8a8036f9a6db275711ac","tarball":"https://registry.npmjs.org/@candor-design/web-components/-/web-components-3.0.0.tgz","fileCount":46,"integrity":"sha512-K04Bui5e7CU20xeeeYTIcxOaxHeBchOrjeIv1cTn1SjrXpejZRZEG7Yd9SgVlcWLwlbQqhgXDsEAerlHe1cPoA==","signatures":[{"sig":"MEUCIQCcnOFdc+OgpM869sWfyJdsKHGjgKuPlpgWjAkWo9grDwIge0YTDobMlSUlAWumPg+Y3zO+1D/k2ehF4q3t8Ay6d4Q=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":467427},"main":"./dist/candor-web-components.umd.cjs","type":"module","types":"./dist/index.d.ts","module":"./dist/candor-web-components.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/candor-web-components.js","require":"./dist/candor-web-components.umd.cjs"},"./tone-data":{"types":"./dist/tone-data.d.ts","import":"./dist/tone-data.js"}},"gitHead":"94ec5b82dbb47b851a6673b7807d9e543a855b3e","_npmUser":{"name":"pawn002","email":"john.rioflorido@outlook.com"},"repository":{"url":"git+https://github.com/pawn002/candor.git","type":"git","directory":"web-components"},"_npmVersion":"11.13.0","description":"Candor design system — Lit 3 custom elements. Framework-agnostic web components paired with @candor-design/tokens.","directories":{},"sideEffects":true,"_nodeVersion":"24.11.1","publishConfig":{"access":"public","provenance":true},"_hasShrinkwrap":false,"peerDependencies":{"@candor-design/tokens":">=4.0.0"},"_npmOperationalInternal":{"tmp":"tmp/web-components_3.0.0_1780654748991_0.8160604783340559","host":"s3://npm-registry-packages-npm-production"}},"4.0.0":{"name":"@candor-design/web-components","version":"4.0.0","keywords":["web-components","custom-elements","lit","design-system","candor","oklch","accessibility"],"author":{"name":"John Z. Rioflorido"},"license":"ISC","_id":"@candor-design/web-components@4.0.0","maintainers":[{"name":"pawn002","email":"john.rioflorido@outlook.com"}],"homepage":"https://github.com/pawn002/candor#readme","bugs":{"url":"https://github.com/pawn002/candor/issues"},"dist":{"shasum":"b4fd15da8fdcf7be7401131d418735dbba23b149","tarball":"https://registry.npmjs.org/@candor-design/web-components/-/web-components-4.0.0.tgz","fileCount":46,"integrity":"sha512-D6Lu3jRrreJlNIa+CwxoUQwrp1KKmRypYiNdfOfDAnvXBl/7Vhu8tYrDfRv5L2AXX/psRquj3/1RaG0rWBA9UA==","signatures":[{"sig":"MEUCIGtlR5lCqWGF8/02xM+D/daCccdtVPD+cMuEhQtpxmo0AiEArFVaya5afhPV92jPKi95k2OL2eia9tEKq0XlSPyWVsA=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"attestations":{"url":"https://registry.npmjs.org/-/npm/v1/attestations/@candor-design%2fweb-components@4.0.0","provenance":{"predicateType":"https://slsa.dev/provenance/v1"}},"unpackedSize":467311},"main":"./dist/candor-web-components.umd.cjs","type":"module","types":"./dist/index.d.ts","module":"./dist/candor-web-components.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/candor-web-components.js","require":"./dist/candor-web-components.umd.cjs"},"./tone-data":{"types":"./dist/tone-data.d.ts","import":"./dist/tone-data.js"}},"gitHead":"3aff8f198ecb93fdd33247f277880608c4d0d83f","_npmUser":{"name":"GitHub Actions","email":"npm-oidc-no-reply@github.com","trustedPublisher":{"id":"github","oidcConfigId":"oidc:556840ab-95d7-4570-9867-a432d7eba8cc"}},"repository":{"url":"git+https://github.com/pawn002/candor.git","type":"git","directory":"web-components"},"_npmVersion":"11.16.0","description":"Candor design system — Lit 3 custom elements. Framework-agnostic web components paired with @candor-design/tokens.","directories":{},"sideEffects":true,"_nodeVersion":"22.22.3","publishConfig":{"access":"public","provenance":true},"_hasShrinkwrap":false,"peerDependencies":{"@candor-design/tokens":">=4.0.0"},"_npmOperationalInternal":{"tmp":"tmp/web-components_4.0.0_1780655828656_0.18255529440550067","host":"s3://npm-registry-packages-npm-production"}},"4.1.0":{"name":"@candor-design/web-components","version":"4.1.0","keywords":["web-components","custom-elements","lit","design-system","candor","oklch","accessibility"],"author":{"name":"John Z. Rioflorido"},"license":"ISC","_id":"@candor-design/web-components@4.1.0","maintainers":[{"name":"pawn002","email":"john.rioflorido@outlook.com"}],"homepage":"https://github.com/pawn002/candor#readme","bugs":{"url":"https://github.com/pawn002/candor/issues"},"dist":{"shasum":"51a2ade362fc7b7ad23546d614c2cf768fb73de4","tarball":"https://registry.npmjs.org/@candor-design/web-components/-/web-components-4.1.0.tgz","fileCount":46,"integrity":"sha512-3aHggJsJ7Eonmu33egNguHVPxkMw1tj9b4uOMtuGxm1yxxE2y0NUUbdyW3zWSx2NdDV6X5VeGMXMjHUiT0KAoA==","signatures":[{"sig":"MEUCIEs9tsJac2+Wh2swE+vrlL5mTnrFfdNZDQ/IDDJ8Q3cwAiEAsQcTuqEqqDv+75SaZIYYupFRwaE5/+2YYduJlvnPTyE=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"attestations":{"url":"https://registry.npmjs.org/-/npm/v1/attestations/@candor-design%2fweb-components@4.1.0","provenance":{"predicateType":"https://slsa.dev/provenance/v1"}},"unpackedSize":471629},"main":"./dist/candor-web-components.umd.cjs","type":"module","types":"./dist/index.d.ts","module":"./dist/candor-web-components.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/candor-web-components.js","require":"./dist/candor-web-components.umd.cjs"},"./tone-data":{"types":"./dist/tone-data.d.ts","import":"./dist/tone-data.js"}},"gitHead":"84cdf8a0cab9dd41f9b16133a9350ebc517168e0","_npmUser":{"name":"GitHub Actions","email":"npm-oidc-no-reply@github.com","trustedPublisher":{"id":"github","oidcConfigId":"oidc:556840ab-95d7-4570-9867-a432d7eba8cc"}},"repository":{"url":"git+https://github.com/pawn002/candor.git","type":"git","directory":"web-components"},"_npmVersion":"11.17.0","description":"Candor design system — Lit 3 custom elements. Framework-agnostic web components paired with @candor-design/tokens.","directories":{},"sideEffects":true,"_nodeVersion":"22.22.3","publishConfig":{"access":"public","provenance":true},"_hasShrinkwrap":false,"peerDependencies":{"@candor-design/tokens":">=4.0.0"},"_npmOperationalInternal":{"tmp":"tmp/web-components_4.1.0_1781656016784_0.6835642383419358","host":"s3://npm-registry-packages-npm-production"}},"4.2.0":{"name":"@candor-design/web-components","version":"4.2.0","keywords":["web-components","custom-elements","lit","design-system","candor","oklch","accessibility"],"author":{"name":"John Z. Rioflorido"},"license":"ISC","_id":"@candor-design/web-components@4.2.0","maintainers":[{"name":"pawn002","email":"john.rioflorido@outlook.com"}],"homepage":"https://github.com/pawn002/candor#readme","bugs":{"url":"https://github.com/pawn002/candor/issues"},"dist":{"shasum":"ee57b8ed675be766a50b05025f2ab9235b6ba04e","tarball":"https://registry.npmjs.org/@candor-design/web-components/-/web-components-4.2.0.tgz","fileCount":49,"integrity":"sha512-z92eYDfTWifq8sGp2q+OT2TuPGkcj6zwslT1DZQTcY5z/LDi6WbTDyrmDkrPmigV2aPoF5eCPx/W2SsaGjFQ8w==","signatures":[{"sig":"MEQCIGuEo6zeMi+cdn6p9PzmfuHdoQF/K7f4mjTUIf4HfeTkAiALbl5JYxwnrHKemtERmHwqKXo7NP5H1qJto679NJBMqg==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"attestations":{"url":"https://registry.npmjs.org/-/npm/v1/attestations/@candor-design%2fweb-components@4.2.0","provenance":{"predicateType":"https://slsa.dev/provenance/v1"}},"unpackedSize":499344},"main":"./dist/candor-web-components.umd.cjs","type":"module","types":"./dist/index.d.ts","module":"./dist/candor-web-components.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/candor-web-components.js","require":"./dist/candor-web-components.umd.cjs"},"./tone-data":{"types":"./dist/tone-data.d.ts","import":"./dist/tone-data.js"}},"gitHead":"02f4dbbd6043ae50bf615199562518b0da1bc3e4","_npmUser":{"name":"GitHub Actions","email":"npm-oidc-no-reply@github.com","trustedPublisher":{"id":"github","oidcConfigId":"oidc:556840ab-95d7-4570-9867-a432d7eba8cc"}},"repository":{"url":"git+https://github.com/pawn002/candor.git","type":"git","directory":"web-components"},"_npmVersion":"12.0.1","description":"Candor design system — Lit 3 custom elements. Framework-agnostic web components paired with @candor-design/tokens.","directories":{},"sideEffects":true,"_nodeVersion":"22.23.1","publishConfig":{"access":"public","provenance":true},"_hasShrinkwrap":false,"peerDependencies":{"@candor-design/tokens":">=4.0.0"},"_npmOperationalInternal":{"tmp":"tmp/web-components_4.2.0_1783882082173_0.6961789757148866","host":"s3://npm-registry-packages-npm-production"}},"5.0.0":{"name":"@candor-design/web-components","version":"5.0.0","keywords":["web-components","custom-elements","lit","design-system","candor","oklch","accessibility"],"author":{"name":"John Z. Rioflorido"},"license":"ISC","_id":"@candor-design/web-components@5.0.0","maintainers":[{"name":"pawn002","email":"john.rioflorido@outlook.com"}],"homepage":"https://github.com/pawn002/candor#readme","bugs":{"url":"https://github.com/pawn002/candor/issues"},"dist":{"shasum":"e70557d9bc239e221dae58508154e29a1f615624","tarball":"https://registry.npmjs.org/@candor-design/web-components/-/web-components-5.0.0.tgz","fileCount":50,"integrity":"sha512-JRPPOZNqzJpa4MrjOwgvSdIzFeS1Fm+vnuPeB5CJFIiaDmTIDhMaPXRSJoMAgj6PCt4qCIBmgpbptOX/hmgWUQ==","signatures":[{"sig":"MEYCIQCLNd3/rKbNs9NnOGqbvoWCZjloawDvjQfOeeogiA+1YQIhAJPn3BOHjatTkAE9wljWY8be9m8sZy7GNPdbGDXXQNg+","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"attestations":{"url":"https://registry.npmjs.org/-/npm/v1/attestations/@candor-design%2fweb-components@5.0.0","provenance":{"predicateType":"https://slsa.dev/provenance/v1"}},"unpackedSize":530477},"main":"./dist/candor-web-components.umd.cjs","type":"module","types":"./dist/index.d.ts","module":"./dist/candor-web-components.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/candor-web-components.js","require":"./dist/candor-web-components.umd.cjs"},"./tone-data":{"types":"./dist/tone-data.d.ts","import":"./dist/tone-data.js"}},"gitHead":"ce1227849d0da486fdfc1f2adeae5c5be2e9d515","_npmUser":{"name":"GitHub Actions","email":"npm-oidc-no-reply@github.com","trustedPublisher":{"id":"github","oidcConfigId":"oidc:556840ab-95d7-4570-9867-a432d7eba8cc"}},"repository":{"url":"git+https://github.com/pawn002/candor.git","type":"git","directory":"web-components"},"_npmVersion":"12.0.2","description":"Candor design system — Lit 3 custom elements. Framework-agnostic web components paired with @candor-design/tokens.","directories":{},"sideEffects":true,"_nodeVersion":"22.23.1","publishConfig":{"access":"public","provenance":true},"_hasShrinkwrap":false,"peerDependencies":{"@candor-design/tokens":">=4.0.0"},"_npmOperationalInternal":{"tmp":"tmp/web-components_5.0.0_1785968138460_0.6139307290810176","host":"s3://npm-registry-packages-npm-production"}},"5.0.1":{"name":"@candor-design/web-components","version":"5.0.1","description":"Candor design system — Lit 3 custom elements. Framework-agnostic web components paired with @candor-design/tokens.","type":"module","main":"./dist/candor-web-components.umd.cjs","module":"./dist/candor-web-components.js","types":"./dist/index.d.ts","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/candor-web-components.js","require":"./dist/candor-web-components.umd.cjs"},"./tone-data":{"types":"./dist/tone-data.d.ts","import":"./dist/tone-data.js"}},"sideEffects":true,"keywords":["web-components","custom-elements","lit","design-system","candor","oklch","accessibility"],"author":{"name":"John Z. Rioflorido"},"license":"ISC","repository":{"type":"git","url":"git+https://github.com/pawn002/candor.git","directory":"web-components"},"bugs":{"url":"https://github.com/pawn002/candor/issues"},"homepage":"https://github.com/pawn002/candor#readme","publishConfig":{"access":"public","provenance":true},"dependencies":{"culori":"^4.0.2"},"peerDependencies":{"@candor-design/tokens":">=4.0.0"},"gitHead":"62a331709151979f09808071e47e1d5e02d479ea","_id":"@candor-design/web-components@5.0.1","_nodeVersion":"22.23.1","_npmVersion":"12.0.2","dist":{"integrity":"sha512-5RLGugWcW2ArBTpjp+KisUuopAfUZ5aBjWtUDnI4uUMDGsrkJtL+umTzJBy8uwHaZ5m9P2BUdgaXAiPDX1vNVw==","shasum":"c24a11051ef0d52dcd38a7296d03e5a94ca8ed18","tarball":"https://registry.npmjs.org/@candor-design/web-components/-/web-components-5.0.1.tgz","fileCount":50,"unpackedSize":530525,"attestations":{"url":"https://registry.npmjs.org/-/npm/v1/attestations/@candor-design%2fweb-components@5.0.1","provenance":{"predicateType":"https://slsa.dev/provenance/v1"}},"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEYCIQCe2xPMkKonxHzJWa68U4DGSEyF6XIQBXgIhK+rp7D5RQIhANMq/HbaOEoEe5+POjABBcJhk1Ppm/JXjqanLcqzrzQ7"}]},"_npmUser":{"name":"GitHub Actions","email":"npm-oidc-no-reply@github.com","trustedPublisher":{"id":"github","oidcConfigId":"oidc:556840ab-95d7-4570-9867-a432d7eba8cc"}},"directories":{},"maintainers":[{"name":"pawn002","email":"john.rioflorido@outlook.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/web-components_5.0.1_1785980220235_0.08617489080861884"},"_hasShrinkwrap":false}},"time":{"created":"2026-06-05T10:19:08.861Z","modified":"2026-08-06T01:37:00.704Z","3.0.0":"2026-06-05T10:19:09.136Z","4.0.0":"2026-06-05T10:37:08.883Z","4.1.0":"2026-06-17T00:26:56.931Z","4.2.0":"2026-07-12T18:48:02.364Z","5.0.0":"2026-08-05T22:15:38.639Z","5.0.1":"2026-08-06T01:37:00.387Z"},"bugs":{"url":"https://github.com/pawn002/candor/issues"},"author":{"name":"John Z. Rioflorido"},"license":"ISC","homepage":"https://github.com/pawn002/candor#readme","keywords":["web-components","custom-elements","lit","design-system","candor","oklch","accessibility"],"repository":{"type":"git","url":"git+https://github.com/pawn002/candor.git","directory":"web-components"},"description":"Candor design system — Lit 3 custom elements. Framework-agnostic web components paired with @candor-design/tokens.","maintainers":[{"name":"pawn002","email":"john.rioflorido@outlook.com"}],"readme":"# @candor-design/web-components\n\nFramework-agnostic Lit 3 custom elements for the [Candor design system](https://github.com/pawn002/candor) — a humanist design system built with OKLCH colors, variable-font typography, and WCAG 2.1 AA accessibility.\n\n**[Browse components →](https://main--69c25e2492ad056c24329876.chromatic.com)**\n\n## Install\n\n```bash\nnpm install @candor-design/web-components @candor-design/tokens\n```\n\nBoth packages share a single version number — install the same version of each.\n\n## Usage\n\nLoad the tokens stylesheet once at the document level and import the components package. CSS custom properties pierce Shadow DOM boundaries, so a single `` resolves inside every component's shadow root — no per-component injection.\n\n```html\n\n\n\nSave changes\n\nActive\n```\n\n### Bundler import\n\n```js\nimport '@candor-design/web-components';\n// All 37 custom elements are now registered\n```\n\nNamed exports give you typed access to the element classes — useful for programmatic instantiation or TypeScript references. Importing a class still triggers `customElements.define()`, so the tag is registered as a side effect:\n\n```ts\nimport { CandorButton, CandorInput } from '@candor-design/web-components';\n```\n\n## What's included\n\n37 custom elements covering typography, display, navigation, forms, overlays, and data:\n\n| Category | Tags |\n|---|---|\n| Typography | `candor-heading`, `candor-text`, `candor-accessible-text`, `candor-article`, `candor-code` |\n| Display | `candor-badge`, `candor-alert`, `candor-card`, `candor-stat`, `candor-progress` |\n| Navigation | `candor-button`, `candor-chip`, `candor-breadcrumb`, `candor-pagination`, `candor-toolbar` (+ `candor-toolbar-separator`), `candor-navigation` |\n| Form | `candor-input`, `candor-autocomplete`, `candor-checkbox`, `candor-radio`, `candor-switch`, `candor-select`, `candor-slider`, `candor-listbox`, `candor-combobox`, `candor-chat-input` |\n| Overlays | `candor-tooltip`, `candor-modal`, `candor-drawer`, `candor-toast` (+ `candor-toast-container`) |\n| Compound | `candor-tabs` (+ `candor-tab-panel`), `candor-accordion-item`, `candor-disclosure`, `candor-menu` |\n| Data | `candor-table`, `candor-data-grid`, `candor-tone-picker` |\n\n## Form participation\n\nForm controls (`candor-input`, `candor-checkbox`, `candor-radio`, `candor-switch`, `candor-select`, `candor-slider`, `candor-listbox`, `candor-combobox`) use the [`ElementInternals`](https://developer.mozilla.org/en-US/docs/Web/API/ElementInternals) API with `static formAssociated = true`. They participate in native `