| 2026-08-20 |
feat: add remaining reference Vue components, card variants, toolbar/repeater/activity-log/usage-meter styles and demo mounts
...
- Add GnHorizontalCard, GnUserCard, GnMetricCard, GnStatusCard, GnLoginCard,
GnIdentity, GnActivityLog, GnToolbar, GnRouterTabs, GnRepeater, GnUsageMeter
- Extend GnTabs to support reference items API while keeping child mode
- Add card subcomponent styles: status, metric, horizontal, login, user
- Add toolbar, repeater, identity, activity-log, usage-meter styles
- Add typography token variables used by reference-compatible components
- Add Vue demo mounts for cards, data-patterns, progress, tabs, navigation-shell
- Fix GnAvatar online status class and navigation-shell footer slot
- Update screenshot config to cover skeleton and navigation-shell
Verified: npm run build, npm run test:e2e (19 passed), npm run screenshots,
npm run test:vue-adapter, figma-match (7 passed)
Eugene Sukhodolskiy
committed
1 day ago
|
Add GnActionCard, GnActionList, GnCopyButton, GnRange and GnTagInput
...
- Mirror reference component APIs and register them in the Vue plugin and index.
- Add supporting styles for action-card, list-actions, range, tag-input and .btn-icon.
- Add Vue demo mounts to cards, lists and inputs partials.
- Capture Lists section in screenshot review.
Co-Authored-By: Claude <noreply@anthropic.com>
Eugene Sukhodolskiy
committed
1 day ago
|
Add Vue demo mounts for buttons, inputs, tables and capture inputs section
...
- Add GnButton, GnInput and GnTable Vue demo mounts.
- Switch tables partial to demo-section for screenshot capture.
- Add dismissible alert styles and close button.
- Include Inputs section in screenshot review list.
Co-Authored-By: Claude <noreply@anthropic.com>
Eugene Sukhodolskiy
committed
1 day ago
|
Add Vue components and demo mounts for divider, step, chips, avatar, choices, select, textarea, pagination, loader
...
- Create GnDivider and GnStep Vue components.
- Export GnStep and GnDivider via plugin and index.
- Update GnSteps to render check icon for complete steps.
- Add Vue demo mounts to divider, stepper, select-textarea, pagination, loader, chips, avatar, choices partials.
- Convert chips and avatar partials to demo-section for screenshot capture.
- Expand screenshot section list.
- All 19 e2e tests green.
Co-Authored-By: Claude <noreply@anthropic.com>
Eugene Sukhodolskiy
committed
1 day ago
|
Use btn-sm for Overlays dropdown/tooltip toggles
...
Co-Authored-By: Claude <noreply@anthropic.com>
Eugene Sukhodolskiy
committed
1 day ago
|
Polish triggers, breadcrumbs, drawer, file preview, editable icons, logos
...
- Use btn-sm for popover, tooltip, dropdown, modal-open, confirm, toast, drawer triggers.
- Use btn-md with gap for modal and confirm-popup action buttons.
- Fix left drawer: correct SCSS nesting so .drawer-left panel slides from left.
- Align breadcrumbs demo with Figma: dark surface, active pill, collapsed rows.
- Unify File Upload preview cards with static File attachment cards markup.
- Style Editable String buttons as btn-icon-only btn-sm.
- Fix 'essentials/search' icon mapping to 'essentials/zoom/search'.
- Add Logos component block from Figma frames.
- Expand screenshot section list to cover more component demos.
- All 19 e2e tests green.
Co-Authored-By: Claude <noreply@anthropic.com>
Eugene Sukhodolskiy
committed
1 day ago
|
style: polish demo visuals and add screenshot workflow
...
- Replace flat palette swatches with color cards (name + hex).
- Increase vertical spacing for demo-section and demo-row.
- Fix Description List to show term when items use { key, value }.
- Style advanced-select input like a regular input with a custom arrow.
- Resize file attachment cards from 420px to 160px, fix grid gaps and padding.
- Make demo background fixed with a subtle parallax drift on scroll.
- Link demo.css in demo/index.html so demo styles actually load.
- Add tests/demo-screenshot.spec.js and npm run screenshots for regular
visual review.
All 19 e2e tests pass.
Co-Authored-By: Claude <noreply@anthropic.com>
Eugene Sukhodolskiy
committed
1 day ago
|