Skip to content

feat(helpers): add SlidingText vertical hover reveal - #45

Merged
jeffgo10 merged 2 commits into
masterfrom
feat/helpers-ui-sliding-text
Aug 7, 2026
Merged

feat(helpers): add SlidingText vertical hover reveal#45
jeffgo10 merged 2 commits into
masterfrom
feat/helpers-ui-sliding-text

Conversation

@jeffgo10

@jeffgo10 jeffgo10 commented Aug 7, 2026

Copy link
Copy Markdown
Owner

Summary

Adds @jeffgo10/helpers/ui with a framework-agnostic SlidingText component — the vertical slide hover/focus label used in LiteShadeMedia TopNav and SlidingTextLink. No Tailwind or Next.js; scramble stays composed via @jeffgo10/helpers/text.

Changes

Packages (@jeffgo10/helpers)

  • New ./ui subpath: SlidingText, slidingTextGroupProps, SLIDING_TEXT_GROUP_ATTR, buildSlidingTextCss
  • Dual layers in a 1.15em overflow clip; 300ms / cubic-bezier(0.2, 0.9, 0.2, 1) / 110% defaults
  • Triggers: root :hover / :focus-visible / :focus-within and ancestor [data-sliding-text-group]
  • color + activeColor (nav muted→bright or CTA motion-only)
  • Active layer always aria-hidden; optional decorative for scramble parents
  • Bump 1.3.0 → 1.4.0

Docs / Cursor rules / agent tooling

  • README section for @jeffgo10/helpers/ui
  • Pin table in ls-foundry-core.mdc → 1.4.0

Commits

SHA Message
83de98d Add SlidingText vertical hover reveal as @jeffgo10/helpers/ui.

Test plan

  • pnpm test --filter=@jeffgo10/helpers
  • pnpm test:coverage --filter=@jeffgo10/helpers
  • pnpm run build --filter=@jeffgo10/helpers
  • After merge, confirm CI publishes @jeffgo10/helpers@1.4.0
  • LiteShadeMedia: replace TopNav / SlidingTextLink markup; keep Next Link wrappers + scramble composition

Notes / follow-ups

  • Publish via merge → publish-packages.yml.
  • LiteShadeMedia consumer wiring is out of scope for this PR.
  • Obsidian: LS Foundry/Notes — helpers ui subpath.md.

- Extract LiteShadeMedia dual-layer clip slide (no Tailwind/Next); color + activeColor
- Support self hover/focus and data-sliding-text-group ancestors; bump helpers to 1.4.0

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

cursor Bot commented Aug 7, 2026

Copy link
Copy Markdown

Bugbot is not enabled for your account, so this pull request was not reviewed.

Enable Bugbot in the Cursor dashboard to get automatic reviews on future PRs.

Keep mount scramble/fluorescent animations, and on brand hover slide the wordmark while replaying the mark flicker; also cover SlidingText CSS defaults for CI.

Co-authored-by: Cursor <cursoragent@cursor.com>
@jeffgo10
jeffgo10 merged commit 02e2e24 into master Aug 7, 2026
1 check passed
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