{"_id":"@appideas/built2buy-ui","name":"@appideas/built2buy-ui","dist-tags":{"latest":"0.1.3"},"versions":{"0.1.3":{"name":"@appideas/built2buy-ui","version":"0.1.3","description":"Built2Buy shared UI — brand design tokens and React component primitives, consumed at build time by every Built2Buy entity (websites and WordPress-embedded apps).","type":"module","main":"dist/index.js","module":"dist/index.js","exports":{".":"./dist/index.js","./tokens.css":"./dist/tokens.css","./styles.css":"./dist/styles.css"},"scripts":{"build":"babel src --out-dir dist --no-babelrc --config-file ./babel.config.build.json --extensions .js,.jsx --out-file-extension .js --copy-files --no-copy-ignored --ignore \"src/**/*.test.js,src/**/*.test.jsx\"","prepare":"npm run build","test":"vitest run","test:watch":"vitest","test:coverage":"vitest run --coverage","validate":"vitest run --coverage"},"peerDependencies":{"react":">=18"},"devDependencies":{"@babel/cli":"^7.26.4","@babel/core":"^7.26.9","@babel/preset-env":"^7.26.9","@babel/preset-react":"^7.26.3","babel-plugin-add-import-extension":"^1.6.0","@testing-library/jest-dom":"^6.9.1","@testing-library/react":"^16.3.2","@testing-library/user-event":"^14.6.1","@vitest/coverage-v8":"^2.1.9","jsdom":"^29.1.1","react":"^19.2.7","react-dom":"^19.2.7","vitest":"^2.1.9"},"author":{"name":"Dotcomjungle / Built2Buy"},"license":"UNLICENSED","_id":"@appideas/built2buy-ui@0.1.3","gitHead":"4c0d25c5e0b879dfa098d1158739c7270d9f3f68","_nodeVersion":"20.20.1","_npmVersion":"10.8.2","dist":{"integrity":"sha512-noCYxh2p4ei667KHnQfn2ux4fdXFj/YixyKoX3eBV5cqbYR9rBgOAeU1zSSaGFIFLCApLpyW+C5neAo93o43/Q==","shasum":"de488ab3d275e6b7562cb3d0058aa7b3b804da22","tarball":"https://registry.npmjs.org/@appideas/built2buy-ui/-/built2buy-ui-0.1.3.tgz","fileCount":13,"unpackedSize":16158,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEYCIQCrJnJ/WP6mlYhyynXrWmlSR/2szeu2sSbUCfrb71zaegIhANqgdI/tTAOXns0XATNwptqa7qcbSpl6bgek/l4UnR61"}]},"_npmUser":{"name":"costmo","email":"chris@appideas.com"},"directories":{},"maintainers":[{"name":"costmo","email":"chris@appideas.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/built2buy-ui_0.1.3_1783954366969_0.6156027852336812"},"_hasShrinkwrap":false}},"time":{"created":"2026-07-13T14:52:46.846Z","0.1.3":"2026-07-13T14:52:47.106Z","modified":"2026-07-13T14:52:47.417Z"},"maintainers":[{"name":"costmo","email":"chris@appideas.com"}],"description":"Built2Buy shared UI — brand design tokens and React component primitives, consumed at build time by every Built2Buy entity (websites and WordPress-embedded apps).","author":{"name":"Dotcomjungle / Built2Buy"},"license":"UNLICENSED","readme":"# @dotcomjungle/built2buy-ui\n\nBuilt2Buy's shared UI: brand **design tokens** and **React component primitives**,\nconsumed at build time by every Built2Buy entity — the websites and the\nWordPress-embedded React apps. One source of truth for the brand look.\n\nScope, approach, epics, and tasks are tracked in the Bridge task board as the\n**\"Built2Buy UI — Shared Design System (@built2buy/ui)\" initiative** (the system\nof record), not in this repo.\n\n## What's here (v0.1 seed)\n\n```\nsrc/\n  tokens.css            Brand design tokens (color, type, spacing, radius, shadow)\n  index.js              Barrel export of the primitives\n  components/           Button, Card, DataTable, Badge, Notice, Field, PageHeader\n```\n\nThese were authored and brand-reviewed inside **Built2BuyMail** and proven on a\nlive install, then lifted here unchanged. Built2BuyMail is the reference consumer.\n\n## Use it\n\n**Tokens (available now — adopt everywhere):**\n```css\n@import '@dotcomjungle/built2buy-ui/tokens.css';\n/* or copy src/tokens.css until the package is wired into your build */\n```\nThen style with the variables: `var(--b2b-button-blue)`, `var(--b2b-font-heading)`,\n`var(--space-lg)`, etc.\n\n**Components (after phase 1 — see CHARTER.md):**\n```jsx\nimport { PageHeader, Card, DataTable, Button, Badge } from '@dotcomjungle/built2buy-ui';\nimport '@dotcomjungle/built2buy-ui/tokens.css';\nimport '@dotcomjungle/built2buy-ui/styles.css';\n```\nEach WordPress-embedded app already runs its own webpack/wp-scripts build, so it\ninstalls this package and bundles the primitives in — no runtime module sharing\nneeded.\n\n## Conventions\n- Plain CSS driven by tokens (not Bootstrap) — matches the Bridge website.\n- Headings: Urbanist. Body: Inter. Teal appears on every screen.\n- No SVG logos; PNG brand assets only.\n\n## Releasing a new version\n\nThis package publishes to GitHub Packages (`@dotcomjungle` scope) on every version tag:\n\n1. `npm version patch|minor|major` (updates `package.json` and creates a git tag)\n2. `git push --follow-tags`\n3. The tag push triggers `.github/workflows/publish.yml`, which builds, runs the\n   test suite, and publishes — no manual `npm publish` needed.\n\nConsumers pin a semver range (e.g. `^0.1.0`) in their own `package.json`, so\npatch/minor releases are picked up on their next install with no changes on\ntheir end; a major bump requires them to update the range deliberately.\n\n_Ideated And Architected By Steve Rice For Dotcomjungle and Built2Buy._\n","readmeFilename":"README.md","_rev":"1-4be0b17d23cc40c416e88aba00627abc"}