Skip to content

feat(copy-button): Copy Button with Tooltip and icon transition fixes#631

Open
gab-az wants to merge 4 commits into
mainfrom
feat/copy-button-tooltip
Open

feat(copy-button): Copy Button with Tooltip and icon transition fixes#631
gab-az wants to merge 4 commits into
mainfrom
feat/copy-button-tooltip

Conversation

@gab-az
Copy link
Copy Markdown
Collaborator

@gab-az gab-az commented Jun 3, 2026

Summary

  • Adds CopyButton and Tooltip components with specs (.specs/copy-button.md, .specs/tooltip.md), Storybook stories, and package exports.
  • CopyButton wraps IconButton in Tooltip for hover/focus labels and post-copy feedback; default kind is outlined; copy/check icon swap uses iconTransition.
  • IconButton icon-transition preset uses a fixed-size host so glyph swaps do not resize the control; outlined border uses --border-default.
  • Tooltip popup motion via popup-scale-transition preset aligned with animate.js; text-contrast theme token for contrast surface text.

Test plan

  • Storybook: Actions / Copy Button — hover/focus tooltip, click copies and shows copied state + tooltip, icon transition without layout shift
  • Storybook: Overlay / Tooltip — placements, open/close motion, keyboard dismiss
  • Verify outlined CopyButton default in docs/controls
  • pnpm lint/type-check on webkit package if CI does not cover locally

gab-az added 3 commits June 3, 2026 15:34
Introduce copy-button and tooltip with Storybook coverage, icon swap
transitions on IconButton, and package exports for consumers.
CopyButton uses Tooltip for hover/focus and post-copy feedback with outlined as default; IconButton and Tooltip presets avoid layout shift and align motion with theme tokens.
@gab-az gab-az requested a review from a team as a code owner June 3, 2026 19:23
Replace the Disabled story with a long-content example on a small transparent info IconButton, and align tooltip panel text with body-xs.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Development

Successfully merging this pull request may close these issues.

1 participant