feat(venuscn): 25 new components — full primitive coverage for dashboards, json-render, LLM readiness#3
Open
ellisedwards wants to merge 27 commits into
Open
feat(venuscn): 25 new components — full primitive coverage for dashboards, json-render, LLM readiness#3ellisedwards wants to merge 27 commits into
ellisedwards wants to merge 27 commits into
Conversation
…ination, Command, ContextMenu, DropdownMenu, DatePicker, Collapsible Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
…, Label, Separator, Icon Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
…ut, CodeBlock, Switch, DataTable, Chart Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
Adds /comparison gallery page rendering all 25 new VenusCN components (Typography, Stack, Breadcrumb, Toast, Popover, Label, Separator, Icon, EmptyState, Accordion, Stat, AvatarGroup, Pagination, Command, ContextMenu, DropdownMenu, DatePicker, Collapsible, Form, List, Callout, CodeBlock, Switch, DataTable, Chart) in a split layout with legacy Venus reference notes. Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
…dered with realistic data
…rison Replace invalid description= props with fallbackText= on LegacyPane; wire Accordion to components-accordion--default Storybook iframe. Breadcrumb, Toast, Popover, and Icon were already correctly mapped. Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
…ogress', no icon story
…mptyState, Form, ListItem, ToggleSwitch, Table, DatePicker, Dropdown, Notification
…ls + specific fallback reasons Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
…4px radius, shadow
…, Toast matches Notification (exact variant colors)
… vertical padding, 17px icon size from computed styles
…ed white SVG icons, 13px/20px text, 10px margin-left, exact icon column dimensions
…ntered in content area
…hes legacy proportions
…by-side Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
Adds a fixed pill toggle at the bottom-center of the viewport. Switches the 2-column grid to full-width single-column; selecting VenusCN or Legacy Venus shows only that pane. Removes the per-pane labels since the toggle handles context. Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
…prevents iframe reload)
…orts - Replace hardcoded hex colors with token classes across 15 components (pagination, data-table, accordion, command, switch, date-picker, chart, empty-state, list, dropdown-menu, context-menu, typography, avatar-group, breadcrumb, stat) — dark mode now works for all components - Add clarifying comments to tokens.css dual system (`:root` HSL for Radix/shadcn compat, `@theme` hex as primary source), remove redundant manual utility classes - Fix comparison page to use correct VenusCN API: Table bordered with StatusPill/Tag/TableActionButton, Checkbox/Radio/Toggle built-in label props, Pill variants, Tag removable, Dropdown v2, Button sizes - Fix ESLint (install missing deps), add Prettier config + format scripts - Add Vitest + testing-library: 14 test files, 123 tests covering Button, Input, Table, Dropdown, Toggle, Checkbox, Radio, Tabs, Dialog, Select, Accordion, Callout, Pagination, Card - Per-component exports via tsup multi-entry + wildcard package.json exports (import from '@contentstack/venuscn/button' etc.) - README: add 25 missing components, variant guidance, dark mode section Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
ellisedwards
force-pushed
the
feat/venuscn-component-expansion
branch
from
74fdc69 to
9a5e52c
Compare
- Remove default `border` from Card (ghost border in applet mode) - Add SimpleTabs: flat wrapper taking items[] array instead of compound children - Add SimpleAccordion: flat wrapper taking items[] array - Add accordion @Keyframes and --animate-accordion-* tokens to tokens.css (were only defined in demo app globals.css) Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
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
Expands VenusCN from 39 → 64 components, covering all primitives needed for dashboard building, json-render integration, and LLM-generated UI.
All components match Venus legacy visual styling (colors, spacing, border-radius, typography) but use clean VenusCN architecture (Radix primitives, Tailwind, forwardRef, full TypeScript interfaces with JSDoc).
New Components (25)
Tier 1 — Basics
Tier 2 — Dashboard / Data
Tier 3 — LLM / json-render Ready
Test plan
npx tsc --noEmit)🤖 Generated with Claude Code