feat(tokenami): add Tokenami component base (full parallel set) - #2
Open
Aniket-508 wants to merge 6 commits into
Open
feat(tokenami): add Tokenami component base (full parallel set)#2Aniket-508 wants to merge 6 commits into
Aniket-508 wants to merge 6 commits into
Conversation
Set up Tokenami as a second component base alongside StyleX: - .tokenami config (theme tokens mapped onto shadcn CSS vars, grid, selectors incl. Base UI data-attributes, property->theme-key map) and env.d.ts module augmentation; tsconfig plugin + include. - lib/tokenami.ts configured css() helper. - Build pipeline: `tokenami:build` generates styles/tokenami.css (imported in globals.css), wired into `build`. - Docs base switcher: BaseProvider context, per-page StyleX/Tokenami toggle in ComponentPreview, lazy TokenamiExample loader, base-aware ComponentSource + lib/registry resolution. - First Tokenami component: button (+ demo example). Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
…aspect-ratio Port simple primitives to the Tokenami base with demo examples. Keyframes (pulse/spin) defined as plain CSS in globals; Tokenami components reference them via --animation-name. Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
Stateful Base UI components (checkbox/switch) use Tokenami data-attribute selectors (--checked_*) directly instead of className callbacks. Card spacing cascades via a --card-spacing custom property. Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
Port the full 54-component set to registry/bases/tokenami and add a matching demo for every component under examples-tokenami, reaching parity with the StyleX base (54 components, 57 demos). Includes menu-family, select/combobox, drawer, calendar, chart, and the composite sidebar, plus data-table/date-picker/typography demos. Stateful styling uses Tokenami selectors (--highlighted_*, --starting_*, etc.) instead of Base UI className callbacks. Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
|
The latest updates on your projects. Learn more about Vercel for GitHub.
|
…enami-base # Conflicts: # apps/www/lib/registry.ts # apps/www/package.json
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Summary
Adds a new Tokenami component base alongside the existing StyleX base, with full parity: 54 components under
registry/bases/tokenami/and a matching demo for each underexamples-tokenami/(57 demos)..tokenami/tokenami.config.ts), and generatedstyles/tokenami.css.--highlighted_*,--starting_*,--ending_*, etc.) instead of Base UI className callbacks — a direct advantage over the StyleX base.Verification
pnpm tokenami:build— CSS generated cleanlynpx tsc --noEmit— 0 type errorspnpm check— 0 errors (warnings are pre-existing a11y patterns mirroring the StyleX demos)🤖 Generated with Claude Code