{"_id":"@bpdm/tokens","_rev":"3-8a80bbebb3682849d95054a9c0f30a89","name":"@bpdm/tokens","dist-tags":{"latest":"0.1.2"},"versions":{"0.1.0":{"name":"@bpdm/tokens","version":"0.1.0","keywords":["design-tokens","design-system","css-variables","theme","tailwindcss"],"author":{"url":"https://bpdm.dev","name":"bpdm"},"license":"MIT","_id":"@bpdm/tokens@0.1.0","maintainers":[{"name":"bpdm9","email":"bpdm.tech@gmail.com"}],"homepage":"https://bpdm.dev","bugs":{"url":"https://github.com/BDev-9/bpdm-ui/issues"},"dist":{"shasum":"f6b64e9c5a8bb6da86b225666bd3ddd128787a40","tarball":"https://registry.npmjs.org/@bpdm/tokens/-/tokens-0.1.0.tgz","fileCount":4,"integrity":"sha512-gWfB7R92xCfu6WWl1Jpa4W/z2YXf5xGxY1CE776x0DKvRIQY02EywBFN7mxa7y1shAndanrog+BZyVgZv7ZFqA==","signatures":[{"sig":"MEUCIQCr+ZzXrGI3p4fjMt2s7wP2a9BZKx8KGdz1Pjny+3PfTQIgXYNwuBdK0d6SDndlzrqpruZ5I1j4HjT5JH07j46EzS4=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":23253},"_from":"file:bpdm-tokens-0.1.0.tgz","exports":{"./styles.css":"./tokens.css","./tokens.css":"./tokens.css"},"_npmUser":{"name":"bpdm9","email":"bpdm.tech@gmail.com"},"_resolved":"/private/var/folders/s0/stnx6rcx6g1dnfdfb_qr2hlr0000gn/T/2f05a2d7242630d93f36e94a986aba8c/bpdm-tokens-0.1.0.tgz","_integrity":"sha512-gWfB7R92xCfu6WWl1Jpa4W/z2YXf5xGxY1CE776x0DKvRIQY02EywBFN7mxa7y1shAndanrog+BZyVgZv7ZFqA==","repository":{"url":"git+https://github.com/BDev-9/bpdm-ui.git","type":"git","directory":"packages/tokens"},"_npmVersion":"10.8.2","description":"Framework-agnostic design tokens for the bpdm design system — CSS variables, four themes, and one motion language.","directories":{},"_nodeVersion":"20.19.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/tokens_0.1.0_1784197460456_0.25515284173275643","host":"s3://npm-registry-packages-npm-production"}},"0.1.1":{"name":"@bpdm/tokens","version":"0.1.1","keywords":["design-tokens","design-system","css-variables","theme","tailwindcss"],"author":{"url":"https://bpdm.dev","name":"bpdm"},"license":"MIT","_id":"@bpdm/tokens@0.1.1","maintainers":[{"name":"bpdm9","email":"bpdm.tech@gmail.com"}],"homepage":"https://ui.bpdm.dev","bugs":{"url":"https://github.com/bpdm-hq/bpdm-ui/issues"},"dist":{"shasum":"142cf046f22941fc631cc6f5e7064795df807273","tarball":"https://registry.npmjs.org/@bpdm/tokens/-/tokens-0.1.1.tgz","fileCount":4,"integrity":"sha512-EGcn2G/pcwkAqkMS946IqjfZfZRz1ADMRqc84zmhhHjMBRACEEsX6M3leB59Dd9bzpCAQ9DcNzLqT7NqbbKM5A==","signatures":[{"sig":"MEUCIGeKbemtrsVvefEAUK3rEdAxcXIQNu5xdT/ShmILS6fwAiEAgpxCrLszCNRrB8t9lX2j3kCYUDFNvQtl/sMxHqqyhRQ=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":22750},"_from":"file:bpdm-tokens-0.1.1.tgz","exports":{"./styles.css":"./tokens.css","./tokens.css":"./tokens.css"},"_npmUser":{"name":"bpdm9","email":"bpdm.tech@gmail.com"},"_resolved":"/private/var/folders/s0/stnx6rcx6g1dnfdfb_qr2hlr0000gn/T/d4b86e613004920affa27f2eb005e5f6/bpdm-tokens-0.1.1.tgz","_integrity":"sha512-EGcn2G/pcwkAqkMS946IqjfZfZRz1ADMRqc84zmhhHjMBRACEEsX6M3leB59Dd9bzpCAQ9DcNzLqT7NqbbKM5A==","repository":{"url":"git+https://github.com/bpdm-hq/bpdm-ui.git","type":"git","directory":"packages/tokens"},"_npmVersion":"10.8.2","description":"Framework-agnostic design tokens for the bpdm design system — CSS variables, four themes, and one motion language.","directories":{},"_nodeVersion":"20.19.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/tokens_0.1.1_1784987142296_0.5241188020246581","host":"s3://npm-registry-packages-npm-production"}},"0.1.2":{"name":"@bpdm/tokens","version":"0.1.2","description":"Framework-agnostic design tokens for the bpdm design system — CSS variables, four themes, and one motion language.","license":"MIT","author":{"name":"bpdm","url":"https://bpdm.dev"},"homepage":"https://ui.bpdm.dev","repository":{"type":"git","url":"git+https://github.com/bpdm-hq/bpdm-ui.git","directory":"packages/tokens"},"keywords":["design-tokens","design-system","css-variables","theme","tailwindcss"],"exports":{"./tokens.css":"./tokens.css","./styles.css":"./tokens.css"},"publishConfig":{"access":"public"},"_id":"@bpdm/tokens@0.1.2","bugs":{"url":"https://github.com/bpdm-hq/bpdm-ui/issues"},"_integrity":"sha512-jcPU3GvnHzZWX7l5gXAbOjSJrb1ozVE1zVQCKUR0DptPan2tr99eChEKMuFVNEl1xO8ptQIR8NTQx11RiW/9Gw==","_resolved":"/private/var/folders/s0/stnx6rcx6g1dnfdfb_qr2hlr0000gn/T/ef81d2cdce9588fcf270ee5310759dea/bpdm-tokens-0.1.2.tgz","_from":"file:bpdm-tokens-0.1.2.tgz","_nodeVersion":"20.19.0","_npmVersion":"10.8.2","dist":{"integrity":"sha512-jcPU3GvnHzZWX7l5gXAbOjSJrb1ozVE1zVQCKUR0DptPan2tr99eChEKMuFVNEl1xO8ptQIR8NTQx11RiW/9Gw==","shasum":"958964a0a60de220ebb13d795ea70ec426afafda","tarball":"https://registry.npmjs.org/@bpdm/tokens/-/tokens-0.1.2.tgz","fileCount":4,"unpackedSize":22718,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIDmGbwiHr3iy2uzUZnKNnsnf8WtV1viwgzk6ynNOM5EJAiEAxUHliuE3zJw1RSZzbF7HZdnTdkz+rGd8yl3SDugk/A0="}]},"_npmUser":{"name":"bpdm9","email":"bpdm.tech@gmail.com"},"directories":{},"maintainers":[{"name":"bpdm9","email":"bpdm.tech@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/tokens_0.1.2_1784987919387_0.31062815003111566"},"_hasShrinkwrap":false}},"time":{"created":"2026-07-16T10:24:20.302Z","modified":"2026-07-25T13:58:39.675Z","0.1.0":"2026-07-16T10:24:20.588Z","0.1.1":"2026-07-25T13:45:42.426Z","0.1.2":"2026-07-25T13:58:39.507Z"},"bugs":{"url":"https://github.com/bpdm-hq/bpdm-ui/issues"},"author":{"name":"bpdm","url":"https://bpdm.dev"},"license":"MIT","homepage":"https://ui.bpdm.dev","keywords":["design-tokens","design-system","css-variables","theme","tailwindcss"],"repository":{"type":"git","url":"git+https://github.com/bpdm-hq/bpdm-ui.git","directory":"packages/tokens"},"description":"Framework-agnostic design tokens for the bpdm design system — CSS variables, four themes, and one motion language.","maintainers":[{"name":"bpdm9","email":"bpdm.tech@gmail.com"}],"readme":"# @bpdm/tokens\n\nFramework-agnostic **design tokens** for the [bpdm design system](https://ui.bpdm.dev) —\nthe single source of truth shared by every framework package (`@bpdm/ui` for React,\n`@bpdm/ng` for Angular, …). One warm amber identity, four built-in themes, and one\nmotion language, expressed as plain CSS variables.\n\nThis is a **CSS-only** package — no JavaScript, no build step. It **requires\nTailwind CSS 4** in the consuming app (the tokens use Tailwind 4 syntax such as\n`@theme inline` and custom variants; they won't compile on Tailwind 3).\n\n## What's inside\n\n- **Semantic color variables** — `--primary`, `--background`, `--muted`, `--success`, … resolved per theme.\n- **Four themes** — `paper` & `mist` (light), `charcoal` & `slate` (dark), selected with a `data-theme` attribute.\n- **Motion language** — shared easing/duration tokens (`--bpdm-ease-out`, `--bpdm-duration-base`, …) and keyframes; honors `prefers-reduced-motion`.\n- **Tailwind 4 bridge** — `@theme inline` maps the variables to Tailwind color utilities, plus a `dark` custom variant.\n\n## Usage\n\nImport it after Tailwind in your global CSS:\n\n```css\n@import \"tailwindcss\";\n@import \"@bpdm/tokens/tokens.css\";\n```\n\nPick a theme on any ancestor (default is `paper`):\n\n```html\n<html data-theme=\"paper\">    <!-- light · warm (default) -->\n<html data-theme=\"mist\">     <!-- light · cool -->\n<html data-theme=\"charcoal\"> <!-- dark · warm -->\n<html data-theme=\"slate\">    <!-- dark · cool, enterprise -->\n```\n\nRe-brand by overriding any token, globally or scoped:\n\n```css\n:root {\n  --primary: #7c3aed;\n  --ring: #7c3aed;\n  --primary-foreground: #fff;\n}\n```\n\n> If you use a framework package like `@bpdm/ui`, these tokens are already bundled\n> into its `styles.css` — you only need `@bpdm/tokens` directly when theming a\n> non-bpdm app or building your own components on the same system.\n\n## License\n\n[MIT](../../LICENSE) © [bpdm](https://bpdm.dev)\n</content>\n","readmeFilename":"README.md"}