Skip to content

docs: vd3 1.2.0 ring demo, customizer, and primary-aware branding - #6

Merged
Nostromo-618 merged 4 commits into
mainfrom
dev-v1.1.3
Jul 31, 2026
Merged

docs: vd3 1.2.0 ring demo, customizer, and primary-aware branding#6
Nostromo-618 merged 4 commits into
mainfrom
dev-v1.1.3

Conversation

@Nostromo-618

Copy link
Copy Markdown
Member

Summary

  • Document @vanduo-oss/vd3@1.2.0 button ring modifier on /components/button, add a v1.2.0 changelog card, and bump docs to 1.1.3 with ^1.2.0 dependency.
  • Extend the Live Component Customizer with Ring Off/On, ring-weight vs outline branching, and a Width slider for horizontal padding.
  • Unify shell branding as vd3 UI (navbar, footer, hero, about) with primary-aware inline Vd3Mark logos and shared brand tokens; set home <title> to vd3 UI.

Test plan

  • pnpm test (171 unit tests)
  • pnpm build (94 SSG routes)
  • Visual: /components/button ring demo and Live Customizer ring + width controls
  • Visual: theme customizer primary changes update navbar/footer/about/hero mark + vd3 text
  • Visual: navbar logo has no colored badge outline (class collision fix)

Made with Cursor

Nostromo-618 and others added 4 commits July 31, 2026 19:50
Dogfood .vd-btn-ring on /components/button (live card + class/API rows),
bump the vd3 dep to ^1.2.0, and record the release on /changelog. Refresh
the changelog visual baseline so the v1.2.0 card is what the suite locks.

Co-authored-by: Cursor <cursoragent@cursor.com>
The drawer launched from /components/button now has a Ring Off/On toggle
that layers .vd-btn-ring on any variant, emits the real ring prop in generated
SFCs, and retargets the outline slider to --vd-btn-ring-width (Ring weight)
when ring is on — seeding 2px on enable so the stroke is visible immediately.

Co-authored-by: Cursor <cursoragent@cursor.com>
A 0.5×–2× Width control scales --vd-btn-padding-x / -sm / -lg so the live
button preview can be made narrower or wider without changing the size tier.
Emitted into generated CSS only when the scale is not the default 1.

Co-authored-by: Cursor <cursoragent@cursor.com>
Wire navbar, footer, hero, and about marks to the active primary ramp via
shared brand tokens and inline Vd3Mark, set the home page title to vd3 UI,
and avoid the legacy vd-navbar-brand-mark badge class collision.

Co-authored-by: Cursor <cursoragent@cursor.com>
@kilo-code-bot

kilo-code-bot Bot commented Jul 31, 2026

Copy link
Copy Markdown

Code Review Summary

Status: No Issues Found | Recommendation: Merge

Files Reviewed (22 files)
  • openspec/changes/demo-button-ring-style/proposal.md
  • openspec/changes/demo-button-ring-style/specs/docs-content/spec.md
  • openspec/changes/demo-button-ring-style/tasks.md
  • package.json
  • pnpm-lock.yaml
  • src/App.vue
  • src/components/Vd3BrandMark.vue
  • src/components/customizer/CustomizerControls.vue
  • src/customizer/registry.ts
  • src/customizer/types.ts
  • src/layout/VdFooter.vue
  • src/layout/VdNavbar.vue
  • src/nav.ts
  • src/pages/about.vue
  • src/pages/changelog.vue
  • src/pages/components/Button.vue
  • src/stores/customizer.ts
  • src/styles/docs.css
  • src/styles/logo-fx.css
  • tests/e2e/visual-parity.spec.ts-snapshots/vd3-changelog-Chromium-Desktop-darwin.png
  • tests/unit/components/vd3-brand-mark.spec.ts
  • tests/unit/customizer-codegen.spec.ts

Reviewed by deepseek-v4-pro · Input: 92.5K · Output: 11.1K · Cached: 329K

@Nostromo-618
Nostromo-618 merged commit b3594fb into main Jul 31, 2026
2 checks passed
@Nostromo-618
Nostromo-618 deleted the dev-v1.1.3 branch July 31, 2026 18:33
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant