Skip to content

feat: CodeBlockコンポーネントを追加し、CardとAnchorのスタイルを見直し#91

Merged
newt239 merged 3 commits into
mainfrom
feat/code-block-card-anchor
Jul 8, 2026
Merged

feat: CodeBlockコンポーネントを追加し、CardとAnchorのスタイルを見直し#91
newt239 merged 3 commits into
mainfrom
feat/code-block-card-anchor

Conversation

@newt239

@newt239 newt239 commented Jul 8, 2026

Copy link
Copy Markdown
Owner

概要

前回までの一連の作業をまとめたベースPRです。後続の3つのPRはこのブランチをベースにしています。

変更内容

@ginga-ui/core

  • CodeBlock: コピー機能付きコードブロックコンポーネントを新規追加
    • code(コピー対象の生コード)、filenamecopyLabel/copiedLabel propsを提供
    • シンタックスハイライト済みのReact要素はchildrenで注入可能(shiki等は非内包)
    • コピー完了はaria-live="polite"で通知
  • Card: box-shadowを削除し、borderをprimaryに変更
  • Anchor: variant="button"をButtonと視覚統一(角丸・フォーカスリング・disabled表現・transition)

ginga-ui.com

  • 独自実装のコードブロックをコアのCodeBlockの薄いアダプターに置き換え
  • 素の<a>やスタイル付きLinkをコアのAnchorに置き換え
  • 不要になったCSSルールを削除

changesetは@ginga-ui/coreのminorとして作成済みです。

🤖 Generated with Claude Code

- コピー機能付きCodeBlockコンポーネントを@ginga-ui/coreに新規追加(ハイライトはchildrenで注入可能)
- Cardのbox-shadowを削除しborderをprimaryに変更
- Anchorのvariant="button"をButtonと視覚統一
- ドキュメントサイトのコードブロック・リンクをコアのCodeBlock/Anchorに置き換え

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
@changeset-bot

changeset-bot Bot commented Jul 8, 2026

Copy link
Copy Markdown

🦋 Changeset detected

Latest commit: ffd7dba

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 3 packages
Name Type
@ginga-ui/core Minor
ginga-ui.com Minor
@ginga-ui/utils Minor

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

@newt239 newt239 merged commit e5c30ba into main Jul 8, 2026
2 checks 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